@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Rancho);
@import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic);
/* Globally used/reusable items */
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  font-weight: normal;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: none;
}
textarea,
input {
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  resize: none;
  font-family: inherit;
}
textarea::-webkit-search-cancel-button,
input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/*
    VARIABLES
*/
/* Define variables independent of brand colors */
/* Text related variables */
/* Some default colors */
/*
    VARIABLES
*/
/* Define variables based on the brand color values */
/*
    MIXINS
*/
/*
    MIXINS
*/
.clearfix,
.responsive .container,
.responsive .container-fluid,
.responsive .row {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after,
.responsive .container:before,
.responsive .container:after,
.responsive .container-fluid:before,
.responsive .container-fluid:after,
.responsive .row:before,
.responsive .row:after {
  display: table;
  content: '';
  line-height: 0;
}
.clearfix:after,
.responsive .container:after,
.responsive .container-fluid:after,
.responsive .row:after {
  clear: both;
}
/*
    SPRITES
        - Every sprite icon has both a mixin and a class that can be used
        - All sprite icons are defined here, use the classes here and do not manually define you own BG image, position, etc
*/
/* Retina Sprites */
i {
  display: inline-block;
  margin-right: 5px;
}
/*
    EXTERNAL SPRITES
        - Only sprites found in the sprites-external.png file belong here
*/
/* Teams */
.main-medal {
  width: 41px;
  height: 42px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 0;
}
.main-admin {
  width: 29px;
  height: 41px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -41px 0;
}
.main-documents {
  width: 39px;
  height: 41px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px 0;
}
.main-loop-smile {
  width: 43px;
  height: 43px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px 0;
}
.main-tasks {
  width: 41px;
  height: 37px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -153px -1px;
}
.main-charts {
  width: 39px;
  height: 41px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px 0;
}
/* Arrows */
.arrow-down-main-outline-white {
  width: 12px;
  height: 6px;
  background-image: url('/my/static/images/sprites/icons-external.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -1px -44px;
}
/*
    GLOBAL SPRITES
        - Only sprites found in the sprites-global.png file belong here
*/
/* Dot */
.dot-small-white {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 0;
}
.dot-small-gray-lighter {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -4px 0;
}
.dot-small-gray-light {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -8px 0;
}
.dot-small-gray {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px 0;
}
.dot-small-gray-dark {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -16px 0;
}
.dot-small-gray-darker {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -20px 0;
}
/* Small Arrows - WHITE */
.arrow-up-small-white {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -4px;
}
.arrow-right-small-white {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -8px -4px;
}
.arrow-down-small-white {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -4px;
}
.arrow-left-small-white {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -4px;
}
/* Small Arrows - LIGHTER GRAY */
.arrow-up-small-gray-lighter {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -28px -4px;
}
.arrow-right-small-gray-lighter {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -4px;
}
.arrow-down-small-gray-lighter {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -42px -4px;
}
.arrow-left-small-gray-lighter {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -50px -4px;
}
/* Small Arrows - LIGHT GRAY */
.arrow-up-small-gray-light {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -56px -4px;
}
.arrow-right-small-gray-light {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -64px -4px;
}
.arrow-down-small-gray-light {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -4px;
}
.arrow-left-small-gray-light {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -78px -4px;
}
/* Small Arrows - GRAY */
.arrow-up-small-gray {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -84px -4px;
}
.arrow-right-small-gray {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -92px -4px;
}
.arrow-down-small-gray {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -98px -4px;
}
.arrow-left-small-gray {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -106px -4px;
}
/* Small Arrows - DARK GRAY */
.arrow-up-small-gray-dark {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -112px -4px;
}
.arrow-right-small-gray-dark {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -4px;
}
.arrow-down-small-gray-dark {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -126px -4px;
}
.arrow-left-small-gray-dark {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -134px -4px;
}
/* Small Arrows - DARKER GRAY */
.arrow-up-small-gray-darker {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -140px -4px;
}
.arrow-right-small-gray-darker {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -148px -4px;
}
.arrow-down-small-gray-darker {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -154px -4px;
}
.arrow-left-small-gray-darker {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -162px -4px;
}
/* Small Checkmark - WHITE */
.check-small-white {
  height: 7px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -168px -4px;
}
/* Small Plus */
.plus-small-white {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -4px;
}
.plus-small-gray-lighter {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -184px -4px;
}
.plus-small-gray-light {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -192px -4px;
}
.plus-small-gray {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -200px -4px;
}
.plus-small-gray-dark {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -208px -4px;
}
.plus-small-gray-darker {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -216px -4px;
}
/* Small Thin X */
.x-small-thin-white {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -224px -4px;
}
.x-small-thin-gray-lighter {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -232px -4px;
}
.x-small-thin-gray-light {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -240px -4px;
}
.x-small-thin-gray {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -248px -4px;
}
.x-small-thin-gray-dark {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -256px -4px;
}
.x-small-thin-gray-darker {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -264px -4px;
}
.close-x-icon-small-thin-gray {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -248px -4px;
}
.close-x-icon-small-thin-gray:hover {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -264px -4px;
}
/* Small Person */
.person-small-white {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -12px;
}
.person-small-gray-lighter {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -10px -12px;
}
.person-small-gray-light {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -20px -12px;
}
.person-small-gray {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -30px -12px;
}
.person-small-gray-dark {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -40px -12px;
}
.person-small-gray-darker {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -50px -12px;
}
/* Small Message */
.message-small-white {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -12px;
}
.message-small-gray-lighter {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -12px;
}
.message-small-gray-light {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -80px -12px;
}
.message-small-gray {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -12px;
}
.message-small-gray-dark {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -100px -12px;
}
.message-small-gray-darker {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -12px;
}
/* Small Toggles */
.toggle-small-grid {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -12px;
}
.toggle-small-list {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -130px -12px;
}
.switch-view {
  width: 22px;
  height: 22px;
  padding: 6px;
  background-color: #a4d4ff;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.switch-view:hover {
  background-color: #61b6ff;
}
.switch-view > a {
  display: none;
}
.switch-view > a.active {
  display: block;
}
/* Small Thin Arrows */
.arrow-up-small-thin {
  height: 10px;
  width: 7px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -140px -12px;
}
.arrow-right-small-thin {
  height: 7px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -147px -12px;
}
.arrow-down-small-thin {
  height: 10px;
  width: 7px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -157px -12px;
}
.arrow-left-small-thin {
  height: 7px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -164px -12px;
}
/* Message Tails */
.message-tail-left {
  height: 10px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -174px -12px;
}
.message-tail-right {
  height: 10px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -184px -12px;
}
/* X Icon */
.x-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -22px;
}
.x-gray-lighter {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -22px;
}
.x-gray-light {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -22px;
}
.x-gray {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -22px;
}
.x-gray-dark {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -22px;
}
.x-gray-darker {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -22px;
}
.close-x-icon {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -22px;
}
.close-x-icon:hover {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -22px;
}
.close-x-icon.center-vertically {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 0;
}
.close-x-icon-white {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -22px;
}
.close-x-icon-white:hover {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -22px;
}
.close-x-icon-dark {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -22px;
}
.close-x-icon-dark:hover {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -22px;
}
/* Toggle Arrows */
.toggle-arrows-white {
  height: 12px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -72px -22px;
}
.toggle-arrows-gray-lighter {
  height: 12px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -78px -22px;
}
.toggle-arrows-gray-light {
  height: 12px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -84px -22px;
}
.toggle-arrows-gray {
  height: 12px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -22px;
}
.toggle-arrows-gray-dark {
  height: 12px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -96px -22px;
}
.toggle-arrows-gray-darker {
  height: 12px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -102px -22px;
}
/* Arrows - WHITE */
.arrow-up-white {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -34px;
}
.arrow-right-white {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -13px -34px;
}
.arrow-down-white {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -23px -34px;
}
.arrow-left-white {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -34px;
}
/* Arrows - LIGHTER GRAY */
.arrow-up-gray-lighter {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -45px -34px;
}
.arrow-right-gray-lighter {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -58px -34px;
}
.arrow-down-gray-lighter {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -68px -34px;
}
.arrow-left-gray-lighter {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -81px -34px;
}
/* Arrows - LIGHT GRAY */
.arrow-up-gray-light {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -34px;
}
.arrow-right-gray-light {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -103px -34px;
}
.arrow-down-gray-light {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -113px -34px;
}
.arrow-left-gray-light {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -126px -34px;
}
/* Arrows - GRAY */
.arrow-up-gray {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -135px -34px;
}
.arrow-right-gray {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -148px -34px;
}
.arrow-down-gray {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -158px -34px;
}
.arrow-left-gray {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -171px -34px;
}
/* Arrows - DARK GRAY */
.arrow-up-gray-dark {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -180px -34px;
}
.arrow-right-gray-dark {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -193px -34px;
}
.arrow-down-gray-dark {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -203px -34px;
}
.arrow-left-gray-dark {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -216px -34px;
}
/* Arrows - DARKER GRAY */
.arrow-up-gray-darker {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -225px -34px;
}
.arrow-right-gray-darker {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -238px -34px;
}
.arrow-down-gray-darker {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -248px -34px;
}
.arrow-left-gray-darker {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -261px -34px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -193px -34px;
}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -216px -34px;
}
/* Message */
.message-white {
  width: 13px;
  height: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -47px;
}
.message-gray-lighter {
  width: 13px;
  height: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -13px -47px;
}
.message-gray-light {
  width: 13px;
  height: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -26px -47px;
}
.message-gray {
  width: 13px;
  height: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -39px -47px;
}
.message-gray-dark {
  width: 13px;
  height: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -52px -47px;
}
.message-gray-darker {
  width: 13px;
  height: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -65px -47px;
}
/* Lock */
.lock-white {
  height: 13px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -79px -47px;
}
.lock-gray-lighter {
  height: 13px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -89px -47px;
}
.lock-gray-light {
  height: 13px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -99px -47px;
}
.lock-gray {
  height: 13px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -109px -47px;
}
.lock-gray-dark {
  height: 13px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -119px -47px;
}
.lock-gray-darker {
  height: 13px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -129px -47px;
}
/* Small Checkmark W/Circle - Green */
.check-small-circle-green {
  height: 13px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -139px -47px;
}
/* Small Flag */
.flag-small-white {
  height: 14px;
  width: 10px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -60px;
}
.flag-small-gray-lighter {
  height: 14px;
  width: 11px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -11px -60px;
}
.flag-small-gray-light {
  height: 14px;
  width: 11px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -60px;
}
.flag-small-gray {
  height: 14px;
  width: 11px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -33px -60px;
}
.flag-small-gray-dark {
  height: 14px;
  width: 11px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -44px -60px;
}
.flag-small-gray-darker {
  height: 14px;
  width: 11px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -55px -60px;
}
/* Search */
.search-white {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -73px;
}
.search-gray-lighter {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -211px -73px;
}
.search-gray-light {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -227px -73px;
}
.search-gray {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -243px -73px;
}
.search-gray-dark {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -259px -73px;
}
.search-gray-darker {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -275px -73px;
}
/* X Icon W/Circle */
.x-circle-white {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -74px;
}
.x-circle-gray-lighter {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -105px -74px;
}
.x-circle-gray-light {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -74px;
}
.x-circle-gray {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -135px -74px;
}
.x-circle-gray-dark {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -74px;
}
.x-circle-gray-darker {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -165px -74px;
}
/* Paper Gray */
.paper-gray {
  height: 15px;
  width: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -180px -74px;
}
/* Large Message */
.message-large-white {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -89px;
}
.message-large-gray-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -16px -89px;
}
.message-large-gray-light {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -32px -89px;
}
.message-large-gray {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -89px;
}
.message-large-gray-dark {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -64px -89px;
}
.message-large-gray-darker {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -80px -89px;
}
.message-large-icon {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -64px -89px;
}
.message-large-icon:hover {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -80px -89px;
}
.message-large-icon.no-hover:hover {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -64px -89px;
}
.message-large-icon.center-vertically {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
/* Person */
.person-white {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -96px -89px;
}
.person-gray-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -112px -89px;
}
.person-gray-light {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -128px -89px;
}
.person-gray {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -144px -89px;
}
.person-gray-dark {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -160px -89px;
}
.person-gray-darker {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -89px;
}
.person-icon {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -160px -89px;
}
.person-icon:hover {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -89px;
}
.inverted-corner-top-left {
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -221px -123px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.inverted-corner-top-right {
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -231px -123px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.inverted-corner-bottom-right {
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -231px -133px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.inverted-corner-bottom-left {
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -221px -133px;
  width: 10px;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* Doc Editor Icons */
.left-align-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -194px -92px;
}
.center-align-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -205px -92px;
}
.right-align-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -217px -92px;
}
.style-bold-white {
  height: 14px;
  width: 9px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -229px -92px;
}
.style-italic-white {
  height: 14px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -238px -91px;
}
.text-color-white {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -244px -90px;
}
.text-background-white {
  height: 12px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -257px -92px;
}
.clause-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -270px -92px;
}
.transparency-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -282px -92px;
}
.history-white {
  height: 12px;
  width: 13px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -294px -92px;
}
.group-white {
  height: 12px;
  width: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -308px -92px;
}
.style-strike-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -321px -92px;
}
.field-calculation-white {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -333px -93px;
}
/* Question Mark */
.question-large-circle-gray-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -192px -89px;
}
/* Credit Cards */
.credit-discover {
  height: 18px;
  width: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -105px;
}
.credit-visa {
  height: 18px;
  width: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -30px -105px;
}
.credit-mastercard {
  height: 18px;
  width: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -105px;
}
.credit-amex {
  height: 18px;
  width: 29px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -105px;
}
/* Flag */
.flag-white {
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -119px -105px;
}
.flag-gray-lighter {
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -133px -105px;
}
.flag-gray-light {
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -147px -105px;
}
.flag-gray {
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -161px -105px;
}
.flag-gray-dark {
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -175px -105px;
}
.flag-gray-darker {
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -189px -105px;
}
/* Star */
.star-white {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -204px -105px;
}
.star-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -220px -105px;
}
.star-light {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -236px -105px;
}
.star-gray {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -252px -105px;
}
.star-gray-dark {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -268px -105px;
}
.star-gray-darker {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -284px -105px;
}
/* Person W/Circle */
.person-circle-gray-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -123px;
}
.person-circle-gray-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -123px;
}
.person-circle-gray {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -44px -123px;
}
.person-circle-gray-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -66px -123px;
}
.person-circle-gray-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -88px -123px;
}
/* Message W/Circle */
.message-circle-gray-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -123px;
}
.message-circle-gray-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -132px -123px;
}
.message-circle-gray {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -154px -123px;
}
.message-circle-gray-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -123px;
}
.message-circle-gray-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -198px -123px;
}
/* Premium Icons */
.premium-templates {
  height: 30px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -145px;
}
.premium-info {
  height: 24px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -25px -145px;
}
.premium-tasks {
  height: 23px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -50px -145px;
}
.premium-compliance {
  height: 26px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -75px -145px;
}
.premium-storage {
  height: 24px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -100px -145px;
}
.premium-notes {
  height: 22px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -125px -145px;
}
.premium-messages {
  height: 23px;
  width: 28px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -308px -173px;
}
.premium-leads {
  height: 23px;
  width: 28px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -336px -173px;
}
.premium-branding {
  height: 27px;
  width: 28px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -380px -172px;
}
.premium-manage {
  height: 23px;
  width: 20px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -362px -168px;
}
.premium-charts {
  height: 23px;
  width: 28px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -336px -173px;
}
.premium-handshake {
  height: 23px;
  width: 28px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -405px -173px;
}
/* Large Flag */
.flag-large-gray {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -145px;
}
/* Larger Message */
.message-larger-white {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -172px -145px;
}
.message-larger-gray-lighter {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -197px -145px;
}
.message-larger-gray-light {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -222px -145px;
}
.message-larger-gray {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -247px -145px;
}
.message-larger-gray-dark {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -272px -145px;
}
.message-larger-gray-darker {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -297px -145px;
}
/* Premium Icons */
.premium-loops {
  height: 25px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -323px -145px;
}
.premium-editing {
  height: 18px;
  width: 25px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -348px -145px;
}
.premium-esignatures {
  height: 23px;
  width: 22px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -374px -145px;
}
.premium-security {
  height: 25px;
  width: 24px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -397px -145px;
}
.premium-mobile {
  height: 28px;
  width: 17px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -422px -145px;
}
/* Header Icons */
.header-charts .icon {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -181px -207px;
}
.header-loops .icon {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -175px;
}
.header-tasks .icon {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -181px -175px;
}
.header-people .icon {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -212px -175px;
}
.header-templates .icon {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -243px -175px;
}
/* Branded Icons */
.status-plus-icon {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 24px;
  -moz-background-clip: padding;
  border-radius: 24px;
  background-clip: padding-box;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -346px -86px;
  background-color: #61b6ff;
}
.status-check-icon {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 24px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 24px;
  -moz-background-clip: padding;
  border-radius: 24px;
  background-clip: padding-box;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -367px -85px;
  background-color: #00daa2;
}
/* Generic Profile Icons */
.profile-small-gray-lighter {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -175px;
}
.profile-small-gray-light {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -30px -175px;
}
.profile-small-gray {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -175px;
}
.profile-small-gray-dark {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -175px;
}
.profile-small-gray-darker {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -175px;
}
.profile-medium-gray {
  width: 55px;
  height: 55px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -205px;
}
.profile-large-gray {
  width: 120px;
  height: 120px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -260px;
}
/* Big Icons W/Circle */
.flag-circle-large-gray {
  width: 65px;
  height: 65px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -380px;
}
.flag-circle-large-white {
  width: 65px;
  height: 65px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -65px -380px;
}
.message-circle-large-gray {
  width: 65px;
  height: 65px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -445px;
}
.message-circle-large-white {
  width: 65px;
  height: 65px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -65px -445px;
}
/* Fancy Arrows */
.arrow-fancy-right {
  height: 35px;
  width: 63px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -260px;
}
.arrow-fancy-left-up {
  height: 40px;
  width: 52px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -205px;
}
.arrow-fancy-left-down {
  height: 40px;
  width: 52px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -335px;
}
.arrow-fancy-right-up {
  height: 28px;
  width: 71px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -183px -260px;
}
.arrow-fancy-right-down {
  height: 48px;
  width: 63px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -183px -288px;
}
.arrow-fancy-large-right-down {
  height: 51px;
  width: 91px;
}
.paper-icon-web {
  width: 41px;
  height: 55px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -346px -255px;
}
/*
    BRANDED SPRITES
        - Only sprites found in the icons-[brand].png file belong here
*/
/* Dot */
.dot-small-lighter {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 0;
}
.dot-small-light {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -4px 0;
}
.dot-small {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -8px 0;
}
.dot-small-dark {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px 0;
}
.dot-small-darker {
  width: 4px;
  height: 4px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -16px 0;
}
/* Small X Icon */
.x-small-lighter {
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -4px;
}
.x-small-light {
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -6px -4px;
}
.x-small {
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -4px;
}
.x-small-dark {
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -18px -4px;
}
.x-small-darker {
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -4px;
}
.close-x-icon-small-main {
  cursor: pointer;
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -4px;
}
.close-x-icon-small-main:hover {
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -18px -4px;
}
/* Small Arrows - LIGHTER */
.arrow-up-small-lighter {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -10px;
}
.arrow-right-small-lighter {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -8px -10px;
}
.arrow-down-small-lighter {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -10px;
}
.arrow-left-small-lighter {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -10px;
}
/* Small Arrows - LIGHT */
.arrow-up-small-light {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -28px -10px;
}
.arrow-right-small-light {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -10px;
}
.arrow-down-small-light {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -42px -10px;
}
.arrow-left-small-light {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -50px -10px;
}
/* Small Arrows */
.arrow-up-small {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -56px -10px;
}
.arrow-right-small {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -64px -10px;
}
.arrow-down-small {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -10px;
}
.arrow-left-small {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -78px -10px;
}
/* Small Arrows - DARK */
.arrow-up-small-dark {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -84px -10px;
}
.arrow-right-small-dark {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -92px -10px;
}
.arrow-down-small-dark {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -98px -10px;
}
.arrow-left-small-dark {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -106px -10px;
}
/* Small Arrows - DARKER */
.arrow-up-small-darker {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -112px -10px;
}
.arrow-right-small-darker {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -10px;
}
.arrow-down-small-darker {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -126px -10px;
}
.arrow-left-small-darker {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -134px -10px;
}
/* Small Plus */
.plus-small-lighter {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -140px -10px;
}
.plus-small-light {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -148px -10px;
}
.plus-small {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -156px -10px;
}
.plus-small-dark {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -164px -10px;
}
.plus-small-darker {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -172px -10px;
}
.plus-small-attention {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -180px -10px;
}
/* Small Thin X */
.x-small-thin-lighter {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -188px -10px;
}
.x-small-thin-light {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -196px -10px;
}
.x-small-thin {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -204px -10px;
}
.x-small-thin-dark {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -212px -10px;
}
.x-small-thin-darker {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -220px -10px;
}
.x-small-thin-attention {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -228px -10px;
}
.close-x-icon-small-thin-main {
  cursor: pointer;
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -204px -10px;
}
.close-x-icon-small-thin-main:hover {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -220px -10px;
}
/* Small Person */
.person-small-lighter {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -18px;
}
.person-small-light {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -10px -18px;
}
.person-small {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -20px -18px;
}
.person-small-dark {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -30px -18px;
}
.person-small-darker {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -40px -18px;
}
.person-small-attention {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -50px -18px;
}
/* Small Message */
.message-small-lighter {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -18px;
}
.message-small-light {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -18px;
}
.message-small {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -80px -18px;
}
.message-small-dark {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -18px;
}
.message-small-darker {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -100px -18px;
}
.message-small-attention {
  width: 10px;
  height: 10px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -18px;
}
/* Small Open Folder */
.folder-open-small-lighter {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -18px;
}
.folder-open-small-light {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -135px -18px;
}
.folder-open-small {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -18px;
}
.folder-open-small-dark {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -165px -18px;
}
.folder-open-small-darker {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -180px -18px;
}
/* Small Star*/
.star-small-lighter {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -18px;
}
.star-small-light {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -205px -18px;
}
.star-small {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -215px -18px;
}
.star-small-dark {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -225px -18px;
}
.star-small-darker {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -235px -18px;
}
.star-small-attention {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -245px -18px;
}
.star-small-attention-before:before {
  content: '';
  display: block;
  float: left;
  margin-top: 5px;
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -245px -18px;
}
/* X Icon */
.x-lighter {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -28px;
}
.x-light {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -28px;
}
.x {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -28px;
}
.x-dark {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -28px;
}
.x-darker {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -28px;
}
.close-x-icon-main {
  cursor: pointer;
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -28px;
}
.close-x-icon-main:hover {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -28px;
}
.close-x-icon-main.no-hover-style:hover {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -28px;
}
/* Small Closed Folder */
.folder-closed-small-lighter {
  height: 12px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -28px;
}
.folder-closed-small-light {
  height: 12px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -75px -28px;
}
.folder-closed-small {
  height: 12px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -28px;
}
.folder-closed-small-dark {
  height: 12px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -105px -28px;
}
.folder-closed-small-darker {
  height: 12px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -28px;
}
/* Toggle Arrows */
.toggle-arrows-lighter {
  height: 12px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -135px -28px;
}
.toggle-arrows-light {
  height: 12px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -141px -28px;
}
.toggle-arrows {
  height: 12px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -147px -28px;
}
.toggle-arrows-dark {
  height: 12px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -153px -28px;
}
.toggle-arrows-darker {
  height: 12px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -159px -28px;
}
/* Arrows - LIGHTER */
.arrow-up-lighter {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -40px;
}
.arrow-right-lighter {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -13px -40px;
}
.arrow-down-lighter {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -40px;
}
.arrow-left-lighter {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -35px -40px;
}
/* Arrows - LIGHT */
.arrow-up-light {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -44px -40px;
}
.arrow-right-light {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -57px -40px;
}
.arrow-down-light {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -66px -40px;
}
.arrow-left-light {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -79px -40px;
}
/* Arrows */
.arrow-up {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -88px -40px;
}
.arrow-right {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -101px -40px;
}
.arrow-down {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -40px;
}
.arrow-left {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -123px -40px;
}
/* Arrows - DARK */
.arrow-up-dark {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -132px -40px;
}
.arrow-right-dark {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -145px -40px;
}
.arrow-down-dark {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -154px -40px;
}
.arrow-left-dark {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -167px -40px;
}
/* Arrows - DARKER */
.arrow-up-darker {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -40px;
}
.arrow-right-darker {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -189px -40px;
}
.arrow-down-darker {
  height: 9px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -198px -40px;
}
.arrow-left-darker {
  height: 13px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -211px -40px;
}
/* Calendar */
.calendar-lighter {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -53px;
}
.calendar-light {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -53px;
}
.calendar {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -24px -53px;
}
.calendar-dark {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -36px -53px;
}
.calendar-darker {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -53px;
}
/* Large X Icon */
.x-large-lighter {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -67px;
}
.x-large-light {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -15px -67px;
}
.x-large {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -30px -67px;
}
.x-large-dark {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -45px -67px;
}
.x-large-darker {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -67px;
}
/* Search Icon */
.search-lighter {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -75px -66px;
}
.search-light {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -66px;
}
.search-main {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -105px -66px;
}
.search-dark {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -66px;
}
.search-darker {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -135px -66px;
}
/* X Icon W/Circle */
.x-circle-lighter {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -67px;
}
.x-circle-light {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -165px -67px;
}
.x-circle {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -180px -67px;
}
.x-circle-dark {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -67px;
}
.x-circle-darker {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -210p -67px;
}
.x-circle-alert {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -235px -67px;
}
/* Large Message */
.message-large-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -82px;
}
.message-large-light {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -16px -82px;
}
.message-large {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -32px -82px;
}
.message-large-dark {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -48px -82px;
}
.message-large-darker {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -64px -82px;
}
.message-large-attention {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -80px -82px;
}
/* Person */
.person-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -96px -82px;
}
.person-light {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -112px -82px;
}
.person {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -128px -82px;
}
.person-dark {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -144px -82px;
}
.person-darker {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -160px -82px;
}
/* Mail */
.mail-lighter {
  height: 16px;
  width: 23px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -82px;
}
.mail-light {
  height: 16px;
  width: 23px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -199px -82px;
}
.mail {
  height: 16px;
  width: 23px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -222px -82px;
}
.mail-dark {
  height: 16px;
  width: 23px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -245px -82px;
}
.mail-darker {
  height: 16px;
  width: 23px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -268px -82px;
}
/* Large Star */
.star-large-lighter {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -291px -82px;
}
.star-large-light {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -307px -82px;
}
.star-large {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -323px -82px;
}
.star-large-dark {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -339px -82px;
}
.star-large-darker {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -355px -82px;
}
.star-large-attention {
  width: 16px;
  height: 16px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -371px -82px;
}
/* Cloud */
.cloud-lighter {
  height: 20px;
  width: 28px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -98px;
}
.cloud-light {
  height: 20px;
  width: 28px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -28px -98px;
}
.cloud {
  height: 20px;
  width: 28px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -56px -98px;
}
.cloud-dark {
  height: 20px;
  width: 28px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -84px -98px;
}
.cloud-darker {
  height: 20px;
  width: 28px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -112px -98px;
}
/* Document Stack */
.document-stack-lighter {
  height: 20px;
  width: 19px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -140px -98px;
}
.document-stack-light {
  height: 20px;
  width: 19px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -159px -98px;
}
.document-stack {
  height: 20px;
  width: 19px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -178px -98px;
}
.document-stack-dark {
  height: 20px;
  width: 19px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -197px -98px;
}
.document-stack-darker {
  height: 20px;
  width: 19px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -216px -98px;
}
/* Doc Editor Icons */
.left-align-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -237px -103px;
}
.center-align-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -248px -103px;
}
.right-align-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -260px -103px;
}
.style-bold-small {
  height: 14px;
  width: 9px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -272px -103px;
}
.style-italic-small {
  height: 14px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -281px -102px;
}
.text-color-small {
  height: 14px;
  width: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -287px -101px;
}
.text-background-small {
  height: 12px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -300px -103px;
}
.clause-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -313px -103px;
}
.transparency-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -325px -103px;
}
.history-small {
  height: 12px;
  width: 13px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -337px -103px;
}
.group-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -351px -103px;
}
.field-calculation-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -377px -103px;
}
.style-strike-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -364px -103px;
}
/* Expand W/Circle */
.expand-circle-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -118px;
}
.expand-circle-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -118px;
}
.expand-circle {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -44px -118px;
}
.expand-circle-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -66px -118px;
}
.expand-circle-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -88px -118px;
}
/* Back W/Circle */
.back-circle-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -118px;
}
.back-circle-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -132px -118px;
}
.back-circle {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -154px -118px;
}
.back-circle-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -118px;
}
.back-circle-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -198px -118px;
}
/* Forward W/Circle */
.back-circle-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -220px -118px;
}
.back-circle-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -242px -118px;
}
.back-circle {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -264px -118px;
}
.back-circle-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -286px -118px;
}
.back-circle-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -308px -118px;
}
/* X W/Circle */
.back-circle-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -220px -118px;
}
.back-circle-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -242px -118px;
}
.back-circle {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -264px -118px;
}
.back-circle-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -286px -118px;
}
.back-circle-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -308px -118px;
}
/* Large X Icon W/Circle */
.x-circle-large-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -140px;
}
.x-circle-large-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -140px;
}
.x-circle-large {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -44px -140px;
}
.x-circle-large-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -66px -140px;
}
.x-circle-large-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -88px -140px;
}
/* Person W/Circle */
.person-circle-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -140px;
}
.person-circle-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -132px -140px;
}
.person-circle {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -154px -140px;
}
.person-circle-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -176px -140px;
}
.person-circle-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -198px -140px;
}
/* Message W/Circle */
.message-circle-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -220px -140px;
}
.message-circle-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -242px -140px;
}
.message-circle {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -264px -140px;
}
.message-circle-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -286px -140px;
}
.message-circle-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -308px -140px;
}
.message-circle-alert {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -330px -140px;
}
/* Large Person W/Circle */
.person-circle-large-lighter {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -162px;
}
.person-circle-large-light {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -30px -162px;
}
.person-circle-large {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -162px;
}
.person-circle-large-dark {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -162px;
}
.person-circle-large-darker {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -120px -162px;
}
/* Large Filled Person W/Circle */
.person-circle-filled-large-lighter {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -162px;
}
.person-circle-filled-large-light {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -180px -162px;
}
.person-circle-filled-large {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -210px -162px;
}
.person-circle-filled-large-dark {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -240px -162px;
}
.person-circle-filled-large-darker {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -270px -162px;
}
/* Large Flag */
.flag-large-lighter {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -301px -162px;
}
.flag-large-light {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -323px -162px;
}
.flag-large {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -345px -162px;
}
.flag-large-dark {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -367px -162px;
}
.flag-large-darker {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -389px -162px;
}
.flag-large-attention {
  height: 28px;
  width: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -411px -162px;
}
/* Larger Message */
.message-larger-lighter {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -433px -162px;
}
.message-larger-light {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -458px -162px;
}
.message-larger {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -483px -162px;
}
.message-larger-dark {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -508px -162px;
}
.message-larger-darker {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -533px -162px;
}
.message-larger-attention {
  height: 28px;
  width: 25px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -558px -162px;
}
/* Large Secure Badge */
.badge-secure-large-lighter {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -193px;
}
.badge-secure-large-light {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -22px -193px;
}
.badge-secure-large {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -44px -193px;
}
.badge-secure-large-dark {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -66px -193px;
}
.badge-secure-large-darker {
  width: 22px;
  height: 22px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -88px -193px;
}
/* Secure Badge */
.badge-secure-lighter {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -110px -193px;
}
.badge-secure-light {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -125px -193px;
}
.badge-secure {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -140px -193px;
}
.badge-secure-dark {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -155px -193px;
}
.badge-secure-darker {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -170px -193px;
}
/* Small Secure Badge */
.badge-secure-small-lighter {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -185px -193px;
}
.badge-secure-small-light {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -197px -193px;
}
.badge-secure-small {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -209px -193px;
}
.badge-secure-small-dark {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -221px -193px;
}
.badge-secure-small-darker {
  width: 12px;
  height: 12px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -233px -193px;
}
/* Large Fancy Arrows */
.arrow-fancy-large-lighter {
  height: 83px;
  width: 100px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -215px;
}
.arrow-fancy-large-light {
  height: 83px;
  width: 100px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -100px -215px;
}
.arrow-fancy-large {
  height: 83px;
  width: 100px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -200px -215px;
}
.arrow-fancy-large-dark {
  height: 83px;
  width: 100px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -300px -215px;
}
.arrow-fancy-large-darker {
  height: 83px;
  width: 100px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -400px -215px;
}
.sprite-partner-headshot-1 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: 0px 0px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-2 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -140px 0px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-3 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -280px 0px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-4 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -420px 0px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-5 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: 0px -140px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-6 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -140px -140px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-7 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -280px -140px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-8 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -420px -140px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-9 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: 0px -280px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-10 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -140px -280px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-11 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -280px -280px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-12 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -420px -280px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-13 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: 0px -420px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-14 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -140px -420px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-15 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -280px -420px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-headshot-16 {
  background-image: url('/my/static/images/sprites/partner-headshots.png');
  background-position: -420px -420px;
  background-size: 560px;
  width: 140px;
  height: 140px;
}
.sprite-partner-icon-1 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: 0px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-2 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -42px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-3 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -84px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-4 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -126px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-5 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: 0px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-6 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -42px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-7 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -84px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-8 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -126px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-9 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: 0px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-10 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -42px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-11 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -84px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-12 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -126px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-13 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: 0px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-14 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -42px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-15 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -84px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-16 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -126px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-1 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -168px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-2 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -210px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-3 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -252px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-4 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -294px 0px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-5 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -168px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-6 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -210px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-7 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -252px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-8 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -294px -42px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-9 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -168px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-10 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -210px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-11 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -252px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-12 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -294px -84px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-13 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -168px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-14 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -210px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-15 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -252px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon-invert-16 {
  background-image: url('/my/static/images/sprites/partner-icons.png');
  background-position: -294px -126px;
  background-size: 336px;
  width: 42px;
  height: 42px;
}
.sprite-partner-icon,
.sprite-partner-icon-invert {
  background-color: black;
}
.sprite-partner-small {
  -webkit-transform: scale(0.214);
  -moz-transform: scale(0.214);
  -ms-transform: scale(0.214);
  -o-transform: scale(0.214);
  transform: scale(0.214);
  margin: -55px;
}
.sprite-partner-medium {
  -webkit-transform: scale(0.76);
  -moz-transform: scale(0.76);
  -ms-transform: scale(0.76);
  -o-transform: scale(0.76);
  transform: scale(0.76);
  margin: -10px 0 0 -10px;
}
/* Icons but not real sprites. */
[class*="b-icon-"]:before {
  position: absolute;
  padding: 1px 5px 3px 5px;
  margin: 8px 0;
  line-height: 10px;
  vertical-align: middle;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
  background: #cdcdcd;
  color: #ffffff;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
}
.b-icon-folder-state:before,
.b-icon-minus:before {
  content: '-';
}
.b-icon-folder-state.close:before,
.b-icon-plus:before {
  padding: 2px 3px 2px 2px;
  content: '+';
}
.dlMainDarker {
  background-color: #2e4655;
}
.dlMainDark {
  background-color: #3b607b;
}
.dlMain {
  background-color: #61b6ff;
}
.dlMainLight {
  background-color: #a4d4ff;
}
.dlMainLighter {
  background-color: #eef7ff;
}
.dlGrayDarker {
  background-color: #393939;
}
.dlGrayDark {
  background-color: #8c8c8c;
}
.dlGray {
  background-color: #cdcdcd;
}
.dlGrayLight {
  background-color: #eae7e7;
}
.dlGrayLighter {
  background-color: #f0f1ee;
}
#animate-frames .scale-fade 0% {
  opacity: 0;
  -webkit-transform: scale(0.8) rotateX(-40deg);
  -moz-transform: scale(0.8) rotateX(-40deg);
  -o-transform: scale(0.8) rotateX(-40deg);
  -ms-transform: scale(0.8) rotateX(-40deg);
  transform: scale(0.8) rotateX(-40deg);
}
#animate-frames .scale-fade 50% {
  opacity: 1;
}
#animate-frames .scale-fade 70% {
  -webkit-transform: scale(1.05) rotateX(0deg);
  -moz-transform: scale(1.05) rotateX(0deg);
  -o-transform: scale(1.05) rotateX(0deg);
  -ms-transform: scale(1.05) rotateX(0deg);
  transform: scale(1.05) rotateX(0deg);
}
#animate-frames .scale-fade 100% {
  -webkit-transform: scale(1) rotateX(0deg) rotateZ(1px);
  -moz-transform: scale(1) rotateX(0deg) rotateZ(1px);
  -o-transform: scale(1) rotateX(0deg) rotateZ(1px);
  -ms-transform: scale(1) rotateX(0deg) rotateZ(1px);
  transform: scale(1) rotateX(0deg) rotateZ(1px);
}
#animate-frames .slide-images 0% {
  left: 0%;
}
#animate-frames .slide-images 20% {
  left: 0%;
}
#animate-frames .slide-images 25% {
  left: -100%;
}
#animate-frames .slide-images 45% {
  left: -100%;
}
#animate-frames .slide-images 50% {
  left: -200%;
}
#animate-frames .slide-images 70% {
  left: -200%;
}
#animate-frames .slide-images 75% {
  left: -300%;
}
#animate-frames .slide-images 95% {
  left: -300%;
}
#animate-frames .slide-images 100% {
  left: -400%;
}
#animate-frames .shake 0% {
  transform: translateX(0);
}
#animate-frames .shake 20% {
  transform: translateX(-10px);
}
#animate-frames .shake 40% {
  transform: translateX(10px);
}
#animate-frames .shake 60% {
  transform: translateX(-10px);
}
#animate-frames .shake 80% {
  transform: translateX(10px);
}
#animate-frames .shake 100% {
  transform: translateX(0);
}
.an-flip-support .an-flip {
  perspective: 2000px;
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  -ms-perspective: 2000px;
  -o-perspective: 2000px;
}
.an-flip-support .an-flip .front,
.an-flip-support .an-flip .back {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.an-flip-support .an-flip .front {
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
}
.an-flip-support .an-flip .back {
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
}
.an-flip-support .an-flip.flip .front {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.an-flip-support .an-flip.flip .back {
  transform: rotateY(0);
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
}
.an-flip {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.an-flip .front,
.an-flip .back,
.an-flip .shim {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.an-flip .front,
.an-flip .back {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: inherit;
}
.an-flip .front {
  z-index: 2;
  opacity: 1;
  filter: alpha(opacity=100);
}
.an-flip .back {
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.an-flip.flip .front {
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.an-flip.flip .back {
  z-index: 3;
  opacity: 1;
  filter: alpha(opacity=100);
}
.an-flip .shim {
  bottom: 0;
  background: #61b6ff;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.an-flip .shim.shim-success {
  background: #00daa2;
}
.an-flip .shim:hover {
  background: #2e4655;
}
.an-flip .shim:hover label {
  color: #61b6ff;
}
.an-flip .shim:hover.shim-success label {
  color: #00daa2;
}
.an-flip .shim .shim-label,
.an-flip .shim .shim-text {
  padding: 0 20px;
}
.an-flip .shim .shim-label {
  margin: 85px 0 0;
  display: block;
  height: 17px;
  color: #393939;
}
.an-fade {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.an-fade.in {
  opacity: 1;
  filter: alpha(opacity=100);
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.an-pulse {
  position: absolute;
  -webkit-animation: pulse 2s infinite ease-in-out;
  -o-animation: pulse 2s infinite ease-in-out;
  animation: pulse 2s infinite ease-in-out;
}
.an-slide {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  left: 0;
}
.an-slide.left-150 {
  left: -150px;
}
.an-slide.right-150 {
  left: 150px;
}
@-webkit-keyframes bounce {
  0%,
  25%,
  50%,
  80%,
  100% {
    bottom: 0;
  }
  40% {
    bottom: 30px;
  }
  60% {
    bottom: 15px;
  }
}
@-moz-keyframes bounce {
  0%,
  25%,
  50%,
  80%,
  100% {
    bottom: 0;
  }
  40% {
    bottom: 30px;
  }
  60% {
    bottom: 15px;
  }
}
@-ms-keyframes bounce {
  0%,
  25%,
  50%,
  80%,
  100% {
    bottom: 0;
  }
  40% {
    bottom: 30px;
  }
  60% {
    bottom: 15px;
  }
}
@-o-keyframes bounce {
  0%,
  25%,
  50%,
  80%,
  100% {
    bottom: 0;
  }
  40% {
    bottom: 30px;
  }
  60% {
    bottom: 15px;
  }
}
@keyframes bounce {
  0%,
  25%,
  50%,
  80%,
  100% {
    bottom: 0;
  }
  40% {
    bottom: 30px;
  }
  60% {
    bottom: 15px;
  }
}
.an-bounce {
  position: relative;
  -webkit-animation: bounce 2.5s infinite;
  -o-animation: bounce 2.5s infinite;
  animation: bounce 2.5s infinite;
}
@-webkit-keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-10px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.shake {
  -webkit-animation: shake 0.5s ease-in-out;
  -o-animation: shake 0.5s ease-in-out;
  animation: shake 0.5s ease-in-out;
}
@-webkit-keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    -moz-transform: scale(0.8) rotateX(-40deg);
    -o-transform: scale(0.8) rotateX(-40deg);
    -ms-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0deg);
    -moz-transform: scale(1.05) rotateX(0deg);
    -o-transform: scale(1.05) rotateX(0deg);
    -ms-transform: scale(1.05) rotateX(0deg);
    transform: scale(1.05) rotateX(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -moz-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -o-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -ms-transform: scale(1) rotateX(0deg) rotateZ(1px);
    transform: scale(1) rotateX(0deg) rotateZ(1px);
  }
}
@-moz-keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    -moz-transform: scale(0.8) rotateX(-40deg);
    -o-transform: scale(0.8) rotateX(-40deg);
    -ms-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0deg);
    -moz-transform: scale(1.05) rotateX(0deg);
    -o-transform: scale(1.05) rotateX(0deg);
    -ms-transform: scale(1.05) rotateX(0deg);
    transform: scale(1.05) rotateX(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -moz-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -o-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -ms-transform: scale(1) rotateX(0deg) rotateZ(1px);
    transform: scale(1) rotateX(0deg) rotateZ(1px);
  }
}
@-ms-keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    -moz-transform: scale(0.8) rotateX(-40deg);
    -o-transform: scale(0.8) rotateX(-40deg);
    -ms-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0deg);
    -moz-transform: scale(1.05) rotateX(0deg);
    -o-transform: scale(1.05) rotateX(0deg);
    -ms-transform: scale(1.05) rotateX(0deg);
    transform: scale(1.05) rotateX(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -moz-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -o-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -ms-transform: scale(1) rotateX(0deg) rotateZ(1px);
    transform: scale(1) rotateX(0deg) rotateZ(1px);
  }
}
@-o-keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    -moz-transform: scale(0.8) rotateX(-40deg);
    -o-transform: scale(0.8) rotateX(-40deg);
    -ms-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0deg);
    -moz-transform: scale(1.05) rotateX(0deg);
    -o-transform: scale(1.05) rotateX(0deg);
    -ms-transform: scale(1.05) rotateX(0deg);
    transform: scale(1.05) rotateX(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -moz-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -o-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -ms-transform: scale(1) rotateX(0deg) rotateZ(1px);
    transform: scale(1) rotateX(0deg) rotateZ(1px);
  }
}
@keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    -moz-transform: scale(0.8) rotateX(-40deg);
    -o-transform: scale(0.8) rotateX(-40deg);
    -ms-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0deg);
    -moz-transform: scale(1.05) rotateX(0deg);
    -o-transform: scale(1.05) rotateX(0deg);
    -ms-transform: scale(1.05) rotateX(0deg);
    transform: scale(1.05) rotateX(0deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -moz-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -o-transform: scale(1) rotateX(0deg) rotateZ(1px);
    -ms-transform: scale(1) rotateX(0deg) rotateZ(1px);
    transform: scale(1) rotateX(0deg) rotateZ(1px);
  }
}
.scale-fade {
  -webkit-transform-origin: bottom center;
  -moz-transform-origin: bottom center;
  -o-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation: scale-fade 300ms forwards cubic-bezier(0.8, 0.02, 0.45, 0.91);
  -o-animation: scale-fade 300ms forwards cubic-bezier(0.8, 0.02, 0.45, 0.91);
  animation: scale-fade 300ms forwards cubic-bezier(0.8, 0.02, 0.45, 0.91);
}
/* Feature-specific items */
/*
    BANNERS
*/
.page-banner {
  background-color: #3b607b;
  color: white;
}
.page-banner .banner-container-wide {
  width: 100%;
  padding: 0 40px;
}
.banner-thin {
  padding: 10px 0;
  min-width: 960px;
}
.banner-thin-no-width {
  padding: 10px;
}
.banner-fat {
  padding: 30px 0;
  min-width: 960px;
}
.banner-padded {
  padding: 15px 15px;
  min-width: 960px;
}
.banner-padded.initial {
  min-width: initial;
}
.banner-padded.banner-extra-side-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.modal [class*="banner"] {
  min-width: inherit;
}
.notification {
  background-color: #ffe87d;
}
.notification-gray {
  background-color: #f0f1ee;
}
.notification-attention {
  background-color: #ff7964;
  color: #FFFFFF;
}
.alert-banner {
  background-color: #ff7964;
  color: white;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.alert-banner:empty {
  margin-bottom: 0;
}
.alert-banner .alert {
  padding: 15px 20px;
}
.alert-banner .alert:before {
  content: '';
  display: block;
  float: left;
  margin: 6px 10px 0 0;
  height: 18px;
  width: 14px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -119px -105px;
}
.alert-banner .close-alert {
  margin-top: 9px;
}
.highlight-banner {
  background: #00daa2;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  margin: 0 -1px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.highlight-banner .dismiss {
  margin: 10px 0 0 10px;
}
.highlight-banner .highlight-button {
  background: rgba(0, 0, 0, 0.1);
  font-size: 11px;
}
.highlight-banner .highlight-button:hover:not(.disabled) {
  background: rgba(0, 0, 0, 0.3);
}
.global.alert,
.global.notification {
  position: absolute;
  width: 100%;
  z-index: 999;
  background-color: #ff7964;
  border-bottom: solid 1px #ff7964;
  color: white;
  padding: 8px 0;
}
.global.notification {
  background-color: #ffe784;
  border-bottom-color: #ffe87d;
  color: black;
}
.message-banner {
  background-color: #eef7ff;
  padding: 12px 20px;
}
.success-banner {
  position: absolute;
  top: 0;
  text-align: center;
  background-color: #00daa2;
  color: #ffffff;
  width: 100%;
}
.success-banner.thinner {
  padding: 5px 0;
}
.success-banner .close {
  margin: 6px 18px 0 0 ;
}
.bg-darker {
  background-color: #393939;
  color: #ffffff;
}
.bg-darker a.hover,
.bg-darker .link.hover,
.bg-darker a:hover,
.bg-darker .link:hover,
.bg-darker .select.open .select-toggle {
  color: #61b6ff;
}
.bg-darker.bg-main-darker {
  background-color: #2e4655;
}
.popup-message-container > li {
  padding: 15px 25px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
}
#notifications {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.notification-container {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
}
.notification-container .notification-item {
  width: 100%;
  position: relative;
  padding: 8px 0;
}
.notification-container .notification-item .notification-text {
  margin: 0 auto;
  width: 960px;
  font-size: 15px;
  font-weight: 600;
}
.notification-container .notification-item.error {
  background-color: #ff7964;
  border-bottom: solid 1px #ff7964;
  color: white;
}
.notification-container .notification-item.message {
  background-color: #ffe784;
  border-bottom-color: #ffe87d;
  color: black;
}
.notification-container .close {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}
.modal-notification-container .modal-notification-item {
  position: relative;
  width: 100%;
  z-index: 999;
  padding: 8px 0;
}
.modal-notification-container .modal-notification-item.error {
  background-color: #ff7964;
  border-bottom: solid 1px #ff7964;
  color: white;
}
.modal-notification-container .modal-notification-item.message {
  background-color: #ffe784;
  border-bottom-color: #ffe87d;
  color: black;
}
.modal-notification-container .modal-notification-item .notification-text {
  margin-left: 30px;
}
.modal-notification-container .modal-notification-item .close {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -6px;
  margin-right: 0;
}
.toast-container {
  position: fixed;
  font-size: 11px;
  z-index: 99999;
}
.toast-container.top-right {
  top: 190px;
  right: 12px;
}
.toast-container .toast-notification-item {
  width: 240px;
  min-height: 40px;
  position: relative;
  margin-bottom: 5px;
  padding: 10px;
  border-radius: 3px;
  font-size: 12px;
  background-color: black;
  color: white;
}
.toast-container .toast-notification-item.error {
  background-color: #ff7964;
  color: white;
}
.toast-container .toast-notification-item .toast-message {
  display: inline-block;
  padding-right: 30px;
}
.toast-container .toast-notification-item .toast-link {
  color: #61b6ff;
}
.toast-container .toast-notification-item .toast-link:hover {
  text-decoration: underline;
}
.toast-container .toast-notification-item:last-child {
  margin-bottom: 0;
}
.toast-container .toast-notification-item .close {
  position: absolute;
  right: 10px;
  top: 20px;
  margin-top: -6px;
}
/*
    BANNERS OVERRIDES FOR TUTORIAL
*/
#header-alert {
  overflow-y: hidden;
  background: #ff7964;
  color: #ffe87d;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
#header-alert:empty {
  height: 0;
}
#header-alert .container {
  padding: 5px 0;
}
#header-alert a {
  color: white;
}
#header-alert a:hover {
  color: #2e4655;
}
/*
    BANNERS OVERRIDES FOR OUTAGE MESSAGE
*/
.outage-banner .dismiss {
  margin-top: 4px;
  cursor: pointer;
}
/*
    BANNERS OVERRIDES FOR SURVEYS
*/
.survey-question {
  display: none;
}
.survey-question:first-child {
  display: block;
}
.survey-question:last-child {
  text-align: center;
}
.survey-question:last-child input,
.survey-question:last-child .horizontal {
  display: none;
}
.survey-question .rating-container + .close-container {
  margin: 2px 0 2px 8px;
}
.survey-question .rating {
  line-height: 20px;
  padding-right: 1px;
}
.survey-question input {
  width: 550px;
}
/*
    BANNERS OVERRIDES FOR TUTORIAL
*/
.tutorial {
  overflow-y: hidden;
}
.tutorial #header,
.tutorial #footer {
  display: none;
}
.tutorial .tutorial-container {
  background-color: #393939;
  color: #ffffff;
  position: fixed;
  height: 60px;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1051;
}
.tutorial .flag-gray {
  margin-top: 5px;
}
.tutorial .alert-bar-content {
  display: none;
  text-transform: uppercase;
  width: 960px;
  margin: 15px auto;
}
.tutorial .alert-bar-title {
  margin-top: 5px;
  margin-left: 11px;
}
.tutorial .alert-bar-text {
  color: #FFE974;
  display: inline-block;
}
.tutorial .button-main {
  display: inline-block;
}
.tutorial .backdrop {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #000000;
  z-index: 1050;
  width: 100%;
  height: 2400px;
  position: absolute;
  top: 0;
}
.tutorial .demo-loop-image {
  background: url('/my/static/images/demo-loop.png') top center no-repeat;
  height: 2200px;
  margin-top: 60px;
  width: 100%;
}
.tutorial .remove-loop {
  padding-right: 15px;
}
.tutorial .remove-loop:hover {
  color: #ffffff;
}
/*  Banners used for mobile IOS device..  */
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .banner-deep-link {
    font-size: 2em;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    position: fixed;
  }
  .banner-deep-link .banner-container {
    margin: 1.5em 0;
  }
  .banner-deep-link a.reverse:hover {
    color: #ffffff;
    opacity: 0.8;
  }
  .banner-deep-link .icon-close {
    position: relative;
    right: 50px;
  }
  .banner-deep-link .icon-close::before {
    content: 'X';
    font-weight: bold;
  }
  .banner-deep-link .icon-close:hover {
    color: #61b6ff;
    cursor: pointer;
  }
  .banner-deep-link .large-mobile {
    font-size: 1.5em;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .banner-deep-link {
    font-size: 1.2em;
  }
  .banner-deep-link .banner-container {
    margin: 1.2em 0;
  }
  .banner-deep-link .large-mobile {
    font-size: 1.2em;
  }
}
@media only screen and (max-device-width: 768px) {
  .banner-deep-link {
    font-size: 1em;
  }
  .banner-deep-link .banner-container {
    margin: 1em 0;
  }
  .banner-deep-link .icon-close {
    right: 40px;
  }
  .banner-deep-link .large-mobile {
    font-size: 1.2em;
    line-height: 1;
  }
  .banner-deep-link .large-mobile + .icon-close {
    margin-top: 2px;
  }
}
.kw-williams {
  background: url('/my/static/images/external/clients.png') no-repeat 0 0;
  width: 120px;
  height: 54px;
  background-size: 758px 303px;
}
.remax {
  background: url('/my/static/images/external/clients.png') no-repeat -132px -22px;
  width: 124px;
  height: 33px;
  background-size: 758px 303px;
}
.prudential {
  background: url('/my/static/images/external/clients.png') no-repeat -280px -18px;
  width: 178px;
  height: 41px;
  background-size: 758px 303px;
}
.berkshire {
  background: url('/my/static/images/external/clients.png') no-repeat -470px -16px;
  width: 106px;
  height: 44px;
  background-size: 758px 303px;
}
.exit {
  background: url('/my/static/images/external/clients.png') no-repeat -586px -22px;
  width: 94px;
  height: 41px;
  background-size: 758px 303px;
}
.realtors-florida {
  background: url('/my/static/images/external/clients.png') no-repeat -5px -94px;
  width: 120px;
  height: 68px;
  background-size: 758px 303px;
}
.reecenichols {
  background: url('/my/static/images/external/clients.png') no-repeat -129px -87px;
  width: 200px;
  height: 65px;
  background-size: 758px 303px;
}
.ruhl {
  background: url('/my/static/images/external/clients.png') no-repeat -342px -87px;
  width: 80px;
  height: 60px;
  background-size: 758px 303px;
}
.metrobrokers {
  background: url('/my/static/images/external/clients.png') no-repeat -437px -90px;
  width: 178px;
  height: 55px;
  background-size: 758px 303px;
}
.realtors-mexico {
  background: url('/my/static/images/external/clients.png') no-repeat -633px -91px;
  width: 125px;
  height: 53px;
  background-size: 758px 303px;
}
.realtors-georgia {
  background: url('/my/static/images/external/clients.png') no-repeat -5px -182px;
  width: 100px;
  height: 103px;
  background-size: 758px 303px;
}
.realtors-arizona {
  background: url('/my/static/images/external/clients.png') no-repeat -125px -183px;
  width: 166px;
  height: 71px;
  background-size: 758px 303px;
}
.mar {
  background: url('/my/static/images/external/clients.png') no-repeat -313px -164px;
  width: 125px;
  height: 47px;
  background-size: 758px 303px;
}
.realtors-pen {
  background: url('/my/static/images/external/clients.png') no-repeat -456px -163px;
  width: 159px;
  height: 58px;
  background-size: 758px 303px;
}
/*
    BUTTONS
*/
[class*="button-"] {
  display: block;
  min-width: 150px;
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  text-align: center;
  text-transform: uppercase;
}
[class*="button-"].square {
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
}
[class*="button-"].round {
  padding: 5px 10px;
  height: 40px;
  min-width: 200px;
}
[class*="button-"].huge {
  height: 54px;
  line-height: 41px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: 25px;
  border-radius: 35px;
  font-weight: 600;
  letter-spacing: -1px;
}
[class*="button-"].small {
  min-width: inherit;
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
[class*="button-"].mini {
  min-width: 55px;
  max-width: 55px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
}
[class*="button-"].disabled {
  cursor: default;
  background-color: #cdcdcd;
}
[class*="button-"].disabled:hover {
  background-color: #cdcdcd;
}
[class*="button-"].disabled-outline {
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  color: #cdcdcd;
}
[class*="button-"].disabled-outline:hover {
  background-color: #ffffff;
  color: #cdcdcd;
}
[class*="button-"].button-secondary {
  font-size: 12px;
  min-width: initial;
  padding: 0 25px 0 0;
}
[class*="button-"].auto-width {
  min-width: initial;
}
[class*="button-"].inline-block {
  display: inline-block;
}
[class*="button-"].hover-white:hover {
  background-color: #FFFFFF;
  color: #393939;
}
[class*="button-"].transparent {
  background-color: transparent;
}
.multiple {
  margin-left: 10px;
}
.button-main {
  font-size: 12px;
  background: #61b6ff;
  color: #ffffff;
}
.button-main:hover:not(.disabled) {
  background: #3b607b;
  color: #ffffff;
}
.button-main:target:not(.disabled) {
  background: #3b607b;
  color: #ffffff;
}
.button-main.centered {
  display: inline-block;
}
.button-main.wide {
  width: 200px;
}
.button-main.extra-wide {
  width: 300px;
}
.button-main.button-large {
  padding: 7px 20px;
  height: 44px;
}
.button-main.actual {
  min-width: 1px;
}
.button-main.reverse {
  background: #ffffff;
  color: #61b6ff;
}
.button-main.reverse:hover {
  background: #393939;
}
.button-main.reverse.outline {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.button-main.reverse.outline:hover {
  color: #393939;
  background: #ffffff;
  border: 1px solid transparent;
}
.button-main.outlined {
  border: 1px solid #eae7e7;
}
.button-main.outlined:hover {
  border: 1px solid #2e4655;
}
.button-main.brand-outlined {
  border: 3px solid #61b6ff;
}
.button-main.brand-outlined:hover {
  border: 3px solid #2e4655;
}
.button-main.dark {
  background: #393939;
  color: #ffffff;
}
.button-main.dark:hover {
  background: #ffffff;
  color: #393939;
}
.button-main.light-hover:hover {
  background: #ffffff;
  color: #61b6ff;
}
.button-main.dark-hover:hover {
  background-color: #2e4655;
  color: #ffffff;
}
.button-main.veil {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.button-main.veil:hover {
  background-color: #FFFFFF;
  color: #61b6ff;
}
.button-main.veil.dark {
  background-color: rgba(0, 0, 0, 0.1);
}
.button-main.veil.dark:hover {
  background-color: #FFFFFF;
}
.button-main.outline {
  background-color: #FFFFFF;
  color: #cdcdcd;
  border: 1px solid #cdcdcd;
}
.button-main.outline:hover {
  border: 0;
  background-color: #61b6ff;
  color: #FFFFFF;
}
.button-main.outline-em {
  font-size: 11px;
  padding: 0px 8px;
  min-width: 110px;
  line-height: 29px;
  color: #61b6ff;
  background-color: #FFFFFF;
  border: 1px solid #eae7e7;
}
.button-main.outline-em:hover {
  color: #ffffff;
  background-color: #61b6ff;
  border: 1px solid #61b6ff;
}
.button-main.outline-main {
  border: 1px solid #61b6ff;
  background-color: #ffffff;
  color: #61b6ff;
}
.button-main.outline-main:hover {
  background-color: #61b6ff;
  color: #ffffff;
}
.button-main.outline-highlight {
  border: 1px solid #00daa2;
  background-color: #00daa2;
  color: #ffffff;
}
.button-main.outline-highlight:hover {
  background-color: #00daa2;
  color: #ffffff;
}
.button-main.highlight {
  background: #ffffff;
  color: #00daa2;
}
.button-main.highlight:hover {
  background: #393939;
  color: #ffffff;
}
.button-main.button-singleton {
  display: inline-block;
  min-width: 300px;
  height: auto;
  padding: 8px 20px;
  margin: 30px 0 60px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 40px;
  border-width: 3px;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
}
.wrapper-btn-main:hover .button-main.outline-main {
  background-color: #61b6ff;
  color: #ffffff;
}
.wrapper-btn-main:hover .button-main.highlight {
  background: #393939;
  color: #ffffff;
}
.button-join-premium {
  background: #00daa2;
  color: #FFFFFF;
}
.button-join-premium.outline {
  border: solid 1px #00daa2;
  color: #00daa2;
  background-color: transparent;
  line-height: 28px;
}
.button-join-premium:hover {
  color: #FFFFFF;
  border-color: initial;
}
.dropdown.open .button-main {
  background-color: #3b607b;
  color: #ffffff;
}
.button-attention {
  background: #ff7964;
  color: #FFFFFF;
}
.button-attention.outline {
  border: solid 1px #ff7964;
  color: #ff7964;
  background-color: transparent;
  line-height: 28px;
}
.button-attention:hover {
  border-color: initial;
}
.button-gray {
  background: #8c8c8c;
  color: #FFFFFF;
}
.button-gray.outline {
  border: solid 1px #8c8c8c;
  color: #8c8c8c;
  line-height: 28px;
}
.button-gray:hover {
  border-color: initial;
}
.button-on-alert {
  background-color: #ED725F;
  color: #FFFFFF;
}
.button-on-alert:hover {
  background-color: #393939;
  color: #FFFFFF;
}
.button-on-premium {
  background-color: #ffffff;
  color: #61b6ff;
}
.button-on-premium:hover {
  background-color: #393939;
  color: #ffffff;
}
.button-circle {
  -webkit-border-radius: 11px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 11px;
  -moz-background-clip: padding;
  border-radius: 11px;
  background-clip: padding-box;
  border: solid 1px #cdcdcd;
  color: #cdcdcd;
  min-width: 0;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
}
.button-circle:hover {
  background-color: #FFFFFF;
  color: #8c8c8c;
  border-color: transparent;
}
/*
      BUTTONS OVERRIDES FOR RESPONSIVENESS
*/
@media (max-width: 768px) {
  .responsive [class*="button-"].huge {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }
}
/*
      FORMS
*/
input {
  line-height: 16px;
}
input::-ms-clear {
  display: none;
}
input[placeholder="optional"]::-webkit-input-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:-moz-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]::-moz-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:-ms-input-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:hover::-webkit-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:hover:-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:hover::-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:hover:-ms-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input[placeholder="optional"]:focus::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input[placeholder="optional"]:focus:-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input[placeholder="optional"]:focus::-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input[placeholder="optional"]:focus:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.form-placeholder {
  text-transform: uppercase;
  color: #61b6ff;
  font-size: 11px;
  padding: 1px 3px 3px;
}
.form-field-editing input.form-field::-webkit-input-placeholder {
  text-indent: 0;
}
.form-field-editing input.form-field:-moz-placeholder {
  text-indent: 0;
}
.form-field-editing input.form-field::-moz-placeholder {
  text-indent: 0;
}
.form-field-editing input.form-field:-ms-input-placeholder {
  text-indent: 0;
}
input,
textarea {
  background-color: #ffffff;
  width: 100%;
  font-size: 12px;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:hover::-webkit-input-placeholder,
textarea:hover::-webkit-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:hover:-moz-placeholder,
textarea:hover:-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:hover::-moz-placeholder,
textarea:hover::-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:hover:-ms-input-placeholder,
textarea:hover:-ms-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  text-transform: uppercase;
  text-indent: 3px;
  font-size: 11px;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  text-transform: uppercase;
  text-indent: 3px;
  font-size: 11px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  text-transform: uppercase;
  text-indent: 3px;
  font-size: 11px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  text-transform: uppercase;
  text-indent: 3px;
  font-size: 11px;
}
input:disabled,
textarea:disabled {
  cursor: not-allowed;
  -webkit-text-fill-color: #8c8c8c;
  -webkit-opacity: 1;
  color: #8c8c8c;
}
input.invalid::-webkit-input-placeholder,
textarea.invalid::-webkit-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:-moz-placeholder,
textarea.invalid:-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid::-moz-placeholder,
textarea.invalid::-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:-ms-input-placeholder,
textarea.invalid:-ms-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:hover::-webkit-input-placeholder,
textarea.invalid:hover::-webkit-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:hover:-moz-placeholder,
textarea.invalid:hover:-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:hover::-moz-placeholder,
textarea.invalid:hover::-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:hover:-ms-input-placeholder,
textarea.invalid:hover:-ms-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.invalid:focus::-webkit-input-placeholder,
textarea.invalid:focus::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input.invalid:focus:-moz-placeholder,
textarea.invalid:focus:-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input.invalid:focus::-moz-placeholder,
textarea.invalid:focus::-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input.invalid:focus:-ms-input-placeholder,
textarea.invalid:focus:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
input.white::-webkit-input-placeholder,
textarea.white::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:-moz-placeholder,
textarea.white:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white::-moz-placeholder,
textarea.white::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:-ms-input-placeholder,
textarea.white:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:hover::-webkit-input-placeholder,
textarea.white:hover::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:hover:-moz-placeholder,
textarea.white:hover:-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:hover::-moz-placeholder,
textarea.white:hover::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:hover:-ms-input-placeholder,
textarea.white:hover:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:focus::-webkit-input-placeholder,
textarea.white:focus::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:focus:-moz-placeholder,
textarea.white:focus:-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:focus::-moz-placeholder,
textarea.white:focus::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
input.white:focus:-ms-input-placeholder,
textarea.white:focus:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name::-webkit-input-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:-moz-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name::-moz-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:-ms-input-placeholder {
  color: #cdcdcd;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:hover::-webkit-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:hover:-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:hover::-moz-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:hover:-ms-input-placeholder {
  color: #61b6ff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.new-tag-name:focus::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.new-tag-name:focus:-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.new-tag-name:focus::-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.new-tag-name:focus:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-body input {
  border-bottom: solid 1px #eae7e7;
  padding: 10px 0;
}
.modal-body input:hover,
.modal-body input:focus {
  border-bottom-color: #61b6ff;
}
.modal-body .pseudo-input {
  padding: 1px 0;
}
.modal-body .pseudo-input:hover,
.modal-body .pseudo-input:focus {
  border-bottom-color: #61b6ff;
}
.modal-body .borders input {
  border-bottom: none;
}
.modal-body .borders input:hover,
.modal-body .borders input:focus {
  border-bottom-color: #61b6ff;
}
.modal-body .form textarea.border-top,
.modal-body .form input.border-top,
.modal-body .form .pseudo-input.border-top,
.modal-body .form > input:first-child,
.modal-body .form > textarea:first-child,
.modal-body .form > .placeholderWrap input:nth-child(2),
.modal-body .form > .form-row:first-child input,
.modal-body .form > .form-row:first-child textarea,
.modal-body .form > .form-row:first-child .select-toggle {
  border-top: solid 1px #eae7e7;
}
.modal-body .form .form-row.no-border-top input {
  border-top: none;
}
.modal-body .form .form-row {
  margin: 0;
  clear: both;
}
.modal-body .form .select-toggle,
.modal-body .form .form-group input,
.modal-body .form .form-row:last-child input {
  border-bottom-color: #eae7e7;
}
.modal-body .form .select-toggle {
  padding-top: 8px;
  padding-bottom: 9px;
}
.modal-body .form.form-inline-labels .form-group > label {
  z-index: 1;
  border: 0;
  position: absolute;
  line-height: 35px;
  width: 175px;
}
.modal-body .form.form-inline-labels input,
.modal-body .form.form-inline-labels textarea,
.modal-body .form.form-inline-labels .select-toggle {
  z-index: 0;
  padding-left: 180px;
  background: transparent;
}
.modal-body .form.form-inline-labels .select-menu {
  left: 180px ! important;
}
.modal-body .form.form-inline-labels.label-narrow .form-group > label {
  width: 115px;
}
.modal-body .form.form-inline-labels.label-narrow input,
.modal-body .form.form-inline-labels.label-narrow textarea,
.modal-body .form.form-inline-labels.label-narrow .select-toggle {
  padding-left: 120px;
}
.modal-body .form.form-inline-labels.label-narrow .select-menu {
  left: 120px ! important;
}
.modal-body .form .form-row.form-row-pairable {
  float: left;
  width: 48%;
  clear: none;
}
.modal-body .form .form-row.form-row-pairable:nth-child(2n+1) {
  margin-right: 2%;
}
.modal-body .form .form-row.form-row-pairable:nth-child(-n+2) input,
.modal-body .form .form-row.form-row-pairable:nth-child(-n+2) textarea,
.modal-body .form .form-row.form-row-pairable:nth-child(-n+2) .select-toggle {
  border-top: solid 1px #eae7e7;
}
.form label,
.form-label {
  display: block;
  width: 100%;
  color: #8c8c8c;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 110%;
  padding-bottom: 4px;
}
.form label:not(.placeholder-text),
.form-label:not(.placeholder-text) {
  font-weight: 600;
  border-bottom: solid 1px #f0f1ee;
}
.form label.attention,
.form-label.attention {
  color: #ff7964;
}
.form label.form-header,
.form-label.form-header {
  border-bottom: solid 1px #f0f1ee;
  border: 0;
  margin: 8px 0;
}
.form > .form-category {
  margin: 0 -1px;
}
.form > .form-category:first-child {
  border-top-width: 0;
}
.form > .form-category.border-top {
  border-top-width: 1px;
}
.form.no-category-borders .form-category {
  border: none;
}
.form input {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eae7e7;
}
.form input.invalid {
  color: #ff7964;
  border-bottom: 1px solid #ff7964;
}
.form .subtle {
  color: #8c8c8c;
  margin: 10px 0 20px;
  font-size: .8rem;
}
.form .subtle strong {
  color: #393939;
}
.form .select-toggle {
  display: block;
  padding: 8px 10px 9px 3px;
  border-bottom: solid 1px #eae7e7;
  width: 100%;
  text-decoration: none;
  text-align: left;
  color: #393939;
}
.form .select-toggle.empty {
  color: #61b6ff;
}
.form .select-toggle:after {
  content: '';
  position: absolute;
  display: block;
  right: 3px;
  top: 50%;
  margin-top: -3px;
  margin-right: 0;
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -98px -4px;
}
.form .select-toggle:hover {
  color: #61b6ff;
  border-bottom-color: #61b6ff;
}
.form .select-toggle:hover:after {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -10px;
}
.form .select-toggle.border-bottom {
  border-bottom: 1px solid #eae7e7;
}
.form .select-toggle.border-bottom:hover {
  border-bottom-color: #61b6ff;
}
.form .select-toggle.no-padding {
  padding: 0;
}
.form .select.disabled .select-toggle,
.form .select-toggle.disabled {
  color: #8c8c8c;
  cursor: not-allowed;
}
.form .select.invalid .select-toggle {
  color: #ff7964;
  border-bottom-color: #ff7964;
}
.form .select.open .select-toggle {
  border-bottom-color: #61b6ff;
  color: #393939;
}
.form .select.open .select-toggle:after {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -154px -4px;
}
.form .select-menu {
  margin-top: 0;
}
.form input:focus,
.form textarea:focus,
.form .form-group input:focus,
.form .form-group textarea:focus,
.form .form-row:last-child input:focus,
.form .form-row:last-child textarea:focus,
.form input:hover,
.form textarea:hover,
.form .form-group input:hover,
.form .form-group textarea:hover,
.form .form-row:last-child input:hover,
.form .form-row:last-child textarea:hover {
  border-bottom-color: #61b6ff;
}
.form input.invalid,
.form textarea.invalid,
.form .form-group input.invalid,
.form .form-group textarea.invalid,
.form .form-row:last-child input.invalid,
.form .form-row:last-child textarea.invalid,
.form input.error,
.form textarea.error,
.form .form-group input.error,
.form .form-group textarea.error,
.form .form-row:last-child input.error,
.form .form-row:last-child textarea.error {
  color: #ff7964;
  border-bottom-color: #ff7964;
}
.form input.invalid:focus,
.form textarea.invalid:focus,
.form .form-group input.invalid:focus,
.form .form-group textarea.invalid:focus,
.form .form-row:last-child input.invalid:focus,
.form .form-row:last-child textarea.invalid:focus,
.form input.error:focus,
.form textarea.error:focus,
.form .form-group input.error:focus,
.form .form-group textarea.error:focus,
.form .form-row:last-child input.error:focus,
.form .form-row:last-child textarea.error:focus,
.form input.invalid:hover,
.form textarea.invalid:hover,
.form .form-group input.invalid:hover,
.form .form-group textarea.invalid:hover,
.form .form-row:last-child input.invalid:hover,
.form .form-row:last-child textarea.invalid:hover,
.form input.error:hover,
.form textarea.error:hover,
.form .form-group input.error:hover,
.form .form-group textarea.error:hover,
.form .form-row:last-child input.error:hover,
.form .form-row:last-child textarea.error:hover {
  color: #ff7964;
  border-bottom-color: #ff7964;
}
.form .checkbox,
.form .radio {
  float: left;
}
.form .checkbox label:not(.placeholder-text),
.form .radio label:not(.placeholder-text) {
  top: 7px;
  border-bottom: solid 1px #cdcdcd;
}
.form .checkbox .label-text,
.form .radio .label-text {
  display: inline-block;
  padding: 5px 0;
  margin-left: 25px;
  font-size: 11px;
  font-weight: 600;
}
.form .radio + input[type="text"] {
  display: block;
  padding-top: 7px;
  padding-bottom: 0;
  width: 158px;
  margin-left: 135px;
}
.form textarea {
  border-bottom: solid 1px #eae7e7;
  padding: 10px 0;
}
.form textarea:first-child {
  border-top: solid 1px #eae7e7;
}
.form textarea:hover,
.form textarea:focus {
  border-bottom-color: #61b6ff;
}
.form .select {
  width: 100%;
}
.form .select .select-menu {
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
}
.form .select.select-inline {
  width: auto;
  min-width: 100px;
  margin: 0 10px;
}
.form .select.select-inline .select-toggle {
  padding: 5px;
}
.form .select.inherit-width {
  width: inherit;
}
.form .form-border {
  margin-top: 30px;
  border-top: 1px solid #eae7e7;
}
.form-category {
  border-top: solid 1px #eae7e7;
  padding: 25px 0;
}
.form-category.hug {
  padding: 0;
}
.form-category.hug-top {
  padding-top: 0;
}
.form-border {
  border-top: 1px solid #eae7e7;
}
.form-border .select-toggle {
  border-bottom: 1px solid #eae7e7;
}
.form-title {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.form-title.hug-top {
  margin-top: 0;
}
.form-title.hug-bottom {
  margin-bottom: 10px;
}
.form-title + .form-row {
  border-top: none;
}
.form-title a {
  font-size: 15px;
  font-weight: 700;
}
.form-row {
  *zoom: 1;
  position: relative;
  margin-top: 20px;
  /* Two items, 1/3 and 2/3 */
  /* Two items, 2/3 and 1/3 */
}
.form-row:before,
.form-row:after {
  display: table;
  content: '';
  line-height: 0;
}
.form-row:after {
  clear: both;
}
.form-row.hug-top,
.form-row:first-child {
  margin-top: 0;
}
.form-row input ~ .checkbox {
  position: absolute;
  right: 0;
}
.form-row .checkbox {
  top: 4px;
}
.form-row textarea:first-child {
  border-top: none;
}
.form-row .form-group {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 1px;
  /* one item */
  /* two items */
  /* three items */
  /* four items */
}
.form-row .form-group:first-child {
  padding-left: 0;
}
.form-row .form-group:last-child {
  padding-right: 0;
}
.form-row .form-group:first-child:nth-last-child(1) {
  width: 100%;
}
.form-row .form-group:first-child:nth-last-child(2),
.form-row .form-group:first-child:nth-last-child(2) ~ .form-group {
  width: 50%;
}
.form-row .form-group.half {
  width: 50% !important;
}
.form-row .form-group.half:nth-child(2n+1) {
  padding-left: 0;
  clear: left;
}
.form-row .form-group.half:nth-child(2n) {
  padding-right: 0;
  clear: right;
}
.form-row .form-group:first-child:nth-last-child(3),
.form-row .form-group:first-child:nth-last-child(3) ~ .form-group {
  width: 33.3333%;
}
.form-row .form-group:first-child:nth-last-child(4),
.form-row .form-group:first-child:nth-last-child(4) ~ .form-group {
  width: 25%;
}
.form-row.one-two .form-group:first-child:nth-last-child(2) {
  width: 33.3333%;
}
.form-row.one-two .form-group:first-child:nth-last-child(2) ~ .form-group {
  width: 66.6666%;
}
.form-row.two-one .form-group:first-child:nth-last-child(2) {
  width: 66.6666%;
}
.form-row.two-one .form-group:first-child:nth-last-child(2) ~ .form-group {
  width: 33.3333%;
}
.search {
  position: relative;
}
.search input {
  padding-left: 35px;
  color: white;
  background-color: #61b6ff;
}
.search input::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search input:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search input::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search input:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.search input:hover::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:hover:-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:hover::-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:hover:-ms-input-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:focus::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:focus:-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:focus::-moz-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:focus:-ms-input-placeholder {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.search input:focus {
  background-color: #3b607b;
}
.search i {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 20px;
  width: 15px;
  height: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -66px;
}
.search input:focus + i {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -73px;
}
.search.light input,
.modal .search.light input {
  background-color: #FFFFFF;
  color: #393939;
}
.search.light input:focus,
.modal .search.light input:focus {
  background-color: #FFFFFF;
}
.search.light i,
.modal .search.light i {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -275px -73px;
  margin-top: 0px;
}
.no-results .search input,
.no-results .search input:focus {
  background-color: #ff7964;
}
.no-results .search i {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -73px;
}
.checkbox {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  min-width: 15px;
  min-height: 15px;
  position: relative;
  margin-right: 5px;
  cursor: pointer;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 3px;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  margin-bottom: 0;
}
.checkbox input[type="checkbox"]:checked + label {
  width: 15px;
  height: 15px;
  border: none;
  background-color: #000000;
}
.checkbox input[type="checkbox"]:not(:checked):not(:disabled):hover + label {
  background-color: #ffffff;
  border: 1px solid #a4d4ff;
}
.checkbox.hover input[type="checkbox"]:not(:checked):not(:disabled) + label {
  background-color: #ffffff;
  border: 1px solid #a4d4ff;
}
.checkbox input[type="checkbox"]:disabled + label {
  background-color: #f0f1ee;
}
.checkbox label:after {
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  height: 7px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -168px -4px;
  font-size: 12px;
  position: absolute;
  top: 4px;
  left: 4px;
  color: #ffffff;
}
.checkbox label:hover:after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox .label-text,
.radio .label-text {
  display: block;
  margin-left: 25px;
}
.checkbox .label-text.inline,
.radio .label-text.inline {
  display: inline;
}
.radio {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  min-width: 15px;
  min-height: 15px;
  position: relative;
  margin-right: 5px;
}
.radio input[type="radio"] {
  display: none;
}
.radio label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 3px;
  -webkit-border-radius: 50px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50px;
  -moz-background-clip: padding;
  border-radius: 50px;
  background-clip: padding-box;
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  margin-bottom: 0;
}
.radio input[type="radio"]:checked + label {
  width: 15px;
  height: 15px;
  border: none;
  background-color: #ffffff;
  border: 1px solid #eae7e7;
}
.radio input[type="radio"]:not(:disabled):hover + label {
  background-color: #ffffff;
  border: 1px solid #a4d4ff;
}
.radio input[type="radio"]:disabled + label {
  background-color: #f0f1ee;
  cursor: not-allowed;
}
.radio input[type="radio"]:disabled:checked + label {
  background-color: #ffffff;
}
.radio input[type="radio"]:disabled:checked + label:after {
  background-color: #eae7e7;
}
.radio label:after {
  opacity: 0;
  filter: alpha(opacity=0);
  content: ' ';
  background-color: #61b6ff;
  width: 7px;
  height: 7px;
  border-radius: 60px;
  position: absolute;
  top: 3px;
  text-shadow: 0px;
  left: 3px;
  font-size: 32px;
}
.radio label:hover:after {
  opacity: 0;
  filter: alpha(opacity=0);
}
.radio input[type=radio]:checked + label:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.page-header-strip h1 input {
  font-size: 30px;
}
.ie8 .checkbox {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  min-width: 15px;
  min-height: 15px;
  position: relative;
  margin-top: 4px;
}
.ie8 .checkbox input[type="checkbox"] {
  display: inline-block;
  margin-top: -3px;
  margin-left: 2px;
  margin-right: 2px;
}
/*
      FORMS OVERRIDES FOR MODALS
*/
.modal .search {
  position: relative;
}
.modal .search input {
  padding-left: 55px;
  background-color: #a4d4ff;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 0px;
  -moz-background-clip: padding;
  border-top-right-radius: 0px;
  background-clip: padding-box;
}
.modal .search input:focus {
  background-color: #3b607b;
}
.modal .search i {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -73px;
}
.modal .search i,
.modal .no-results .message .clear-search {
  left: 32px;
}
.modal .no-results {
  padding-left: 0;
}
.modal .no-results .search input,
.modal .no-results .search input:focus {
  background-color: #ff7964;
}
.modal .no-results .search i {
  width: 15px;
  height: 15px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -195px -73px;
}
.modal .no-results .message {
  position: absolute;
  width: 100%;
  height: 40px;
}
.modal .empty-results {
  padding-left: 30px;
}
.modal input.invalid,
.modal textarea.invalid {
  color: #ff7964;
  border-bottom-color: #ff7964;
}
.modal input.invalid::-webkit-input-placeholder,
.modal textarea.invalid::-webkit-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:-moz-placeholder,
.modal textarea.invalid:-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid::-moz-placeholder,
.modal textarea.invalid::-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:-ms-input-placeholder,
.modal textarea.invalid:-ms-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:hover::-webkit-input-placeholder,
.modal textarea.invalid:hover::-webkit-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:hover:-moz-placeholder,
.modal textarea.invalid:hover:-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:hover::-moz-placeholder,
.modal textarea.invalid:hover::-moz-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:hover:-ms-input-placeholder,
.modal textarea.invalid:hover:-ms-input-placeholder {
  color: #ff7964;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal input.invalid:focus::-webkit-input-placeholder,
.modal textarea.invalid:focus::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal input.invalid:focus:-moz-placeholder,
.modal textarea.invalid:focus:-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal input.invalid:focus::-moz-placeholder,
.modal textarea.invalid:focus::-moz-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal input.invalid:focus:-ms-input-placeholder,
.modal textarea.invalid:focus:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/*
      FORMS OVERRIDES FOR RESPONSIVENESS
*/
@media (max-width: 767px) {
  .responsive .button {
    -webkit-border-radius: 20px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 20px;
    -moz-background-clip: padding;
    border-radius: 20px;
    background-clip: padding-box;
    padding: 5px 10px;
    font-size: 11px;
    text-transform: uppercase;
    background-color: #61b6ff;
    color: #FFFFFF;
  }
  .responsive .button.button-highlight {
    background: #00daa2;
    color: #ffffff;
  }
  .responsive .button.button-highlight:hover {
    background: #393939;
    color: #ffffff;
  }
  .responsive .btn-close {
    background-image: '/my/static/style/sprites/icons-dotloop.png', 583px, 300px;
    background-position: -60px 0;
    background-repeat: no-repeat;
  }
  .responsive .btn-close:active {
    background-position: -60px -30px;
  }
  .responsive .btn-close-generic {
    background-image: '/my/static/images/sprites/icons-global-1.png', 345px, 510px;
    background-position: -60px -12px;
    background-repeat: no-repeat;
  }
  .responsive .btn-close,
  .responsive .btn-close-generic {
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .responsive .btn-more {
    background-image: '/my/static/images/sprites/icons-global-1.png', 345px, 510px;
    background-position: -60px -42px;
    background-repeat: no-repeat;
  }
  .responsive .btn-back {
    background-image: '/my/static/images/sprites/icons-global-1.png', 345px, 510px;
    background-position: -90px -42px;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
  }
  .responsive .form .row {
    *zoom: 1;
    margin-top: 10px;
  }
  .responsive .form .row:before,
  .responsive .form .row:after {
    display: table;
    content: '';
    line-height: 0;
  }
  .responsive .form .row:after {
    clear: both;
  }
  .responsive .form .row:first-child {
    margin-top: 0;
  }
  .responsive .form label {
    display: block;
    color: #8c8c8c;
    border-bottom: solid 1px #cdcdcd;
  }
  .responsive .form input,
  .responsive .form textarea,
  .responsive .form .select {
    width: 100%;
    padding: 0.5em;
    font-size: 15px;
    color: #393939;
    border: none;
    resize: none;
  }
  .responsive .form input::-webkit-input-placeholder,
  .responsive .form textarea::-webkit-input-placeholder,
  .responsive .form .select::-webkit-input-placeholder {
    color: #61b6ff;
  }
  .responsive .form input:-moz-placeholder,
  .responsive .form textarea:-moz-placeholder,
  .responsive .form .select:-moz-placeholder {
    color: #61b6ff;
  }
  .responsive .form input::-moz-placeholder,
  .responsive .form textarea::-moz-placeholder,
  .responsive .form .select::-moz-placeholder {
    color: #61b6ff;
  }
  .responsive .form input:-ms-input-placeholder,
  .responsive .form textarea:-ms-input-placeholder,
  .responsive .form .select:-ms-input-placeholder {
    color: #61b6ff;
  }
  .responsive .form input.invalid,
  .responsive .form textarea.invalid,
  .responsive .form .select.invalid {
    color: #ff7964;
  }
  .responsive .form input.invalid::-webkit-input-placeholder,
  .responsive .form textarea.invalid::-webkit-input-placeholder,
  .responsive .form .select.invalid::-webkit-input-placeholder {
    color: #ff7964;
  }
  .responsive .form input.invalid:-moz-placeholder,
  .responsive .form textarea.invalid:-moz-placeholder,
  .responsive .form .select.invalid:-moz-placeholder {
    color: #ff7964;
  }
  .responsive .form input.invalid::-moz-placeholder,
  .responsive .form textarea.invalid::-moz-placeholder,
  .responsive .form .select.invalid::-moz-placeholder {
    color: #ff7964;
  }
  .responsive .form input.invalid:-ms-input-placeholder,
  .responsive .form textarea.invalid:-ms-input-placeholder,
  .responsive .form .select.invalid:-ms-input-placeholder {
    color: #ff7964;
  }
  .responsive .form input:focus,
  .responsive .form textarea:focus,
  .responsive .form .select:focus,
  .responsive .form input.open,
  .responsive .form textarea.open,
  .responsive .form .select.open {
    background-color: #61b6ff;
    color: #FFFFFF;
  }
  .responsive .form input:focus::-webkit-input-placeholder,
  .responsive .form textarea:focus::-webkit-input-placeholder,
  .responsive .form .select:focus::-webkit-input-placeholder,
  .responsive .form input.open::-webkit-input-placeholder,
  .responsive .form textarea.open::-webkit-input-placeholder,
  .responsive .form .select.open::-webkit-input-placeholder {
    color: #ffffff;
  }
  .responsive .form input:focus:-moz-placeholder,
  .responsive .form textarea:focus:-moz-placeholder,
  .responsive .form .select:focus:-moz-placeholder,
  .responsive .form input.open:-moz-placeholder,
  .responsive .form textarea.open:-moz-placeholder,
  .responsive .form .select.open:-moz-placeholder {
    color: #ffffff;
  }
  .responsive .form input:focus::-moz-placeholder,
  .responsive .form textarea:focus::-moz-placeholder,
  .responsive .form .select:focus::-moz-placeholder,
  .responsive .form input.open::-moz-placeholder,
  .responsive .form textarea.open::-moz-placeholder,
  .responsive .form .select.open::-moz-placeholder {
    color: #ffffff;
  }
  .responsive .form input:focus:-ms-input-placeholder,
  .responsive .form textarea:focus:-ms-input-placeholder,
  .responsive .form .select:focus:-ms-input-placeholder,
  .responsive .form input.open:-ms-input-placeholder,
  .responsive .form textarea.open:-ms-input-placeholder,
  .responsive .form .select.open:-ms-input-placeholder {
    color: #ffffff;
  }
  .responsive .form textarea {
    min-height: 100px;
    padding: 0.5em 0.8em;
  }
  .responsive .form .styled-checkbox {
    display: block;
    margin: 0;
    min-width: initial;
    min-height: initial;
    width: 100%;
    height: 100%;
    outline: none;
    position: relative;
    margin-right: 5px;
  }
  .responsive .form .styled-checkbox input[type="checkbox"] {
    display: none;
  }
  .responsive .form .styled-checkbox label {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 10%;
    -moz-background-clip: padding;
    border-radius: 10%;
    background-clip: padding-box;
    background-color: #eef7ff;
    border: 1px solid #61b6ff;
    margin-bottom: 0;
  }
  .responsive .form .styled-checkbox label:after {
    content: '\2714';
    background: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    font-size: inherit;
    line-height: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    color: #ffffff;
  }
  .responsive .form .styled-checkbox input:checked + label {
    background-color: #61b6ff;
    border: none;
  }
  .responsive .form .styled-checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .responsive .form .styled-checkbox input:disabled + label {
    cursor: not-allowed;
    background-color: #f0f1ee;
  }
  .responsive .form .select.open .select-toggle {
    color: #FFFFFF;
  }
  .responsive .form .select {
    padding: .5em 0 0;
    position: relative;
    width: 100%;
  }
  .responsive .form .select .select-menu {
    padding: 0;
    display: none;
    left: 0;
    right: 0;
  }
  .responsive .form .select .select-menu li {
    background: #2e4655;
    border-bottom: 1px solid #3b607b;
    text-align: center;
  }
  .responsive .form .select .select-menu a {
    font-size: 11px;
    text-transform: uppercase;
    color: #eef7ff;
    padding: .4em 0;
    display: block;
  }
  .responsive .form .select .select-menu .active {
    outline: none;
    background: #3b607b;
  }
  .responsive .form .select-toggle {
    display: block;
    width: 100%;
    padding: 4px 0 8px;
    text-decoration: none;
    text-align: left;
    color: #393939;
  }
  .responsive .form .select-toggle.empty {
    color: #61b6ff;
  }
  .responsive .form .select-toggle:after {
    content: '';
    position: absolute;
    display: block;
    right: 9px;
    top: 12px;
    width: 15px;
    height: 31px;
    background-image: '/my/static/images/sprites/icons-global-1.png', 345px, 510px;
    background-position: -60px -42px;
    background-repeat: no-repeat;
  }
  .responsive .form .select.disabled .select-toggle,
  .responsive .form .select-toggle.disabled {
    color: #8c8c8c;
    cursor: not-allowed;
  }
  .responsive .form .select.invalid .select-toggle {
    color: #ff7964;
    border-bottom-color: #ff7964;
  }
  .responsive .form .form-row {
    margin-bottom: .6em;
  }
  .responsive input.no-disabled-style:disabled,
  .responsive textarea.no-disabled-style:disabled {
    background-color: initial;
    color: inherit;
  }
  .responsive .form .select {
    padding: 0;
  }
  .responsive .form .select-toggle {
    padding: 8px 10px;
  }
  .responsive .form .select-toggle:after {
    top: 50%;
    margin-top: -3px;
    height: 6px;
    width: 8px;
    background-image: url('/my/static/images/sprites/icons-global-1.png');
    /* Uncomment when retina sprites are created */
    /*     @media @highdpi { */
    /*         background-image: url("@{at2x_path}"); */
    /*         background-size: @width @height; */
    /*     } */
    background-position: -98px -4px;
  }
  .responsive .form label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
  }
  .responsive .form .checkbox .label-text,
  .responsive .form .radio .label-text {
    font-size: 18px;
    letter-spacing: -1px;
  }
  .responsive .form input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .responsive .form a.select-toggle {
    font-size: 13px;
  }
  .responsive .form-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
  }
  .responsive .form-row {
    width: 100% !important;
  }
  .responsive .form-row .form-group {
    float: none;
    min-height: 1px;
    padding: 10px 0;
    width: 100% !important;
  }
  .responsive .form-group .radio:first-of-type {
    margin-top: 8px;
  }
  .responsive .form-border input {
    border-bottom: 1px solid #eae7e7;
  }
}
.profile-picture-default {
  position: absolute;
  float: left;
  top: 0;
  left: 0;
  z-index: 102;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background: url(/my/static/images/sprites/icons-global-1.png);
  width: 55px;
  height: 55px;
  background-position: 0 -205px;
  -webkit-transform: rotateX(0deg) rotateY(1deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.profile-picture {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.profile-image-container {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  position: relative;
  z-index: 101;
  float: left;
  width: 55px;
  height: 55px;
}
.profile-image-container .profile-picture {
  width: 55px;
  height: 55px;
}
.profile-image-container.has-image .remove-photo {
  display: block;
}
.profile-image-container.has-image .add-photo {
  display: none;
}
.profile-image-container.has-image .profile-picture-default {
  z-index: 102;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.profile-image-container.has-image .profile-picture {
  z-index: 103;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
}
.image-action {
  margin-left: 65px;
  padding-top: 17px;
}
.image-action .remove-photo,
.image-action .add-photo,
.image-action .status {
  float: left;
}
.image-action .status {
  display: none;
}
.image-action .add-photo {
  display: block;
}
.image-action .remove-photo {
  display: none;
}
.image-action.has-image .add-photo {
  display: none;
}
.image-action.has-image .remove-photo {
  display: block;
}
.image-action.UPLOADING .status {
  display: block;
}
.image-action.UPLOADING .add-photo {
  display: none;
}
.image-action.UPLOADING .remove-photo {
  display: none;
}
.image-action.minimal {
  margin: 0;
  padding: 0;
}
.image-action.minimal .status,
.image-action.minimal .remove-photo {
  display: none;
}
.image-action.minimal .add-photo {
  position: absolute;
  z-index: 999;
}
.image-action.minimal .add-photo .upload-trigger {
  width: 55px;
  height: 55px;
  background: #61b6ff;
  border-radius: 50%;
  padding: 12px 0 0;
  line-height: 1.3;
  font-weight: 300;
}
.profile-image-container-compact {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  position: relative;
  z-index: 101;
  float: left;
}
.profile-image-container-compact .profile-picture-default {
  display: none;
}
.profile-image-container-compact .profile-picture {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  z-index: 101;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.profile-image-container-compact.has-image .remove-photo {
  display: block;
}
.profile-image-container-compact.has-image .add-photo {
  display: none;
}
.profile-image-container-compact.has-image .profile-picture-default {
  z-index: 102;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.profile-image-container-compact.has-image .profile-picture {
  display: block;
  z-index: 103;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
}
.image-action-compact {
  padding: 7px 0px 7px 0px;
}
.image-action-compact .status {
  display: none;
}
.image-action-compact .add-photo {
  display: block;
}
.image-action-compact .remove-photo {
  display: none;
}
.image-action-compact.has-image {
  margin-left: 40px;
}
.image-action-compact.has-image .add-photo {
  display: none;
}
.image-action-compact.has-image .remove-photo {
  display: block;
}
.image-action-compact.UPLOADING {
  display: none;
}
.image-action-compact.UPLOADING .status {
  display: none;
}
.image-action-compact.UPLOADING .add-photo {
  display: none;
}
.image-action-compact.UPLOADING .remove-photo {
  display: none;
}
.progress-done {
  display: none;
}
.progress-done.UPLOADING {
  display: block;
  height: 34px;
  background-color: #61b6ff;
  padding: 7px 10px;
  text-transform: uppercase;
  color: #ffffff;
}
.branding-logo-container {
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  position: relative;
  z-index: 101;
  float: left;
  width: 200px;
  height: 70px;
}
.branding-logo-container .profile-picture-default {
  display: none;
}
.branding-logo-container .profile-picture {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
}
.teams-logo-container {
  margin: 30px 0 0 0;
  height: 80px;
}
.teams-logo-container .profile-picture-default {
  display: none;
}
.teams-logo-container .profile-picture {
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
}
.branding-logo .image-action {
  float: left;
  margin-left: 0;
}
.branding-logo .image-action.has-image {
  margin-left: 100px;
}
.branding-logo .image-action .remove-photo,
.branding-logo .image-action .add-photo a {
  font-weight: 600;
  margin-left: 5px;
}
.branding-logo .progress-done {
  margin-top: 10px;
  position: relative;
}
.branding-logo .progress-done span {
  position: absolute;
  top: 7px;
  left: 10px;
}
.color-set .branding-logo .image-action .remove-photo,
.color-set .branding-logo .image-action .add-photo a {
  color: #ffffff;
}
.color-set .branding-logo .image-action .remove-photo:hover,
.color-set .branding-logo .image-action .add-photo a:hover {
  color: #f0f1ee;
}
.placeholderWrap {
  position: relative;
  display: block;
  *zoom: 1;
}
.placeholderWrap:before,
.placeholderWrap:after {
  display: table;
  content: '';
  line-height: 0;
}
.placeholderWrap:after {
  clear: both;
}
.placeholderWrap label {
  color: #61b6ff;
  position: absolute;
  top: 0;
  left: 0;
  /* Might have to adjust this based on font-size */
  pointer-events: none;
  display: block;
  padding-top: 3px;
  cursor: text;
  text-transform: uppercase;
  text-align: left;
}
.placeholderWrap label.attention {
  color: #ff7964;
}
.placeholder-focus label {
  color: #8c8c8c;
}
.placeholder-changed label {
  display: none;
}
/*
    LINKS
*/
a,
.link {
  color: #61b6ff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
a.large,
.link.large {
  font-size: 12px;
}
a.smaller,
.link.smaller {
  font-size: 10px;
}
a.veil.dark:not([class*="button-"]),
.link.veil.dark:not([class*="button-"]) {
  color: rgba(0, 0, 0, 0.2);
}
a.veil.dark:not([class*="button-"]):hover,
.link.veil.dark:not([class*="button-"]):hover {
  color: #61b6ff;
}
a.hover,
.link.hover,
a:hover,
.link:hover {
  color: #393939;
}
a .no-hover,
.link .no-hover {
  color: #61b6ff;
}
a.disabled,
.link.disabled {
  text-decoration: none;
  color: #8c8c8c;
  cursor: default;
}
a.sentence,
.link.sentence {
  text-transform: none;
  font-weight: 400;
  font-size: 13px;
}
a.lighter,
.link.lighter {
  font-weight: 400;
}
a.reverse,
.link.reverse {
  color: #ffffff;
}
a.reverse.hover,
.link.reverse.hover,
a.reverse:hover,
.link.reverse:hover {
  color: #393939;
}
/* Links within paragraphs should appear like the reset of our text. */
p a {
  text-transform: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.link-success {
  color: #00daa2;
}
.link-success:hover {
  color: #00daa2;
}
.link-error {
  color: #ff7964;
}
.link-error:hover {
  color: #ff7964;
}
.select-toggle {
  font-weight: 600;
}
.add-action:before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -156px -10px;
}
.add-action:hover:before {
  width: 8px;
  height: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -216px -4px;
}
.selected-arrow-below {
  position: relative;
}
.selected-arrow-below:before {
  content: '';
  position: absolute;
  top: 100%;
  margin-top: 14px;
  left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  margin-right: 9px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #eae7e7 transparent transparent transparent;
}
.selected-arrow-below:after {
  content: '';
  position: absolute;
  top: 100%;
  margin-top: 14px;
  left: 50%;
  margin-left: -7px;
  width: 0px;
  height: 0px;
  margin-right: 7px;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #ffffff transparent transparent transparent;
}
.back-link {
  display: block;
  float: left;
}
.back-link:before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -106px -4px;
}
.back-link:hover:before {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -162px -4px;
}
.back-link.icon-main:before {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -78px -10px;
}
.back-link.icon-main:hover:before {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -78px -10px;
}
.relative input + .copy-to-clipboard,
.relative .placeholderWrap + .copy-to-clipboard {
  position: absolute;
  top: 8px;
  right: 0;
}
/*
    LINKS OVERRIDES FOR TASKS
*/
.task-done {
  display: block;
  clear: both;
  margin-left: 20px;
}
.expired-date .task-text-container a {
  color: #ff7964;
}
.expired-date .task-text-container a.loop-name {
  color: #cdcdcd;
}
.expired-date .task-text-container a.loop-name:hover {
  color: #61b6ff;
}
.task-text-container a {
  text-transform: none;
  font-size: 13px;
  font-weight: 600;
}
.task-text-container a.loop-name {
  color: #cdcdcd;
}
.task-text-container a.loop-name:hover {
  color: #61b6ff;
}
.skip-tutorial-link {
  padding: 2px 10px;
  color: #ffffff;
  text-transform: none;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 30px;
  z-index: 1050;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.skip-tutorial-link:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #ffffff;
}
.skip-tutorial-link .x-lighter {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -o-transform: scale(0.85);
  -ms-transform: scale(0.85);
  transform: scale(0.85);
  position: relative;
  top: 2px;
}
/*
    LISTS
*/
.horizontal {
  *zoom: 1;
}
.horizontal:before,
.horizontal:after {
  display: table;
  content: '';
  line-height: 0;
}
.horizontal:after {
  clear: both;
}
.horizontal > li {
  float: left;
  margin-left: 7px;
  padding-left: 7px;
  min-height: 20px;
}
.horizontal > li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.horizontal.right > li {
  float: right;
  margin-right: 7px;
  padding-right: 7px;
  margin-left: 0;
  padding-left: 0;
}
.horizontal.right > li:first-child {
  margin-right: 0;
  padding-right: 0;
}
.horizontal.separator > li {
  border-left: solid 1px #eae7e7;
}
.horizontal.separator > li:first-child {
  border-left: none;
}
.horizontal.separator.dark > li {
  border-left-color: #cdcdcd;
}
.horizontal.separator.darker > li {
  border-left-color: #393939;
}
.horizontal.dot-separator > li:before {
  content: "\00b7";
  color: #61b6ff;
  margin-right: 4px;
  float: left;
}
.horizontal.dot-separator > li:first-child:before {
  content: none;
}
.horizontal.dot-separator > li:last-child:before {
  content: none;
}
.horizontal.dot-separator > li.no-dot:before {
  content: none;
}
.horizontal.hug > li {
  margin-left: 4px;
  padding-left: 0;
}
.horizontal.hug > li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.horizontal.hug > li.normal {
  margin-left: 7px;
  padding-left: 7px;
}
.horizontal.room-for-jesus-hug > li {
  margin-left: 3px;
  padding-left: 3px;
}
.horizontal.room-for-jesus-hug > li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.horizontal.wide > li {
  padding-left: 10px;
  margin-left: 10px;
}
.horizontal.wide > li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.horizontal.no-pad > li {
  margin-left: 0;
  padding-left: 0;
  margin-right: 0;
  padding-right: 0;
}
.grid {
  *zoom: 1;
}
.grid:before,
.grid:after {
  display: table;
  content: '';
  line-height: 0;
}
.grid:after {
  clear: both;
}
.grid > li {
  float: left;
  min-height: 1px;
  /* one item */
  /* two items */
  /* three items */
  /* four items */
  /* five items */
}
.grid > li:first-child:nth-last-child(1) {
  width: 100%;
}
.grid > li:first-child:nth-last-child(2),
.grid > li:first-child:nth-last-child(2) ~ li {
  width: 50%;
}
.grid > li:first-child:nth-last-child(3),
.grid > li:first-child:nth-last-child(3) ~ li {
  width: 33.3333%;
}
.grid > li:first-child:nth-last-child(4),
.grid > li:first-child:nth-last-child(4) ~ li {
  width: 25%;
}
.grid > li:first-child:nth-last-child(5),
.grid > li:first-child:nth-last-child(5) ~ li {
  width: 20%;
}
.container-body > li {
  padding: 12px 0;
  margin: 0 20px;
}
.container-footer {
  padding: 20px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
ul.borders > li,
ul.borders > tr,
ul.borders > .mCustomScrollBox > .mCSB_container > li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #eae7e7;
}
ul.borders > li:last-child,
ul.borders > tr:last-child,
ul.borders > .mCustomScrollBox > .mCSB_container > li:last-child,
ul.borders > li.no-border,
ul.borders > tr.no-border,
ul.borders > .mCustomScrollBox > .mCSB_container > li.no-border {
  border-bottom-width: 0;
}
ul.borders > li.bottom-border,
ul.borders > tr.bottom-border,
ul.borders > .mCustomScrollBox > .mCSB_container > li.bottom-border {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
ul.borders.border-top > li:first-child {
  border-top-style: solid;
  border-top-width: 1px;
}
ul.borders.border-top-gray > li:first-child {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #cdcdcd;
}
ul.borders.full > li:first-child,
ul.borders.full > .mCustomScrollBox > .mCSB_container > li:first-child {
  border-top-style: solid;
  border-top-width: 1px;
}
ul.borders.full > li:last-child,
ul.borders.full > .mCustomScrollBox > .mCSB_container > li:last-child {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
ul.borders .list-item-title {
  padding: 7px 0;
}
ul.borders .active .list-item-title {
  border-bottom: solid 1px #eae7e7;
}
ul.borders.dark > li,
ul.borders.dark > .mCustomScrollBox > .mCSB_container > li,
ul.borders.dark .list-item-title {
  border-color: #cdcdcd;
}
ul.padded > li,
ul.padded > .mCustomScrollBox > .mCSB_container > li {
  padding-top: 10px;
  padding-bottom: 10px;
}
ul.padded > li.thin {
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.padded > li.flat {
  padding-top: 0px;
  padding-bottom: 0px;
}
ul.padded .checkbox {
  margin-right: 15px;
}
.scrollbar {
  overflow: hidden;
}
ul.indent li.item {
  *zoom: 1;
  margin-left: 30px;
}
ul.indent li.item:before,
ul.indent li.item:after {
  display: table;
  content: '';
  line-height: 0;
}
ul.indent li.item:after {
  clear: both;
}
ul.indent li.item:last-child {
  margin-left: 0;
  padding-left: 30px;
}
ul.thin > li {
  padding: 5px 0;
}
ul.thin > li.thin {
  padding: 0;
}
.no-results,
.no-results .message {
  display: block;
  background-color: #393939;
  padding-left: 20px;
  position: relative;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.no-results .empty-results,
.no-results .message .empty-results {
  padding-top: 10px;
  padding-bottom: 10px;
}
.no-results a:hover,
.no-results .message a:hover {
  color: #a4d4ff;
}
.no-results .clear-search,
.no-results .message .clear-search {
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -4px;
}
/* Page-specific overrides */
/*
    LISTS OVERRIDES FOR ACTIVITY
*/
.activity-log-list .activity-log-date {
  margin-top: 25px;
}
.activity-log-list .activity-log-date:first-child {
  margin-top: 0;
}
.activity-log-list .activity-date {
  padding-bottom: 10px;
  border-bottom: solid 1px #eae7e7;
}
.activity-log-list .loop-name {
  padding: 20px 0;
  border-bottom: solid 1px #cdcdcd;
}
.activity-log-list .loop-name a {
  text-transform: none;
}
.activity-log-list .activity-message {
  width: 800px;
}
/*
    LISTS OVERRIDES FOR AUTOCOMPLETE
*/
.autocomplete-results {
  position: absolute;
  display: block;
  border-left: 1px solid #eae7e7;
  border-right: 1px solid #eae7e7;
}
.autocomplete-results li.result {
  width: 100%;
  color: #393939;
  padding: 10px 10px;
  min-height: 40px;
  line-height: 20px;
  border-left: none;
  border-right: none;
}
.autocomplete-results li.result:first-child {
  border-top: none;
}
.autocomplete-results li.result:not(:first-child) {
  border-top: 1px solid #eae7e7;
}
.autocomplete-results li.result .half {
  width: 50%;
}
.autocomplete-results li.result:hover,
.autocomplete-results li.result.highlighted {
  background-color: #3b607b;
  color: #FFFFFF;
}
.autocomplete-results li.result:hover .no-hover,
.autocomplete-results li.result.highlighted .no-hover {
  color: #FFFFFF;
}
.autocomplete-results li.result:hover > *,
.autocomplete-results li.result.highlighted > * {
  color: #FFFFFF;
}
.autocomplete-results .logo-container {
  position: relative;
  float: right;
  height: 25px;
  width: 100%;
  border: 1px solid #eae7e7;
}
.autocomplete-results .ac-logo {
  position: absolute;
  bottom: 0;
  right: 0;
}
.google-powered {
  width: 104px;
  height: 16px;
  background-image: url(/my/static/images/powered-by-google-on-white.png);
  background-repeat: no-repeat;
}
.task-item .autocomplete-results {
  border: 1px solid #eae7e7;
}
#fax-documents-modal .autocomplete-results {
  width: 346px;
  max-width: 346px;
  margin-top: 37px;
}
#tasklist-share .autocomplete-results {
  margin-top: 37px;
}
#document-share .autocomplete-results {
  margin-top: 37px;
}
#role-assignment-modal .autocomplete-results {
  margin-top: 1px;
}
#add-person-modal #inputEmail + .autocomplete-results {
  margin-top: 37px;
}
#add-person-modal #inputEmail + .autocomplete-results li.result {
  width: 240px;
}
#add-company-to-profile-modal .autocomplete-results,
#complete-profile-modal .autocomplete-results {
  border-left: none;
  border-right: none;
}
#add-company-to-profile-modal .autocomplete-results li.result,
#complete-profile-modal .autocomplete-results li.result {
  padding: 5px 10px;
  width: 490px;
  background: #61b6ff;
  color: #ffffff;
}
#add-company-to-profile-modal .autocomplete-results li.result:not(:first-child),
#complete-profile-modal .autocomplete-results li.result:not(:first-child) {
  border-top: 1px solid #3b607b;
  border-bottom: none;
}
#add-company-to-profile-modal .autocomplete-results li.result:hover,
#complete-profile-modal .autocomplete-results li.result:hover,
#add-company-to-profile-modal .autocomplete-results li.result.highlighted,
#complete-profile-modal .autocomplete-results li.result.highlighted {
  background-color: #3b607b;
  color: #FFFFFF;
}
#add-company-to-profile-modal .autocomplete-results li.result:hover > *,
#complete-profile-modal .autocomplete-results li.result:hover > *,
#add-company-to-profile-modal .autocomplete-results li.result.highlighted > *,
#complete-profile-modal .autocomplete-results li.result.highlighted > * {
  color: #FFFFFF;
}
#add-company-to-profile-modal .autocomplete-results li.result span,
#complete-profile-modal .autocomplete-results li.result span {
  line-height: 16px;
}
#add-company-to-profile-modal .loading-status,
#complete-profile-modal .loading-status {
  width: 490px;
  padding-bottom: 20px;
  border: 1px solid #eae7e7;
}
#add-company-to-profile-modal .loading-status.on .loading-bar,
#complete-profile-modal .loading-status.on .loading-bar {
  display: block;
}
/*
    LISTS OVERRIDES FOR TEMPLATES
*/
.templates .container-body:not(.no-results) {
  min-height: 400px;
  padding: 0 0 30px;
}
.templates .container-body:not(.no-results) > li {
  border-top: none;
  padding: 0;
}
.templates .container-body:not(.no-results) .list-item {
  padding: 10px 0;
}
.templates .container-body:not(.no-results) .dropdown {
  margin-left: 10px;
}
.templates .container-body li.upload {
  margin: 0;
}
.templates .document-name-container {
  max-width: 420px;
  min-height: 1px;
}
.templates .document-template-name-container {
  width: 410px;
}
.templates .provider {
  width: 100px;
}
.templates .status {
  width: 50px;
  margin-left: 10px;
}
.templates #workflow-list .title {
  width: 175px;
}
.templates #workflow-list .name-container {
  margin-right: 0;
}
.templates #workflow-stage-list:empty {
  position: relative;
  padding-top: 10px;
}
.templates #workflow-stage-list:empty:after {
  content: 'No stages in this workflow.';
  position: absolute;
  top: 10px;
  left: 0;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.templates #workflow-stage-list:empty + .add-stage {
  display: block;
  top: 0;
  left: 0;
  padding-left: 175px;
}
.templates #workflow-stage-list + .add-stage {
  display: none;
}
.templates #workflow-stage-list .workflow-stage-list-item .name-container {
  max-width: 290px;
  min-height: 1px;
}
.templates #workflow-stage-list .workflow-stage-list-item .workflow-stage-name {
  font-size: 11px;
  font-weight: 600;
  width: 360px;
  text-transform: uppercase;
}
.templates #workflow-stage-list .workflow-stage-list-item .provider {
  width: 240px;
}
/*
    LISTS OVERRIDES FOR LOOPS
*/
.loop-details-container {
  margin-left: 20px;
  padding: 7px 0;
  width: 840px;
}
.loop-details-container .sorted-column-result {
  float: right;
}
.loop-info {
  max-width: 550px;
}
.loop-info .main-text {
  max-width: 400px;
}
.loop-row .alerts-info {
  display: none;
  line-height: 43px;
}
.loop-row.show-alerts .main-info {
  display: none;
}
.loop-row.show-alerts .alerts-info {
  display: block;
}
.loop-row .tags-list {
  max-width: 580px;
}
.loop-row .loop-props .select-toggle,
.loop-row .loop-props .clickable {
  color: #8c8c8c;
  font-weight: 400;
}
.loop-row .loop-props .select-toggle:hover,
.loop-row .loop-props .clickable:hover {
  color: #61b6ff;
}
.loop-row .loop-props .select-toggle.attention,
.loop-row .loop-props .clickable.attention {
  color: #ff7964;
}
.loop-row .loop-props .select-toggle.attention:hover,
.loop-row .loop-props .clickable.attention:hover {
  color: #2e4655;
}
.loop-row .horizontal .loop-status {
  padding-left: 7px;
}
.loop-details .main-data-container .checkbox {
  margin-right: 15px;
}
.loop-details .main-data-container .dropdown-toggle {
  width: 30px;
}
.folder-details {
  border-bottom: solid 1px #cdcdcd;
  padding: 10px 0;
  cursor: pointer;
}
.folder-details.upload-container-open {
  border-bottom: none;
}
.folder-details .folder-options .dropdown-menu {
  z-index: 1010;
}
.folder-name-container {
  width: 600px;
}
.folder-name-container:before {
  content: '';
  float: left;
  margin: 5px 10px 0 0;
  height: 12px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -90px -28px;
}
.folder-name-container .folder-name {
  max-width: 395px;
}
.expanded .folder-name-container:before {
  height: 10px;
  width: 15px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -150px -18px;
}
/* Fading animation */
/* .loop-row { */
/*     .main-info { */
/*         position: absolute; */
/*         left: 0; */
/*         right: 0; */
/*         top: 0; */
/*         padding: 7px 0; */
/*         z-index: 2; */
/*         .opacity(100); */
/*         .transition(e('opacity .25s')); */
/*     } */
/*     .alerts-info { */
/*         position: absolute; */
/*         left: 0; */
/*         right: 0; */
/*         line-height: 56px; */
/*         top: 0; */
/*         z-index: 1; */
/*         .opacity(0); */
/*         .transition(e('opacity .25s')); */
/*     } */
/*     &.show-alerts { */
/*         .main-info { */
/*             z-index: 1; */
/*             .opacity(0); */
/*             .transition(e('opacity .25s')); */
/*         } */
/*         .alerts-info { */
/*             z-index: 2; */
/*             .opacity(100); */
/*             .transition(e('opacity .25s')); */
/*         } */
/*     } */
/* } */
.loop {
  width: 220px;
  height: 220px;
  float: left;
  margin: 0 20px 30px 0;
  cursor: pointer;
}
.container-body > .filter-head {
  margin: 0;
  padding-left: 20px;
}
/*
    LISTS OVERRIDES FOR LOOP DETAILS
*/
.page-subheader-strip {
  margin: 25px 0;
}
.page-subheader-strip .horizontal {
  margin-top: 10px;
}
.page-subheader-strip .horizontal > li {
  margin-left: 12px;
  padding-left: 0;
}
.page-subheader-strip .horizontal > li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.task-list-item,
.folder-list-item {
  margin-top: 15px;
}
.task-list-item:first-child,
.folder-list-item:first-child {
  margin-top: 0;
}
.folder-list-item .flrs {
  width: 109px;
}
.folder-list-item .flrs:empty {
  width: 0;
}
.folder-list-item .flrs li {
  white-space: nowrap;
}
.folder-list-item .flrs .tooltip-inner {
  white-space: pre-wrap;
}
.folder-list-item .folder-status {
  margin-right: 20px;
}
.folder-list-item .folder-status .select-menu {
  z-index: 1001;
}
.folder-list-item .folder-status .shorten {
  width: 100px;
}
.loop-documents .document-name-container {
  max-width: 290px;
  min-height: 1px;
}
.loop-documents .dropdown,
.loop-trusted-partners .dropdown,
.loop-people .dropdown,
.loop-tasks .dropdown {
  padding-left: 10px;
}
.document-list-item.droppable:hover {
  border-color: #61b6ff;
}
.document-list-item.droppable:hover .add-file-to-placeholder {
  display: block;
}
.document-list-item.droppable.placeholder-list-item:hover .flrs {
  display: none;
}
.document-list-item.droppable + .upload-queue-item {
  padding-top: 0;
  padding-bottom: 0;
}
.document-list-item.droppable.drag-hover {
  background: #eef7ff;
  border-bottom: 1px solid #61b6ff;
}
.document-list-item.droppable.drag-hover .flrs,
.document-list-item.droppable.drag-hover .add-file-to-placeholder,
.document-list-item.droppable.drag-hover .checkbox,
.document-list-item.droppable.drag-hover .document-options {
  visibility: hidden;
}
.document-list-item.droppable.drag-hover .document-name {
  white-space: nowrap;
  padding-left: 66px;
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  color: #61b6ff;
}
.document-list-item.droppable.drag-hover .document-name:before {
  content: 'Drop here';
  position: absolute;
  left: 0;
  top: 0;
  text-transform: uppercase;
  color: #8c8c8c;
}
.document-list-item.drag-hover-transition {
  background: #eef7ff;
  border-bottom: 1px solid #61b6ff;
}
.document-list-item.drag-hover-transition .flrs,
.document-list-item.drag-hover-transition .add-file-to-placeholder,
.document-list-item.drag-hover-transition .checkbox,
.document-list-item.drag-hover-transition .document-options,
.document-list-item.drag-hover-transition .add-tag-container {
  visibility: hidden;
}
.document-list-item.drag-hover-transition .document-name {
  padding-left: 80px;
  position: relative;
  font-size: 11px;
  text-transform: uppercase;
  color: #61b6ff;
}
.document-list-item.drag-hover-transition .document-name:before {
  content: 'Replace with';
  position: absolute;
  left: 0;
  top: 0;
  text-transform: uppercase;
  color: #8c8c8c;
}
.document-list-item .flrs {
  width: 109px;
}
.document-list-item .add-file-to-placeholder {
  width: 109px;
  max-height: 20px;
  display: none;
}
.document-list-item .add-file-to-placeholder .dropdown-menu {
  left: 0;
}
.document-list-item .add-file-to-placeholder .dropdown-menu .upload-trigger,
.document-list-item .add-file-to-placeholder .dropdown-menu .library-trigger {
  text-align: left;
}
.document-list-item .status-width {
  width: 130px;
}
.document-list-item .document-status {
  min-height: 1px;
}
.document-list-item .status-icons {
  width: 70px;
  min-height: 1px;
  padding-top: 3px;
}
.document-list-item .status-icons li {
  margin-right: 10px;
  padding-right: 10px;
}
.document-list-item .status-icons li:first-child {
  margin-right: 0;
  padding-right: 0;
}
.back-to-access {
  padding-bottom: 15px;
  display: block;
}
.sharedWith {
  padding-left: 16px;
}
.btn-manage-partners {
  font-size: 12px;
}
.loop-trusted-partners.no-content {
  cursor: pointer;
}
.partner-section .partner-title {
  text-transform: uppercase;
}
.partner-section .partner-title {
  color: #2e4655;
  margin-right: 8px;
  font-weight: 600;
}
.partner-section .partner-desc,
.partner-section .partner-info {
  color: #393939;
  font-size: 12px;
  line-height: 13px;
  padding: 0 0 1px;
}
.partner-section .form-field {
  line-height: 15px;
  padding: 0;
  margin: 1px 0;
  font-size: 11px;
}
.person-row {
  line-height: 22px;
}
.person-row:hover {
  border-color: #61b6ff;
}
.person-row:hover .main-text {
  color: #61b6ff;
}
.person-row .more-options:after {
  margin-top: -2px;
}
.person-row .action {
  width: 70px;
}
.person-row .profile-icon {
  min-width: 40px;
  min-height: 30px;
}
.person-row .profile-icon ~ * {
  line-height: 30px;
}
.person-row .person-name {
  width: 240px;
  min-height: 30px;
  overflow: hidden;
}
.person-row .person-email {
  width: 260px;
  min-height: 30px;
}
.person-row .team-status {
  width: 170px;
  min-height: 30px;
}
.person-row .role-options {
  width: 170px;
  min-height: 30px;
}
.person-row .role-options .select-toggle {
  font-size: 11px;
}
.person-row .role-options .select-toggle::after {
  top: 13px;
}
.person-row .dropdown {
  width: 30px;
  min-height: 30px;
  padding-left: 10px;
}
.person-row .dropdown .dropdown-toggle {
  height: 30px;
}
/*
    LISTS OVERRIDES FOR WORKFLOWS
*/
.workflow-stage-list-item .workflow-stage-name-container {
  max-width: 500px;
  min-height: 1px;
}
/*
    LISTS OVERRIDES FOR ERRORS
*/
.error-container .error-message {
  background-color: #ff7964;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  padding: 10px 30px;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
}
.error-container .error-message:first-child {
  border-top: none;
}
.error-container.error-container-inverted {
  margin-bottom: 30px;
}
.error-container.error-container-inverted .error-message {
  padding-left: 0;
  padding-right: 0;
  background-color: #ffffff;
  color: #ff7964;
  text-transform: none;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
}
.error-container.error-container-inverted.smaller-size .error-message {
  padding: 3px 0;
  font-size: 13px;
}
/*
    LISTS OVERRIDES FOR FOOTER
*/
.container-footer .horizontal > li {
  line-height: 30px;
}
#footer {
  margin-top: 120px;
  margin-bottom: 40px;
}
/*
    LISTS OVERRIDES FOR TEMPLATES
*/
.people .side-nav > .category:not(.active) > .main-title:hover {
  color: #61b6ff;
}
.people .side-nav .child-group-profiles {
  max-height: 400px;
}
.people .side-nav .level-1 {
  margin-left: 20px;
}
.people .side-nav .level-2 {
  margin-left: 40px;
}
.people .side-nav .level-3 {
  margin-left: 60px;
}
.people .side-nav .level-4 {
  margin-left: 80px;
}
.people .person-info {
  line-height: 22px;
  height: 22px;
  margin-left: 20px;
}
.people .person-info:first-child {
  margin-left: 0;
}
.people .person-info.stack {
  line-height: 18px;
  height: auto;
}
.people .person-info.stack > a {
  height: 18px;
}
.people .person-info > a {
  display: block;
  height: 100%;
}
.people .person-name {
  margin-left: 8px;
  width: 260px;
}
.people .person-name.long {
  width: 410px;
}
.people .person-email {
  width: 180px;
}
.people .person-email > a {
  font-size: 11px;
}
.people .person-phone {
  width: 100px;
}
.people .person-phone > a {
  font-size: 11px;
}
.people .profile-user-status {
  width: 130px;
  text-align: right;
}
.people .dropdown .dropdown-toggle {
  height: 22px;
}
/*
    LISTS OVERRIDES FOR TAGS
*/
.tags {
  border-left: solid 1px #eae7e7;
  margin-left: 10px;
  padding-left: 10px;
}
.tags .tag-item:last-child .remove-tag,
.tags .tag-item:last-child .tag-separator {
  height: 0;
}
.tags .tag-item {
  padding: 0;
  margin-left: 0;
}
.tags .tag-item:first-child {
  margin-left: 0;
}
.horizontal > li.tags {
  min-height: initial;
}
.touch-device .tag-item .tag,
.tag-item .tag:hover {
  color: #61b6ff;
}
.touch-device .tag-item .tag .remove-tag,
.tag-item .tag:hover .remove-tag {
  background-color: transparent;
  margin: 0 0 1px 0;
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -4px;
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
  cursor: pointer;
}
.tag-item .tag {
  color: #8c8c8c;
}
.tag-item .tag:last-child:first-child {
  margin-right: 5px;
}
.tag-item .tag.highlight {
  color: #ffffff;
  background-color: #00daa2;
  -webkit-border-radius: 20px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 20px;
  -moz-background-clip: padding;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #00daa2;
  padding: 0 20px;
  margin-right: 5px;
}
.touch-device .tag-item .tag.highlight,
.tag-item .tag.highlight:hover {
  color: #00daa2;
  background-color: #ffffff;
}
.touch-device .tag-item .tag.highlight .remove-item,
.tag-item .tag.highlight:hover .remove-item {
  background-color: transparent;
  margin: 0 0 1px 0;
  width: 6px;
  height: 6px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -12px -4px;
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
  cursor: pointer;
  right: 5px;
  top: 7px;
}
.remove-tag,
.tag-separator {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 1px 2px 2px;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #8c8c8c;
}
.add-tag-container {
  border-left: solid 1px #eae7e7;
  margin-left: 3px;
  padding-left: 8px;
  position: relative;
}
.empty + .add-tag-container {
  border-left-color: transparent;
  margin-left: 0;
  padding-left: 0;
}
.show-add-tag .add-tag-container {
  display: block;
}
/*
    LISTS OVERRIDES FOR TASKS
*/
.task-item-row .assignment-container {
  margin-right: 10px;
}
.task-item-row .options-box-row:hover .select-toggle:after,
.task-item-row .options-box-row.open .select-toggle:after {
  background-position: -14px -10px;
}
.task-item-row .options-box-row .select-toggle {
  position: relative;
}
.task-item-row .options-box-row .select-toggle:after {
  margin-top: -23px;
  margin-right: 10px;
}
.task-item-row .select-toggle {
  display: block;
  max-width: 185px;
}
.task-item-row .select-toggle > * {
  float: left;
  margin-bottom: -3px;
}
.task-item-row .select-toggle.width-l {
  max-width: 220px;
}
.task-item-row .select-toggle:after {
  margin-top: 0px;
}
ul.borders > .task-item.new {
  border-bottom: solid 1px #eae7e7;
}
ul.borders > .task-item.new .task-text-container {
  width: auto;
  margin-left: 30px;
  float: none;
}
ul.borders > .task-item.new .task-text-container.no-margin {
  margin-left: 0;
}
.task-group .list-header {
  padding: 8px 0 20px;
}
.l-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
}
.l-table.l-table-thin .l-table-cell {
  padding: 0 2px;
}
.l-table.l-table-inline {
  width: auto;
}
.l-table.l-table-inline .l-table-cell {
  padding: 0;
}
.l-table.l-table-top-down .l-table-cell {
  vertical-align: top;
  padding-top: 15px;
}
.l-table.l-table-display {
  border-collapse: separate;
  border-spacing: 2.2em;
  width: 108%;
  margin-left: -4%;
}
.l-table.l-table-display .l-table-cell {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}
.l-table-restricted {
  white-space: nowrap;
}
.l-table-restricted .l-table-cell {
  max-width: 300px;
  overflow: hidden;
}
.l-table-sortable .l-table-header {
  cursor: pointer;
}
.l-table-sortable .l-table-header.sort-asc:after {
  content: '\25B2';
}
.l-table-sortable .l-table-header.sort-desc:after {
  content: '\25BC';
}
.l-table-row {
  display: table-row;
}
.l-table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 7px;
}
.l-table-cell.l-table-cell-narrow {
  white-space: nowrap;
  width: 1px;
}
.l-table-cell:first-of-type {
  padding-left: 0;
}
.l-table-cell:last-of-type {
  padding-right: 0;
}
.l-table-cell.l-table-cell-top {
  vertical-align: top;
}
.l-table-cell .l-table-cell {
  padding: 0;
}
/*
    MENUS
        - Profile select menu
        - More options menus
        - Notification history menu
        - Filter menu
        - Sort menus
        - Task options box
        - HTML "select" menus
*/
.select-label,
.dropdown-label {
  color: #8c8c8c;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
}
.select,
.select-container,
.dropdown,
.dropdown-container {
  position: relative;
}
.select.open > .dropdown-menu,
.select-container.open > .dropdown-menu,
.dropdown.open > .dropdown-menu,
.dropdown-container.open > .dropdown-menu {
  display: block;
}
.icon-back-arrow {
  border-right: 2.25px solid #61b6ff;
  border-bottom: 2.25px solid #61b6ff;
  width: 7.75px;
  height: 7.75px;
  margin-top: -10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.select-menu,
.dropdown-menu {
  display: none;
  position: absolute;
  margin: 5px -225% 0px 0%;
  background-color: #ffffff;
  z-index: 1000;
}
.select-menu.scrollbar-rendered,
.dropdown-menu.scrollbar-rendered {
  border-bottom: solid 1px #eae7e7;
}
.select-menu.no-scrollbar,
.dropdown-menu.no-scrollbar {
  border-bottom: none;
}
.select-menu.align-right,
.dropdown-menu.align-right {
  margin-right: 0;
  right: 0;
}
.select-menu li,
.dropdown-menu li {
  border-left: solid 1px #eae7e7;
  border-right: solid 1px #eae7e7;
  background-color: #FFFFFF;
  padding: 5px 0;
  border-top: none;
  cursor: pointer;
  font-weight: 600;
  line-height: 20px;
}
.select-menu li:first-child,
.dropdown-menu li:first-child {
  border-top: solid 1px #eae7e7;
}
.select-menu li:last-child,
.dropdown-menu li:last-child {
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #eae7e7;
}
.select-menu li:focus,
.dropdown-menu li:focus,
.select-menu li.hover:not(.no-hover-style),
.dropdown-menu li.hover:not(.no-hover-style),
.select-menu li:not(.no-style):not(.error-message):not(.active):not(.no-hover-style):hover,
.dropdown-menu li:not(.no-style):not(.error-message):not(.active):not(.no-hover-style):hover {
  background: #61b6ff;
  border-color: #61b6ff;
  color: #ffffff;
}
.select-menu li:focus > a,
.dropdown-menu li:focus > a,
.select-menu li.hover:not(.no-hover-style) > a,
.dropdown-menu li.hover:not(.no-hover-style) > a,
.select-menu li:not(.no-style):not(.error-message):not(.active):not(.no-hover-style):hover > a,
.dropdown-menu li:not(.no-style):not(.error-message):not(.active):not(.no-hover-style):hover > a {
  color: #ffffff;
}
.select-menu li:not(.no-style):not(.no-hover-style).active,
.dropdown-menu li:not(.no-style):not(.no-hover-style).active {
  background: #393939;
  border-color: #393939;
  color: #ffffff;
}
.select-menu li:not(.no-style):not(.no-hover-style).active a,
.dropdown-menu li:not(.no-style):not(.no-hover-style).active a {
  color: #ffffff;
}
.select-menu li.no-style,
.dropdown-menu li.no-style {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.select-menu li.list-footer,
.dropdown-menu li.list-footer,
.select-menu li.list-footer:hover,
.dropdown-menu li.list-footer:hover {
  background: #f0f1ee;
  font-size: 10px;
  padding: 10px 20px;
}
.select-menu li.list-footer.bg-white,
.dropdown-menu li.list-footer.bg-white,
.select-menu li.list-footer:hover.bg-white,
.dropdown-menu li.list-footer:hover.bg-white {
  background: #ffffff;
  border-left: 1px solid #f0f1ee;
  border-right: 1px solid #f0f1ee;
}
.select-menu li.list-footer.bg-white.last,
.dropdown-menu li.list-footer.bg-white.last,
.select-menu li.list-footer:hover.bg-white.last,
.dropdown-menu li.list-footer:hover.bg-white.last {
  border-bottom: 1px solid #f0f1ee;
}
.select-menu li.header,
.dropdown-menu li.header {
  padding: 2px 10px;
  color: #8c8c8c;
  cursor: default;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.select-menu li.disabled,
.dropdown-menu li.disabled {
  cursor: default;
}
.select-menu li.disabled > a,
.dropdown-menu li.disabled > a {
  color: #cdcdcd;
}
.select-menu li.expand-option,
.dropdown-menu li.expand-option {
  background-color: #eef7ff;
  border-left: solid 1px #eae7e7;
  border-right: solid 1px #eae7e7;
}
.select-menu li.expand-option:hover,
.dropdown-menu li.expand-option:hover {
  background: #61b6ff;
  border-color: #61b6ff;
  color: #ffffff;
}
.select-menu li.menu-banner,
.dropdown-menu li.menu-banner {
  background-color: #00daa2;
  border-color: #00daa2;
}
.select-menu li.menu-banner:hover,
.dropdown-menu li.menu-banner:hover {
  background-color: #00daa2;
}
.select-menu li.menu-banner > a,
.dropdown-menu li.menu-banner > a {
  color: #ffffff;
}
.select-menu li.premium-option,
.dropdown-menu li.premium-option {
  background-color: #ffffff;
}
.select-menu li.premium-option:hover,
.dropdown-menu li.premium-option:hover {
  background-color: #00daa2;
  border-color: #00daa2;
}
.select-menu li.premium-option:hover > a,
.dropdown-menu li.premium-option:hover > a {
  color: #ffffff;
}
.select-menu li.premium-option > a,
.dropdown-menu li.premium-option > a {
  color: #cdcdcd;
}
.select-menu li.selected,
.dropdown-menu li.selected {
  background-color: #8c8c8c;
  color: #ffffff;
  border-color: #8c8c8c;
  cursor: default;
}
.select-menu li.selected:hover,
.dropdown-menu li.selected:hover {
  background-color: #8c8c8c;
  border-color: #8c8c8c;
  cursor: default;
}
.select-menu li.selected > a,
.dropdown-menu li.selected > a {
  color: #ffffff;
}
.select-menu li a:not(.shorten),
.dropdown-menu li a:not(.shorten) {
  white-space: nowrap;
}
.select-menu .mCSB_container,
.dropdown-menu .mCSB_container {
  margin-right: 0;
}
.more-options {
  display: block;
  cursor: pointer;
  position: relative;
  height: 20px;
  width: 20px;
}
.more-options.white:after {
  background-position: -324px -106px;
}
.more-options.white:hover:after,
.more-options.white.open:after {
  background-position: -324px -106px;
}
.more-options:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -4px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  background-position: -304px -106px;
  width: 8px;
  height: 16px;
}
.more-options:hover:after,
.more-options.open:after {
  background-position: -314px -106px;
}
.toolbar .dropdown .dropdown-menu,
.main-theme.dropdown-menu {
  background: #2e4655;
}
.toolbar .dropdown .dropdown-menu li,
.main-theme.dropdown-menu li {
  border: none;
  text-align: left;
  background-color: #61b6ff;
}
.toolbar .dropdown .dropdown-menu li:not(.disabled) > a,
.main-theme.dropdown-menu li:not(.disabled) > a {
  color: #ffffff;
}
.toolbar .dropdown .dropdown-menu li.disabled,
.main-theme.dropdown-menu li.disabled {
  cursor: default;
}
.toolbar .dropdown .dropdown-menu li.disabled > a,
.main-theme.dropdown-menu li.disabled > a {
  color: #cdcdcd;
}
.toolbar .dropdown .dropdown-menu li:focus,
.main-theme.dropdown-menu li:focus,
.toolbar .dropdown .dropdown-menu li.hover:not(.no-hover-style),
.main-theme.dropdown-menu li.hover:not(.no-hover-style),
.toolbar .dropdown .dropdown-menu li:not(.no-style):not(.error-message):not(.no-hover-style):hover,
.main-theme.dropdown-menu li:not(.no-style):not(.error-message):not(.no-hover-style):hover {
  background: #2e4655;
}
.toolbar .dropdown .dropdown-menu li.menu-banner,
.main-theme.dropdown-menu li.menu-banner {
  background: #2e4655;
}
.toolbar .dropdown .dropdown-menu li.menu-banner > a,
.main-theme.dropdown-menu li.menu-banner > a {
  color: #00daa2;
}
.toolbar .dropdown .dropdown-menu li.premium-option,
.main-theme.dropdown-menu li.premium-option {
  background: #2e4655;
}
.toolbar .dropdown .dropdown-menu li.premium-option:focus,
.main-theme.dropdown-menu li.premium-option:focus,
.toolbar .dropdown .dropdown-menu li.premium-option.hover:not(.no-hover-style),
.main-theme.dropdown-menu li.premium-option.hover:not(.no-hover-style),
.toolbar .dropdown .dropdown-menu li.premium-option:not(.no-style):not(.error-message):not(.no-hover-style):hover,
.main-theme.dropdown-menu li.premium-option:not(.no-style):not(.error-message):not(.no-hover-style):hover {
  background: #00daa2;
}
.additional-options {
  position: relative;
}
.additional-options:after {
  content: '';
  position: absolute;
  right: 8px;
  top: 8px;
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -92px -4px;
}
.additional-options:hover:after {
  height: 8px;
  width: 6px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -8px -4px;
}
.additional-options:hover > a {
  color: #ffffff;
  background: #61b6ff;
}
.additional-options:hover > ul,
.additional-options:hover .additional-options-menu {
  display: block;
}
.additional-options > ul,
.additional-options .additional-options-menu {
  display: none;
}
.additional-options > ul li,
.additional-options .additional-options-menu li {
  padding: 2px 10px;
}
.item .dropdown-toggle:before,
.list-item .dropdown-toggle:before {
  left: auto;
  right: 0;
}
.dropdown-menu:not(.autocomplete-results) {
  max-height: 270px;
}
.dropdown-menu {
  right: 0;
  margin: 0;
}
.dropdown-menu li {
  padding: 0;
  text-align: right;
}
.dropdown-menu li.align-left {
  text-align: left;
}
.dropdown-menu li > a {
  padding: 2px 10px;
  display: block;
  width: 100%;
}
.dropdown-menu.align-left {
  right: auto;
}
.dropdown-menu.align-left li {
  text-align: left;
}
.dropdown-menu .close-header {
  *zoom: 1;
  border: solid 1px #eae7e7;
  padding: 8px;
}
.dropdown-menu .close-header:before,
.dropdown-menu .close-header:after {
  display: table;
  content: '';
  line-height: 0;
}
.dropdown-menu .close-header:after {
  clear: both;
}
.dropdown-menu .close-header .title {
  font-weight: 600;
}
.select .select-menu {
  z-index: 999;
  left: 0;
  right: auto;
  margin: 0;
}
.select.align-right .select-menu {
  left: auto;
  right: 0;
}
.select.align-right .select-menu li {
  text-align: right;
}
.select.open .select-toggle {
  color: #393939;
}
.select-menu {
  max-height: 200px;
}
.select-menu.no-max-height {
  max-height: none;
}
.select-menu.scrolled-down {
  border-top: solid 1px #eae7e7;
}
.select-menu li {
  cursor: pointer;
  border-top: none;
  border-bottom: none;
  text-align: left;
  padding: 0;
}
.select-menu li:not(.list-footer).active {
  background: #ffffff;
  border-color: #eae7e7;
  color: #393939;
  font-weight: 600;
}
.select-menu li:not(.list-footer).active a {
  color: #393939;
  font-weight: 600;
}
.select-menu li.disable-selection:not(.active) {
  background: #ffffff;
  border-color: #eae7e7;
  font-weight: 600;
}
.select-menu li.disable-selection:not(.active) a {
  color: #cdcdcd;
}
.select-menu li.disable-selection:not(.active):hover {
  background: #ffffff !important;
  border-color: #eae7e7 !important;
}
.select-menu li.disable-selection:not(.active):hover a {
  color: #cdcdcd !important;
}
.select-menu li a {
  display: block;
  width: 100%;
  padding: 2px 10px;
}
.select-menu.align-right li {
  text-align: right;
}
li.large-padding,
ul.large-padding li {
  padding: 15px 0;
}
li.medium-padding,
ul.medium-padding li {
  padding: 10px 0;
}
li.small-padding,
ul.small-padding li {
  padding: 5px 0;
}
/* Page-specific overrides */
.document-editor #document-review-toolbar {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 15px;
  padding: 15px 20px;
}
.document-editor #document-review-toolbar .review-message {
  width: 820px;
}
.document-editor #document-review-toolbar .document-name {
  max-width: 300px;
}
.document-editor #document-review-toolbar .message-large-icon + span {
  padding-left: 26px;
}
.document-editor #document-review-toolbar .button {
  width: 110px;
  min-width: inherit;
}
.document-editor #document-toolbar {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 5px;
  -moz-background-clip: padding;
  border-top-right-radius: 5px;
  background-clip: padding-box;
}
.document-editor .toolbar.dark {
  background-color: #3b607b;
  color: #ffffff;
}
.document-editor .toolbar.dark ul:not(.dropdown-menu) > li > a:hover,
.document-editor .toolbar.dark ul:not(.dropdown-menu) > li > a.selected {
  background-color: #2e4655;
}
.document-editor .toolbar.darker {
  background-color: #2e4655;
}
.document-editor .toolbar.gray-darker {
  background-color: #393939;
}
.document-editor .toolbar.secondary {
  background-color: #ffe784;
  color: #393939;
}
.document-editor .toolbar.secondary .container.FILL .toolbar-actions .action:hover {
  background-color: #ffe87d;
}
.document-editor .toolbar.secondary .container.FILL .toolbar-actions .action.dropdown > a {
  color: #393939;
}
.document-editor .toolbar.rounded-toolbar {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
  margin-bottom: -5px;
}
.document-editor .toolbar.rounded-toolbar .container > ul.pull-right > li:last-child,
.document-editor .toolbar.rounded-toolbar .container > ul.pull-right > li:last-child a {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.document-editor .toolbar.rounded-toolbar .container > ul.pull-left > li:first-child,
.document-editor .toolbar.rounded-toolbar .container > ul.pull-left > li:first-child a {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 5px;
  -moz-background-clip: padding;
  border-bottom-left-radius: 5px;
  background-clip: padding-box;
}
.document-editor .toolbar.rounded-toolbar .doc-editor-main-action {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.document-editor .toolbar .doc-editor-main-action {
  background-color: #61b6ff;
}
.document-editor .toolbar .icon-back-arrow {
  width: 10px;
  height: 10px;
  margin-left: 6px;
  margin-right: 1px;
}
.document-editor .toolbar .doc-editor-main-action {
  background-color: #61b6ff;
}
.document-editor .toolbar .container.FILL {
  *zoom: 1;
  height: 60px;
  padding: 0 1em;
}
.document-editor .toolbar .container.FILL:before,
.document-editor .toolbar .container.FILL:after {
  display: table;
  content: '';
  line-height: 0;
}
.document-editor .toolbar .container.FILL:after {
  clear: both;
}
.document-editor .toolbar .container.FILL .toolbar-message,
.document-editor .toolbar .container.FILL .toolbar-actions {
  float: left;
  height: 60px;
  line-height: 60px;
  font-weight: 600;
  text-transform: uppercase;
}
.document-editor .toolbar .container.FILL .toolbar-message {
  width: 70%;
}
.document-editor .toolbar .container.FILL .toolbar-message.light-weight {
  font-weight: 400;
}
.document-editor .toolbar .container.FILL .toolbar-actions {
  width: 30%;
  text-align: right;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action,
.document-editor .toolbar .container.FILL .toolbar-actions .button-main {
  float: right;
}
.document-editor .toolbar .container.FILL .toolbar-actions .button-main {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 1em;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
  margin-right: -1em;
  text-align: right;
  padding: 0 1em;
  height: 100%;
  cursor: pointer;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action.dropdown {
  padding: 0;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action.dropdown.open {
  -webkit-border-bottom-right-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 0px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 0px;
  background-clip: padding-box;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action.dropdown > .more-options {
  padding: 0 1em;
  width: 3em;
  height: 100%;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action:hover {
  background-color: #2e4655;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action:last-child {
  margin-right: 0;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action > a {
  color: #ffffff;
}
.document-editor .toolbar .container.FILL .toolbar-actions .action .dropdown-menu {
  min-width: 200px;
  top: 100%;
}
.document-editor .toolbar .container > ul.pull-left > li:first-child,
.document-editor .toolbar .container > ul.pull-left > li:first-child > a {
  -webkit-border-top-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: 5px;
  -moz-background-clip: padding;
  border-top-left-radius: 5px;
  background-clip: padding-box;
}
.document-editor .toolbar .container > ul.pull-right > li:last-child,
.document-editor .toolbar .container > ul.pull-right > li:last-child > a {
  -webkit-border-top-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 5px;
  -moz-background-clip: padding;
  border-top-right-radius: 5px;
  background-clip: padding-box;
}
.document-editor .toolbar .container > ul > li {
  float: left;
  margin: auto;
  text-align: center;
}
.document-editor .toolbar .container > ul > li .open {
  background-color: #2e4655;
}
.document-editor .toolbar .container > ul > li > a,
.document-editor .toolbar .container > ul > li.text-item {
  width: 140px;
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  display: block;
}
.document-editor .toolbar .container > ul > li > a.disabled,
.document-editor .toolbar .container > ul > li.text-item.disabled {
  cursor: default;
  color: #cdcdcd;
}
.document-editor .toolbar .container > ul > li .back-link {
  width: 70px;
  color: #61b6ff;
}
.document-editor .toolbar .container > ul > li.text-item {
  width: auto;
  font-weight: 600;
  color: #ffffff;
  padding: 0 10px;
}
.document-editor .toolbar .container > ul > li .rotate-menu {
  margin-top: -24px;
  position: absolute;
  width: 130px;
  left: 100%;
}
.document-editor .toolbar .container > ul > li.message-items > .messages {
  width: 50px;
}
.document-editor .toolbar .container > ul .doc-editor-main-action {
  -webkit-border-top-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 5px;
  -moz-background-clip: padding;
  border-top-right-radius: 5px;
  background-clip: padding-box;
}
.document-editor .menu {
  position: relative;
  -webkit-border-radius: 15px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 15px;
  -moz-background-clip: padding;
  border-radius: 15px;
  background-clip: padding-box;
  margin: 18px 10px 18px 0;
  padding: 2px 25px 2px 10px;
  float: left;
  background: #3b607b;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
}
.document-editor .menu:after {
  content: '';
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -126px -10px;
}
.document-editor .menu.open,
.document-editor .menu:hover {
  background: #61b6ff;
}
.document-editor .menu.open:after,
.document-editor .menu:hover:after {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -4px;
}
.document-editor .menu.open .-menu,
.document-editor .menu:hover .-menu,
.document-editor .menu.open .options,
.document-editor .menu:hover .options {
  padding-top: 18px;
  top: 24px;
  display: block;
}
.document-editor .menu.assignment ul.options {
  width: 165px;
}
.document-editor .menu.invalid {
  background-color: #ff7964;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}
.document-editor .menu.more-field-options {
  float: right;
  background: #2e4655;
}
.document-editor .menu.more-field-options:after {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -4px;
}
.document-editor .menu > ul > li.disabled {
  color: #cdcdcd;
}
.document-editor .menu > ul > li.disabled:hover {
  background: #61b6ff;
}
.document-editor .options {
  background: #2e4655;
  position: absolute;
  z-index: 1000;
  top: 42px;
  left: 0;
  min-width: 100%;
  max-width: 250px;
}
.document-editor .options li {
  padding: 2px 10px;
  background: #61b6ff;
}
.document-editor .options li:hover {
  background: #2e4655;
}
.document-editor .options .generic {
  font-style: italic;
}
.document-editor .options .nested {
  padding: 0;
}
.document-editor .separator {
  border-top: solid 1px #FFFFFF;
}
.document-editor .additional-options:hover,
.document-editor .nested:hover,
.document-editor .additional-options:hover > a,
.document-editor .nested:hover > a {
  background: #2e4655;
}
.document-editor .additional-options > ul,
.document-editor .nested > ul,
.document-editor .additional-options .additional-options-menu,
.document-editor .nested .additional-options-menu {
  max-height: 216px;
}
.document-editor .additional-options > ul .mCSB_container,
.document-editor .nested > ul .mCSB_container,
.document-editor .additional-options .additional-options-menu .mCSB_container,
.document-editor .nested .additional-options-menu .mCSB_container {
  margin-right: 0;
}
.document-editor .additional-options > ul.role-menu,
.document-editor .nested > ul.role-menu,
.document-editor .additional-options .additional-options-menu.role-menu,
.document-editor .nested .additional-options-menu.role-menu {
  max-width: 200px;
}
.document-editor .additional-options > ul,
.document-editor .additional-options .additional-options-menu {
  margin-top: -22px;
  position: absolute;
  left: 100%;
}
.document-editor .additional-options .menu-hover-bumper {
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 1;
}
.document-editor .add-assignee-container {
  width: 280px;
  height: 161px;
  top: 42px;
  position: absolute;
  background: #ffffff;
  padding: 10px 20px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 2px 8px #eae7e7;
  -moz-box-shadow: 0px 2px 8px #eae7e7;
  box-shadow: 0px 2px 8px #eae7e7;
}
.document-editor .add-assignee-container ul.autocomplete-results {
  width: 282px;
  max-width: 282px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 8px 8px #eae7e7;
  -moz-box-shadow: 0px 8px 8px #eae7e7;
  box-shadow: 0px 8px 8px #eae7e7;
  left: 0;
  margin-left: -1px;
}
.document-editor .add-assignee-container #ac-name + .autocomplete-results {
  margin-top: 108px;
}
.document-editor .add-assignee-container #ac-email + .autocomplete-results {
  margin-top: 70px;
}
.document-editor .add-person-footer {
  padding-top: 23px;
}
.document-editor .options,
.document-editor .add-assignee {
  display: none;
}
.document-editor .toolbar .dropdown .dropdown-toggle {
  display: block;
  cursor: pointer;
  position: relative;
  height: 20px;
  width: 20px;
}
.document-editor .toolbar .dropdown .dropdown-toggle:before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -4px;
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -10px;
}
.document-editor .toolbar .dropdown .dropdown-toggle.right:before {
  left: inherit;
  right: 0;
  margin-left: 0;
}
.document-editor .toolbar .dropdown .dropdown-toggle:hover:before,
.document-editor .toolbar .dropdown .dropdown-toggle.open .dropdown-toggle:before {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -126px -10px;
}
#header-toolbars .EDIT .dropdown:hover,
#header-toolbars .EDIT .open {
  background-color: #2e4655;
}
#header-toolbars .EDIT .dropdown:hover > .dropdown-menu {
  display: block;
}
#header-toolbars .EDIT .toolbar-link {
  color: #ffffff;
  width: auto;
  padding: 0 20px;
}
#header-toolbars .EDIT .toolbar-link.disabled {
  cursor: default;
  color: #cdcdcd;
}
#header-toolbars .EDIT .toolbar-dropdown-link:after {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -4px;
  content: '';
  display: inline-block;
  margin-left: 4px;
}
#header-toolbars .EDIT .details-tools {
  color: #ffffff;
  text-align: left;
  margin: 13px 10px 0;
  font-weight: 700;
}
#header-toolbars .EDIT .details-tools .open {
  background-color: transparent;
}
#header-toolbars .EDIT .details-tools .toolbar-link {
  font-size: 9px;
  color: #61b6ff;
  padding: 0;
}
#header-toolbars .EDIT .details-tools .toolbar-link:hover {
  background-color: transparent;
}
#header-toolbars .EDIT .details-tools .toolbar-dropdown-link:after {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -10px;
}
#header-toolbars .EDIT .details-tools-header {
  max-width: 360px;
  line-height: 16px;
}
#header-toolbars .EDIT .details-tools-header-single-item {
  margin: 21px 10px 0;
}
/*
    MENUS OVERRIDES FOR DOCUMENTS
*/
.side-nav li {
  position: relative;
}
.side-nav li .dropdown-container {
  position: absolute;
  top: 10px;
  right: 0;
}
.side-nav .dropdown-menu {
  right: 0;
  margin: 0;
}
/*
    MENUS OVERRIDES FOR HEADER
        - Profile select menu
*/
.profile-overview {
  min-width: 250px;
  right: -3px;
  left: auto;
  margin-left: 0;
  margin-right: 0;
  margin-top: 31px;
  z-index: 1500;
}
.profile-overview:before,
.profile-overview:after {
  content: '';
  position: absolute;
  border: none;
  height: 31px;
  width: 100%;
  top: -31px;
  left: auto;
  right: 0;
  margin-right: 0;
}
.profile-overview > li {
  padding: 0;
}
.profile-overview > li a {
  padding: 0;
  width: auto;
}
.profile-overview li.list-header:not(.no-style) {
  text-align: center;
  border: none;
}
.profile-overview li.list-header:not(.no-style) .button-main {
  font-size: 11px;
  background: #ff7964;
}
.profile-overview li.list-header:not(.no-style) .button-main:hover {
  background: #61b6ff;
}
.profile-overview li.list-header:not(.no-style) .button-complete-profile {
  font-size: 11px;
  background: #ffe87d;
}
.profile-overview li.list-header:not(.no-style) .button-complete-profile:hover {
  background: #61b6ff;
}
.profile-overview .support-link.list-footer {
  padding: 10px 20px;
}
.profile-overview .support-link.list-footer:hover {
  cursor: initial;
}
.profile-overview .support-link.list-footer a {
  line-height: 25px;
}
.profile-overview .list-footer.bottom-border {
  border-bottom: solid 1px #ffffff;
}
.profile-overview .profile-links {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: solid 1px #cdcdcd;
  border-left: solid 1px #cdcdcd;
  border-right: solid 1px #cdcdcd;
}
.profile-overview .profile-image {
  margin: 0 15px;
}
.profile-overview .content-profile {
  line-height: 30px;
}
.profile-overview > li.profile-list {
  border: none;
}
.profile-overview > li.profile-list:hover {
  background: inherit;
  color: inherit;
}
.profile-overview > li.profile-list:hover > a {
  color: inherit;
}
.profile-overview > li.profile-list li {
  border-top: solid 1px #eae7e7;
}
.profile-overview > li.profile-list li:first-child {
  border-top: none;
}
.profile-overview li {
  text-align: left;
}
.profile-overview li.text-center {
  text-align: center;
}
#profile-offices-scrollbar {
  max-height: 400px;
}
/* If the header is present, do not use a top border on the first list item in the profile list (header has a bottom border) */
.list-header + .profile-list ul li {
  border-top: none;
}
/*
    MENUS OVERRIDES FOR HEADER
        - Profile select menu
*/
#page-header-strip .loop-notifications .dropdown-menu {
  width: 300px;
}
#page-header-strip .loop-notifications .dropdown-menu li:not(.no-style):hover {
  background-color: inherit;
  border-color: #eae7e7;
  color: inherit;
}
#page-header-strip .loop-notifications .dropdown-menu li:not(.no-style):hover a {
  color: #61b6ff;
}
#page-header-strip .loop-notifications .dropdown-menu li:not(.no-style):hover a:hover {
  color: #393939;
}
#page-header-strip .loop-notifications .dropdown-menu .scrollbar {
  max-height: 400px;
}
#page-header-strip .loop-notifications .dropdown-menu .scrollbar li {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ffe784;
  border-bottom-color: #ffe87d;
}
#page-header-strip .loop-notifications .dropdown-menu .scrollbar li:not(.no-style):hover {
  background-color: auto;
  border-top-color: #eae7e7;
  border-right-color: #eae7e7;
  border-left-color: #eae7e7;
  color: inherit;
}
#page-header-strip .loop-notifications .dropdown-menu .scrollbar li:not(.no-style):hover a {
  color: #61b6ff;
}
#page-header-strip .loop-notifications .dropdown-menu .scrollbar li:not(.no-style):hover a:hover {
  color: #393939;
}
#page-header-strip .loop-notifications .dropdown-menu .scrollbar li.viewed {
  background-color: #ffffff;
  border-bottom-color: #eae7e7;
}
#page-header-strip time {
  display: block;
  margin-bottom: 5px;
}
#page-header-strip li .notification-message-container {
  *zoom: 1;
}
#page-header-strip li .notification-message-container:before,
#page-header-strip li .notification-message-container:after {
  display: table;
  content: '';
  line-height: 0;
}
#page-header-strip li .notification-message-container:after {
  clear: both;
}
#page-header-strip li .notification-message-container .profile-image {
  float: left;
}
#page-header-strip li .notification-message-container .notification-message {
  margin-left: 40px;
}
#page-header-strip li .notification-message-container .notification-message a {
  white-space: initial;
}
/*
    MENUS OVERRIDES FOR HEADER
        - Profile select menu
*/
#sub-header .select {
  display: inline-block;
}
#sub-header .select-menu {
  margin-top: 11px;
}
/*
    MENUS OVERRIDES FOR TASKS
*/
.assignment-container .date-choice li:last-child {
  border-bottom: none;
}
.assignment-container .assigned-to li:first-child,
.assignment-container .assign-list li:first-child {
  border-top: none;
}
.assignment-container .assigned-name {
  padding-right: 25px;
}
.assignment-container .dropdown-toggle {
  margin-top: -22px;
  margin-right: 5px;
}
.assignment-container #assigned-to-option:before {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -70px -10px;
}
.assignment-container .expand-option:hover #assigned-to-option:before,
.assignment-container .expand-option.premium-option:hover #assigned-to-option:before {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -4px;
}
.assignment-container .expand-option.selected #assigned-to-option:before {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -14px -4px;
}
.assignment-container .expand-option.premium-option #assigned-to-option:before {
  height: 6px;
  width: 8px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -98px -4px;
}
.assignment-container .dropdown-menu.add-person-open {
  width: 200px;
}
.assignment-container .dropdown-menu.specific-date-open {
  width: 220px;
}
.assignment-container .ui-datepicker.ui-corner-all {
  border-top-color: transparent;
  -webkit-border-radius: 0px 0px 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px 0px 5px 5px;
  -moz-background-clip: padding;
  border-radius: 0px 0px 5px 5px;
  background-clip: padding-box;
}
.assignment-container .specific-date-box {
  cursor: default;
}
.assignment-container .specific-date-box .close-header {
  -webkit-border-radius: 5px 5px 0px 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0px 0px;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0px 0px;
  background-clip: padding-box;
}
.assignment-container .after-task-box {
  cursor: default;
}
.assignment-container .after-task-box ul.task-items li:first-child {
  border-top: none;
}
.assignment-container .after-task-box ul.task-items.empty {
  height: 40px;
  border: solid 1px #eae7e7;
  border-top-color: transparent;
}
/*
    MENUS
        - External menu
        - Logged in menu
*/
.top-nav {
  display: inline-block;
  padding-top: 45px;
}
.top-nav .top-nav-list {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.top-nav .top-nav-list > li {
  display: inline-block;
  float: left;
}
.top-nav .top-nav-list > li.active > a {
  color: #2e4655;
  cursor: default;
}
.top-nav .top-nav-list > li > a:not([class*="button-"]) {
  display: inline-block;
  margin-right: 25px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 6px;
}
.top-nav.alt .top-nav-list > li > a:not([class*="button-"]) {
  color: #ffffff;
}
.products .top-nav .top-nav-list > li.active > a:not([class*="button-"]),
.fixed-bar .top-nav .top-nav-list > li.active > a:not([class*="button-"]) {
  color: #2e4655;
}
.products .top-nav .top-nav-list > li > a:not([class*="button-"]),
.fixed-bar .top-nav .top-nav-list > li > a:not([class*="button-"]) {
  color: #ffffff;
}
.products .top-nav .top-nav-list > li > a:not([class*="button-"]):hover,
.fixed-bar .top-nav .top-nav-list > li > a:not([class*="button-"]):hover {
  color: #2e4655;
}
.fixed-bar .top-nav .top-nav-list > li > a:not([class*="button-"]) {
  font-size: 15px;
  font-weight: 600;
  background: #61b6ff;
  text-transform: none;
}
@media (max-width: 992px) {
  .responsive .top-nav {
    display: none;
  }
}
.nav-primary {
  margin-top: 35px;
}
.nav-primary li {
  float: left;
  margin-left: 30px;
  position: relative;
}
.nav-primary li:first-child {
  margin-left: 0;
}
.nav-primary li a {
  display: inline-block;
  color: #ffffff;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.nav-primary li.active a {
  color: #2e4655;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav-primary li:after {
  position: absolute;
  top: 55px;
  font-size: 9px;
  line-height: 9px;
  color: #ffffff;
  font-weight: 600;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.nav-primary li:hover a {
  color: #2e4655;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.nav-primary li:hover:after {
  top: 40px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav-primary .header-charts:after {
  content: 'DASHBOARD';
  left: -10px;
}
.nav-primary .header-loops:after {
  content: 'LOOPS';
  left: 0;
}
.nav-primary .header-tasks:after {
  content: 'TASKS';
  left: 1px;
}
.nav-primary .header-people:after {
  content: 'PEOPLE';
  left: -2px;
}
.nav-primary .header-templates:after {
  content: 'TEMPLATES';
  left: -13px;
}
/*
    PLAIN-TEXT
*/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #393939;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
}
h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  letter-spacing: -1px;
}
h2 {
  font-size: 25px;
  line-height: 1.2em;
  font-weight: 600;
  letter-spacing: -1px;
}
h5 {
  font-size: 11px;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 700;
  color: #8c8c8c;
}
.page-description {
  color: #8c8c8c;
  margin-top: 5px;
}
.page-description.sub-header {
  font-size: 19px;
  line-height: 110%;
}
strong {
  font-weight: 600;
}
.list-header {
  padding-bottom: 5px;
}
.main-text {
  display: inline-block;
  color: #393939;
  font-weight: 600;
  font-size: 13px;
  text-transform: none;
}
.main-text.large {
  font-size: 15px;
}
.bold .main-text {
  font-weight: 700;
}
a[href].main-text:hover,
a[href]:hover > .main-text {
  color: #61b6ff;
}
.dark {
  color: #393939;
}
.gray {
  color: #8c8c8c;
}
.white {
  color: #FFFFFF;
}
.gray-on-hover:hover {
  color: #8c8c8c;
}
.light {
  color: #cdcdcd;
}
.main-light {
  color: #a4d4ff;
}
.main-darker {
  color: #2e4655;
}
.main {
  color: #61b6ff;
}
.main:hover,
.main.active {
  color: #2e4655;
}
.white {
  color: #ffffff;
}
.attention {
  color: #ff7964;
}
.highlight {
  color: #00daa2;
}
.orange {
  color: #f89406;
}
.larger {
  font-size: 18px;
}
.large {
  font-size: 15px;
}
.normal {
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
}
.medium {
  font-size: 12px;
}
.medium-text {
  font-size: 13px;
}
.small {
  font-size: 11px;
}
.smaller {
  font-size: 10px;
}
.mini {
  font-size: 9px;
}
.super {
  vertical-align: super;
  line-height: 1em;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.italic {
  font-style: italic;
}
.line-height-match-button {
  line-height: 30px;
}
.line-height-medium {
  line-height: 1.2em;
}
.line-height-small {
  line-height: 25px;
}
.shorten {
  display: block;
  white-space: nowrap;
  word-break: normal;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.rancho {
  font-family: 'Rancho', cursive;
  font-size: 35px;
  margin: 10px 0;
}
.large-text-description {
  padding: 50px;
  text-align: center;
  clear: both;
  font-size: 18px;
}
/*
    PLAIN-TEXT OVERRIDES FOR MODALS
*/
.modal-body {
  color: #393939;
}
.modal-body .above-input {
  margin-bottom: 15px;
}
.modal-body .under-input {
  margin-top: 15px;
}
.modal-body .solo-text,
.modal-body .secondary-text {
  color: #393939;
  font-size: 15px;
}
.modal-body .solo-text > a,
.modal-body .secondary-text > a {
  font-size: 15px;
}
.modal-body .tertiary-text {
  color: #393939;
  font-size: 13px;
}
/*
    PLAIN-TEXT OVERRIDES FOR TASKS
*/
.expired-date .main-text,
.expired-date .select-toggle {
  color: #ff7964;
}
.complete .main-text {
  color: #8c8c8c;
}
.complete .checkbox input[type="checkbox"]:checked + label {
  background-color: #8c8c8c;
}
/*
    PLAIN-TEXT OVERRIDES FOR TEMPLATES
*/
.templates .category-name,
.people .category-name {
  color: #393939;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}
.templates .icon-margin,
.people .icon-margin {
  margin: 5px 10px 0 0;
}
.loading-bg,
.loading-status {
  position: relative;
  display: none;
}
.loading-bg .loading-status,
.loading-status .loading-status,
.loading-bg .loading-bar,
.loading-status .loading-bar {
  display: none;
}
.loading-bg.on,
.loading-status.on {
  display: block;
}
.loading-bg.on .loading-status,
.loading-status.on .loading-status,
.loading-bg.on .loading-bar,
.loading-status.on .loading-bar {
  display: block;
}
.loading-status.center-in-parent {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
}
.loading-status.center-in-parent.small-bar {
  margin-top: -11px;
  margin-left: -11px;
}
.loading-status.small-bar .loading-bar {
  height: 22px;
  width: 22px;
}
.loading-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.loading-bg .loading-bar {
  margin-top: 0;
}
.loading-bar {
  display: none;
  height: 30px;
  width: 30px;
  position: relative;
  margin: 20px auto 0 auto;
}
.loading-bar .loading-icon {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #61b6ff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.loading-bar .loading-delay {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
/*
    WIDGETS
        - Uploading box
        - Loading Icon(s)
*/
.upload-trigger-container {
  position: relative;
  overflow: hidden;
  display: block;
}
.upload-trigger-native {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 3em;
  z-index: -1;
  cursor: pointer;
}
/*
    UTILITIES
*/
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.list-item {
  display: list-item;
}
.inline {
  display: inline;
}
.margin-0 {
  margin: 0;
}
.margin-center {
  margin: 0 auto;
}
.full-width-height {
  width: 100%;
  height: 100%;
}
.l-width-75 {
  width: 75px;
}
.l-width-100 {
  width: 100px;
}
.l-width-150 {
  width: 150px;
}
.l-width-225 {
  width: 225px;
}
.l-width-250 {
  width: 250px;
}
.l-width-300 {
  width: 300px;
}
.l-width-350 {
  width: 350px;
}
.half-width {
  width: 49%;
}
.l-width-500 {
  width: 500px;
}
.l-width-700 {
  width: 700px;
}
.l-max-width-100 {
  max-width: 100px;
}
.l-max-width-150 {
  max-width: 150px;
}
.l-max-width-200 {
  max-width: 200px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.clear {
  clear: both;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-top-bottom-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-top-bottom-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top--5 {
  margin-top: -5px;
}
.margin-none {
  margin: 0;
}
.pull-bottom {
  margin-bottom: 0;
}
.padded-sides {
  padding: 0 20px;
}
.padded-top {
  padding-top: 20px;
}
.padded-bottom {
  padding-bottom: 20px;
}
.padded-50 {
  padding: 50px;
}
.padded-left {
  padding-left: 20px;
}
.padded-left-small {
  padding-left: 10px;
}
.padded-right {
  padding-right: 20px;
}
.padded-vertical {
  padding: 20px 0;
}
.padded-vertical-medium {
  padding: 15px 0;
}
.padded-left-0 {
  padding-left: 0;
}
.padded-right-0 {
  padding-right: 0;
}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.clickable {
  cursor: pointer;
}
.clickable:hover .icon-text.white {
  color: #8c8c8c;
}
.do-sort {
  cursor: move;
}
.show-on-hover {
  display: none;
}
.hide-on-hover {
  display: block;
}
.on-hover-target:hover .show-on-hover {
  display: block;
}
.on-hover-target:hover .hide-on-hover {
  display: none;
}
.touch-device .show-on-hover {
  display: block;
}
.show-on-active {
  display: none;
}
.hide-on-active {
  display: block;
}
.on-active-target.active .show-on-active {
  display: block;
}
.on-active-target.active .hide-on-active {
  display: none;
}
.hide-overflow {
  overflow: hidden;
}
.transparent {
  background-color: transparent;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.break-word {
  word-wrap: break-word;
}
.bg-gray-light {
  background-color: #eae7e7;
}
.bg-gray-lighter {
  background-color: #f0f1ee;
}
.bg-main {
  background-color: #61b6ff;
}
.bg-main-dark {
  background-color: #3b607b;
}
.main-panel {
  background: #61b6ff;
  color: #ffffff;
}
.border-top:not(ul) {
  border-top: solid 1px #cdcdcd;
}
.border-bottom {
  border-bottom: solid 1px #cdcdcd;
}
.border-bottom-thin {
  border-bottom: solid 1px #eae7e7;
}
.circle {
  border-radius: 50%;
}
.no-results-center {
  top: 50%;
  left: 45%;
}
.text-transform-none {
  text-transform: none;
}
.profile-image {
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
}
.profile-image.outline {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 3px #ffffff;
  -moz-box-shadow: 0px 0px 0px 3px #ffffff;
  box-shadow: 0px 0px 0px 3px #ffffff;
}
.profile-image.no-image {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  color: #ffffff;
  background-color: #3b607b;
  -webkit-box-shadow: 0px 0px 0px 3px #3b607b;
  -moz-box-shadow: 0px 0px 0px 3px #3b607b;
  box-shadow: 0px 0px 0px 3px #3b607b;
}
.profile-image.no-image:hover {
  background-color: #a4d4ff;
  -webkit-box-shadow: 0px 0px 0px 3px #a4d4ff;
  -moz-box-shadow: 0px 0px 0px 3px #a4d4ff;
  box-shadow: 0px 0px 0px 3px #a4d4ff;
}
.profile-image.SMALL {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -162px;
}
.profile-image.SMALL.filled {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/style/sprites/icons-dotloop.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -210px -162px;
}
.profile-image.SMALL.with-border {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -175px;
}
.profile-image.SMALL.gray {
  width: 30px;
  height: 30px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: -60px -175px;
}
.profile-image.SMALL.has-image {
  background-position: center;
  background-size: 100%;
}
.profile-image.MEDIUM {
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background: url(/my/static/images/sprites/icons-global-1.png);
  width: 55px;
  height: 55px;
  background-position: 0 -205px;
}
.profile-image.MEDIUM.has-image {
  background-position: center;
  background-size: 100%;
}
.profile-image.LARGE {
  width: 120px;
  height: 120px;
  background-image: url('/my/static/images/sprites/icons-global-1.png');
  /* Uncomment when retina sprites are created */
  /*     @media @highdpi { */
  /*         background-image: url("@{at2x_path}"); */
  /*         background-size: @width @height; */
  /*     } */
  background-position: 0 -260px;
}
.profile-image.LARGE.has-image {
  background-position: center;
  background-size: 100%;
}
.profile-image.has-image {
  background-position: center;
  background-size: 100%;
}
/*  TODO: Best place to include them  */
.bg-highlight {
  background: #00daa2;
}
.highlight {
  color: #00daa2;
}
.responsive img {
  max-width: 100%;
  width: auto;
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.t-t-none {
  text-transform: none;
}
.vertical-align-mid {
  vertical-align: bottom;
}
.center-horizontal {
  margin-left: auto;
  margin-right: auto;
}
.half-opacity {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
/* Vendor */
/* jQuery
=========================*/
/*!
 * jQuery UI CSS Framework 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
/*!
 * jQuery UI CSS Framework 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming
 */
/*!
 * jQuery UI CSS Framework 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* @import 'jquery.ui.accordion.less'; */
/* @import 'jquery.ui.autocomplete.less'; */
/* @import 'jquery.ui.button.less'; */
/*!
 * jQuery UI Datepicker 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 3px;
  width: 1.8em;
  height: 1.8em;
}
/* .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } */
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
/* .ui-datepicker .ui-datepicker-prev-hover { left:1px; } */
/* .ui-datepicker .ui-datepicker-next-hover { right:1px; } */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: 600;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/
}
/* @import 'jquery.ui.dialog.less'; */
/* @import 'jquery.ui.menu.less'; */
/* @import 'jquery.ui.progressbar.less'; */
/*!
 * jQuery UI Resizable 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/*!
 * jQuery UI Selectable 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
/*!
 * jQuery UI Slider 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/*!
 * jQuery UI Spinner 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Spinner#theming
 */
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
/* vertical centre icon */
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}
/* @import 'jquery.ui.tabs.less'; */
/* @import 'jquery.ui.tooltip.less'; */
/*!
 * jQuery UI CSS Framework 1.9.2
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 11px;
}
.ui-widget .ui-widget {
  font-size: 11px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-size: 11px;
}
.ui-widget-content {
  background-color: #FFFFFF;
  color: #EAE7E7;
  border: 1px solid #EAE7E7;
}
.ui-widget-content a {
  color: #61B6FF;
}
.ui-widget-header {
  color: #393939;
  font-weight: 600;
}
.ui-widget-header a {
  color: #61B6FF;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: 600;
  color: #61B6FF;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #61B6FF;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  font-weight: 600;
  color: #3B607B;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  color: #2E4655;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/my/static/style/jquery/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 600;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
/* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("/my/static/style/jquery/images/ui-icons_222222_256x240.png") /*{iconsContent}*/;
}
.ui-widget-content .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_222222_256x240.png") /*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_222222_256x240.png") /*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_888888_256x240.png") /*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_454545_256x240.png") /*{iconsHover}*/;
}
.ui-state-active .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_454545_256x240.png") /*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_2e83ff_256x240.png") /*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/my/static/style/jquery/images/ui-icons_cd0a0a_256x240.png") /*{iconsError}*/;
}
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 4px /*{cornerRadius}*/;
  -webkit-border-top-left-radius: 4px /*{cornerRadius}*/;
  -khtml-border-top-left-radius: 4px /*{cornerRadius}*/;
  border-top-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 4px /*{cornerRadius}*/;
  -webkit-border-top-right-radius: 4px /*{cornerRadius}*/;
  -khtml-border-top-right-radius: 4px /*{cornerRadius}*/;
  border-top-right-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/;
  -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/;
  -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/;
  border-bottom-left-radius: 4px /*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 4px /*{cornerRadius}*/;
  -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/;
  -khtml-border-bottom-right-radius: 4px /*{cornerRadius}*/;
  border-bottom-right-radius: 4px /*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa /*{bgColorOverlay}*/ url("/my/static/style/jquery/images/ui-bg_flat_0_aaaaaa_40x100.png") /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
  opacity: .3;
  filter: alpha(opacity=30) /*{opacityOverlay}*/;
}
.ui-widget-shadow {
  margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
  padding: 8px /*{thicknessShadow}*/;
  background: #aaaaaa /*{bgColorShadow}*/ url("/my/static/style/jquery/images/ui-bg_flat_0_aaaaaa_40x100.png") /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
  opacity: .3;
  filter: alpha(opacity=30) /*{opacityShadow}*/;
  -moz-border-radius: 8px /*{cornerRadiusShadow}*/;
  -khtml-border-radius: 8px /*{cornerRadiusShadow}*/;
  -webkit-border-radius: 8px /*{cornerRadiusShadow}*/;
  border-radius: 8px /*{cornerRadiusShadow}*/;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 20px;
  overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar {
  margin-right: 20px;
}
.mCustomScrollBox .mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCSB_scrollTools .mCSB_buttonUp + .mCSB_draggerContainer {
  padding-bottom: 40px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
  margin-top: -40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0;
}
.mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer {
  height: 100%;
  width: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft + .mCSB_draggerContainer {
  padding-bottom: 0;
  padding-right: 20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight {
  right: 0;
  bottom: auto;
  margin-left: -40px;
  margin-top: -16px;
  float: right;
}
/* default scrollbar colors and backgrounds */
.mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #7F7F7F;
  opacity: 0.80;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  opacity: 1;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  opacity: 1;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
    sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
    sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
    sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
    */
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
    sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
    */
}
.documents .side-nav .mCustomScrollbar .mCSB_dragger_bar {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.documents .side-nav .mCustomScrollbar:hover .mCSB_dragger_bar {
  opacity: 0.8;
}
/* Bootstrap
=========================*/
.responsive .container {
  width: auto;
  max-width: 992px;
}
.responsive .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .responsive .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .responsive .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .responsive .container {
    width: 1170px;
  }
}
.responsive .container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.responsive .row {
  margin-left: -15px;
  margin-right: -15px;
}
.responsive .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.responsive .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.responsive .col-xs-12 {
  width: 100%;
}
.responsive .col-xs-11 {
  width: 91.66666667%;
}
.responsive .col-xs-10 {
  width: 83.33333333%;
}
.responsive .col-xs-9 {
  width: 75%;
}
.responsive .col-xs-8 {
  width: 66.66666667%;
}
.responsive .col-xs-7 {
  width: 58.33333333%;
}
.responsive .col-xs-6 {
  width: 50%;
}
.responsive .col-xs-5 {
  width: 41.66666667%;
}
.responsive .col-xs-4 {
  width: 33.33333333%;
}
.responsive .col-xs-3 {
  width: 25%;
}
.responsive .col-xs-2 {
  width: 16.66666667%;
}
.responsive .col-xs-1 {
  width: 8.33333333%;
}
.responsive .col-xs-pull-12 {
  right: 100%;
}
.responsive .col-xs-pull-11 {
  right: 91.66666667%;
}
.responsive .col-xs-pull-10 {
  right: 83.33333333%;
}
.responsive .col-xs-pull-9 {
  right: 75%;
}
.responsive .col-xs-pull-8 {
  right: 66.66666667%;
}
.responsive .col-xs-pull-7 {
  right: 58.33333333%;
}
.responsive .col-xs-pull-6 {
  right: 50%;
}
.responsive .col-xs-pull-5 {
  right: 41.66666667%;
}
.responsive .col-xs-pull-4 {
  right: 33.33333333%;
}
.responsive .col-xs-pull-3 {
  right: 25%;
}
.responsive .col-xs-pull-2 {
  right: 16.66666667%;
}
.responsive .col-xs-pull-1 {
  right: 8.33333333%;
}
.responsive .col-xs-pull-0 {
  right: auto;
}
.responsive .col-xs-push-12 {
  left: 100%;
}
.responsive .col-xs-push-11 {
  left: 91.66666667%;
}
.responsive .col-xs-push-10 {
  left: 83.33333333%;
}
.responsive .col-xs-push-9 {
  left: 75%;
}
.responsive .col-xs-push-8 {
  left: 66.66666667%;
}
.responsive .col-xs-push-7 {
  left: 58.33333333%;
}
.responsive .col-xs-push-6 {
  left: 50%;
}
.responsive .col-xs-push-5 {
  left: 41.66666667%;
}
.responsive .col-xs-push-4 {
  left: 33.33333333%;
}
.responsive .col-xs-push-3 {
  left: 25%;
}
.responsive .col-xs-push-2 {
  left: 16.66666667%;
}
.responsive .col-xs-push-1 {
  left: 8.33333333%;
}
.responsive .col-xs-push-0 {
  left: auto;
}
.responsive .col-xs-offset-12 {
  margin-left: 100%;
}
.responsive .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.responsive .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.responsive .col-xs-offset-9 {
  margin-left: 75%;
}
.responsive .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.responsive .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.responsive .col-xs-offset-6 {
  margin-left: 50%;
}
.responsive .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.responsive .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.responsive .col-xs-offset-3 {
  margin-left: 25%;
}
.responsive .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.responsive .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.responsive .col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .responsive .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .responsive .col-sm-12 {
    width: 100%;
  }
  .responsive .col-sm-11 {
    width: 91.66666667%;
  }
  .responsive .col-sm-10 {
    width: 83.33333333%;
  }
  .responsive .col-sm-9 {
    width: 75%;
  }
  .responsive .col-sm-8 {
    width: 66.66666667%;
  }
  .responsive .col-sm-7 {
    width: 58.33333333%;
  }
  .responsive .col-sm-6 {
    width: 50%;
  }
  .responsive .col-sm-5 {
    width: 41.66666667%;
  }
  .responsive .col-sm-4 {
    width: 33.33333333%;
  }
  .responsive .col-sm-3 {
    width: 25%;
  }
  .responsive .col-sm-2 {
    width: 16.66666667%;
  }
  .responsive .col-sm-1 {
    width: 8.33333333%;
  }
  .responsive .col-sm-pull-12 {
    right: 100%;
  }
  .responsive .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .responsive .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .responsive .col-sm-pull-9 {
    right: 75%;
  }
  .responsive .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .responsive .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .responsive .col-sm-pull-6 {
    right: 50%;
  }
  .responsive .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .responsive .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .responsive .col-sm-pull-3 {
    right: 25%;
  }
  .responsive .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .responsive .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .responsive .col-sm-pull-0 {
    right: auto;
  }
  .responsive .col-sm-push-12 {
    left: 100%;
  }
  .responsive .col-sm-push-11 {
    left: 91.66666667%;
  }
  .responsive .col-sm-push-10 {
    left: 83.33333333%;
  }
  .responsive .col-sm-push-9 {
    left: 75%;
  }
  .responsive .col-sm-push-8 {
    left: 66.66666667%;
  }
  .responsive .col-sm-push-7 {
    left: 58.33333333%;
  }
  .responsive .col-sm-push-6 {
    left: 50%;
  }
  .responsive .col-sm-push-5 {
    left: 41.66666667%;
  }
  .responsive .col-sm-push-4 {
    left: 33.33333333%;
  }
  .responsive .col-sm-push-3 {
    left: 25%;
  }
  .responsive .col-sm-push-2 {
    left: 16.66666667%;
  }
  .responsive .col-sm-push-1 {
    left: 8.33333333%;
  }
  .responsive .col-sm-push-0 {
    left: auto;
  }
  .responsive .col-sm-offset-12 {
    margin-left: 100%;
  }
  .responsive .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .col-sm-offset-9 {
    margin-left: 75%;
  }
  .responsive .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .col-sm-offset-6 {
    margin-left: 50%;
  }
  .responsive .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .col-sm-offset-3 {
    margin-left: 25%;
  }
  .responsive .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .responsive .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .responsive .col-md-12 {
    width: 100%;
  }
  .responsive .col-md-11 {
    width: 91.66666667%;
  }
  .responsive .col-md-10 {
    width: 83.33333333%;
  }
  .responsive .col-md-9 {
    width: 75%;
  }
  .responsive .col-md-8 {
    width: 66.66666667%;
  }
  .responsive .col-md-7 {
    width: 58.33333333%;
  }
  .responsive .col-md-6 {
    width: 50%;
  }
  .responsive .col-md-5 {
    width: 41.66666667%;
  }
  .responsive .col-md-4 {
    width: 33.33333333%;
  }
  .responsive .col-md-3 {
    width: 25%;
  }
  .responsive .col-md-2 {
    width: 16.66666667%;
  }
  .responsive .col-md-1 {
    width: 8.33333333%;
  }
  .responsive .col-md-pull-12 {
    right: 100%;
  }
  .responsive .col-md-pull-11 {
    right: 91.66666667%;
  }
  .responsive .col-md-pull-10 {
    right: 83.33333333%;
  }
  .responsive .col-md-pull-9 {
    right: 75%;
  }
  .responsive .col-md-pull-8 {
    right: 66.66666667%;
  }
  .responsive .col-md-pull-7 {
    right: 58.33333333%;
  }
  .responsive .col-md-pull-6 {
    right: 50%;
  }
  .responsive .col-md-pull-5 {
    right: 41.66666667%;
  }
  .responsive .col-md-pull-4 {
    right: 33.33333333%;
  }
  .responsive .col-md-pull-3 {
    right: 25%;
  }
  .responsive .col-md-pull-2 {
    right: 16.66666667%;
  }
  .responsive .col-md-pull-1 {
    right: 8.33333333%;
  }
  .responsive .col-md-pull-0 {
    right: auto;
  }
  .responsive .col-md-push-12 {
    left: 100%;
  }
  .responsive .col-md-push-11 {
    left: 91.66666667%;
  }
  .responsive .col-md-push-10 {
    left: 83.33333333%;
  }
  .responsive .col-md-push-9 {
    left: 75%;
  }
  .responsive .col-md-push-8 {
    left: 66.66666667%;
  }
  .responsive .col-md-push-7 {
    left: 58.33333333%;
  }
  .responsive .col-md-push-6 {
    left: 50%;
  }
  .responsive .col-md-push-5 {
    left: 41.66666667%;
  }
  .responsive .col-md-push-4 {
    left: 33.33333333%;
  }
  .responsive .col-md-push-3 {
    left: 25%;
  }
  .responsive .col-md-push-2 {
    left: 16.66666667%;
  }
  .responsive .col-md-push-1 {
    left: 8.33333333%;
  }
  .responsive .col-md-push-0 {
    left: auto;
  }
  .responsive .col-md-offset-12 {
    margin-left: 100%;
  }
  .responsive .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .col-md-offset-9 {
    margin-left: 75%;
  }
  .responsive .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .col-md-offset-6 {
    margin-left: 50%;
  }
  .responsive .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .col-md-offset-3 {
    margin-left: 25%;
  }
  .responsive .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .responsive .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .responsive .col-lg-12 {
    width: 100%;
  }
  .responsive .col-lg-11 {
    width: 91.66666667%;
  }
  .responsive .col-lg-10 {
    width: 83.33333333%;
  }
  .responsive .col-lg-9 {
    width: 75%;
  }
  .responsive .col-lg-8 {
    width: 66.66666667%;
  }
  .responsive .col-lg-7 {
    width: 58.33333333%;
  }
  .responsive .col-lg-6 {
    width: 50%;
  }
  .responsive .col-lg-5 {
    width: 41.66666667%;
  }
  .responsive .col-lg-4 {
    width: 33.33333333%;
  }
  .responsive .col-lg-3 {
    width: 25%;
  }
  .responsive .col-lg-2 {
    width: 16.66666667%;
  }
  .responsive .col-lg-1 {
    width: 8.33333333%;
  }
  .responsive .col-lg-pull-12 {
    right: 100%;
  }
  .responsive .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .responsive .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .responsive .col-lg-pull-9 {
    right: 75%;
  }
  .responsive .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .responsive .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .responsive .col-lg-pull-6 {
    right: 50%;
  }
  .responsive .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .responsive .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .responsive .col-lg-pull-3 {
    right: 25%;
  }
  .responsive .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .responsive .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .responsive .col-lg-pull-0 {
    right: auto;
  }
  .responsive .col-lg-push-12 {
    left: 100%;
  }
  .responsive .col-lg-push-11 {
    left: 91.66666667%;
  }
  .responsive .col-lg-push-10 {
    left: 83.33333333%;
  }
  .responsive .col-lg-push-9 {
    left: 75%;
  }
  .responsive .col-lg-push-8 {
    left: 66.66666667%;
  }
  .responsive .col-lg-push-7 {
    left: 58.33333333%;
  }
  .responsive .col-lg-push-6 {
    left: 50%;
  }
  .responsive .col-lg-push-5 {
    left: 41.66666667%;
  }
  .responsive .col-lg-push-4 {
    left: 33.33333333%;
  }
  .responsive .col-lg-push-3 {
    left: 25%;
  }
  .responsive .col-lg-push-2 {
    left: 16.66666667%;
  }
  .responsive .col-lg-push-1 {
    left: 8.33333333%;
  }
  .responsive .col-lg-push-0 {
    left: auto;
  }
  .responsive .col-lg-offset-12 {
    margin-left: 100%;
  }
  .responsive .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .responsive .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .responsive .col-lg-offset-9 {
    margin-left: 75%;
  }
  .responsive .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .responsive .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .responsive .col-lg-offset-6 {
    margin-left: 50%;
  }
  .responsive .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .responsive .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .responsive .col-lg-offset-3 {
    margin-left: 25%;
  }
  .responsive .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .responsive .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .responsive .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@-ms-viewport {
  width: device-width;
}
.responsive .visible-xs,
.responsive .visible-sm,
.responsive .visible-md,
.responsive .visible-lg {
  display: none !important;
}
.responsive .visible-xs-block,
.responsive .visible-xs-inline,
.responsive .visible-xs-inline-block,
.responsive .visible-sm-block,
.responsive .visible-sm-inline,
.responsive .visible-sm-inline-block,
.responsive .visible-md-block,
.responsive .visible-md-inline,
.responsive .visible-md-inline-block,
.responsive .visible-lg-block,
.responsive .visible-lg-inline,
.responsive .visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .responsive .visible-xs {
    display: block !important;
  }
  table.responsive .visible-xs {
    display: table;
  }
  tr.responsive .visible-xs {
    display: table-row !important;
  }
  th.responsive .visible-xs,
  td.responsive .visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .responsive .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .responsive .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .responsive .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive .visible-sm {
    display: block !important;
  }
  table.responsive .visible-sm {
    display: table;
  }
  tr.responsive .visible-sm {
    display: table-row !important;
  }
  th.responsive .visible-sm,
  td.responsive .visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive .visible-md {
    display: block !important;
  }
  table.responsive .visible-md {
    display: table;
  }
  tr.responsive .visible-md {
    display: table-row !important;
  }
  th.responsive .visible-md,
  td.responsive .visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .responsive .visible-lg {
    display: block !important;
  }
  table.responsive .visible-lg {
    display: table;
  }
  tr.responsive .visible-lg {
    display: table-row !important;
  }
  th.responsive .visible-lg,
  td.responsive .visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .responsive .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .responsive .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .responsive .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .responsive .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .responsive .hidden-lg {
    display: none !important;
  }
}
.responsive .visible-print {
  display: none !important;
}
@media print {
  .responsive .visible-print {
    display: block !important;
  }
  table.responsive .visible-print {
    display: table;
  }
  tr.responsive .visible-print {
    display: table-row !important;
  }
  th.responsive .visible-print,
  td.responsive .visible-print {
    display: table-cell !important;
  }
}
.responsive .visible-print-block {
  display: none !important;
}
@media print {
  .responsive .visible-print-block {
    display: block !important;
  }
}
.responsive .visible-print-inline {
  display: none !important;
}
@media print {
  .responsive .visible-print-inline {
    display: inline !important;
  }
}
.responsive .visible-print-inline-block {
  display: none !important;
}
@media print {
  .responsive .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .responsive .hidden-print {
    display: none !important;
  }
}
/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  position: fixed;
  width: 300px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9999;
  background: #61b6ff;
  font-size: 25px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
  display: block;
  font-weight: 400;
  font-size: 25px;
  line-height: 37px;
  color: #ffffff;
  text-align: right;
}
.pushy a.small {
  font-size: 12px;
  line-height: 15px;
}
/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(300px, 0, 0);
  -moz-transform: translate3d(300px, 0, 0);
  -o-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}
.pushy-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.container-push,
.push-push {
  -webkit-transform: translate3d(300px, 0, 0);
  -moz-transform: translate3d(300px, 0, 0);
  -o-transform: translate3d(300px, 0, 0);
  -ms-transform: translate3d(300px, 0, 0);
  transform: translate3d(300px, 0, 0);
}
/* Menu Transitions */
.pushy,
.push {
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  -o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}
/* Site Overlay */
.site-overlay {
  display: none;
}
.pushy-active .site-overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-animation: fade 500ms;
  -moz-animation: fade 500ms;
  -o-animation: fade 500ms;
  animation: fade 500ms;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#pushy {
  padding: 120px 30px 40px;
}
#pushy #close-menu {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 55px;
  padding: 0;
  color: white;
  font-size: 30px;
}
#pushy .side-menu {
  list-style: none;
  margin: 0 0 40px 0;
}
#pushy-links {
  display: none;
  margin-top: 44px;
}
#pushy-links #open-menu {
  margin-right: 40px;
}
#pushy-links a {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  font-size: 22px;
  font-weight: 300;
  color: #61b6ff;
}
#pushy-links a:hover {
  color: #61b6ff;
}
#pushy-links .menu-icon-btn {
  position: absolute;
  top: 2px;
  left: 70px;
  width: 25px;
  height: 4px;
  background-color: #61b6ff;
}
#pushy-links .menu-icon-btn:before,
#pushy-links .menu-icon-btn:after {
  content: '';
  position: absolute;
  top: 0;
  width: 25px;
  height: 4px;
  background-color: #61b6ff;
}
#pushy-links .menu-icon-btn:before {
  top: 7px;
}
#pushy-links .menu-icon-btn:after {
  top: 14px;
}
@media (max-width: 480px) {
  .responsive #pushy-links #open-menu {
    margin-right: 30px;
  }
  .responsive #pushy-links a {
    cursor: pointer;
    font-size: 16px;
  }
  .responsive #pushy-links .menu-icon-btn {
    top: 2px;
    left: 53px;
    height: 3px;
  }
  .responsive #pushy-links .menu-icon-btn:before {
    top: 6px;
    height: 3px;
  }
  .responsive #pushy-links .menu-icon-btn:after {
    top: 12px;
    height: 3px;
  }
}
@media (max-width: 768px) {
  .responsive #pushy-links {
    margin-top: 24px;
  }
}
@media (max-width: 992px) {
  .responsive #pushy-links {
    display: block;
  }
}
/* External items */
.profile-medium-gray {
  background: url(/my/static/images/sprites/icons-global-1.png);
  width: 55px;
  height: 55px;
  background-position: 0 -205px;
}
#close-form {
  display: block;
  z-index: 1050;
  position: fixed;
  top: 20px;
  right: 30px;
  font-size: 15px;
  color: #8c8c8c;
}
#close-form:hover {
  color: #61b6ff;
}
#forms {
  padding: 0 15px;
}
#forms:empty + #close-form {
  display: none;
}
#forms form {
  position: relative;
  margin: 25px auto;
  max-width: 325px;
}
#forms form .placeholder-text {
  font-size: 11px !important;
}
#forms .button-main {
  width: 325px;
  max-width: 100%;
  height: auto;
}
#forms .label-text {
  padding: 0;
}
.home.home-flat {
  position: relative;
  text-align: center;
  background-color: #ffffff;
  padding-bottom: 100px;
}
.home.home-flat:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.home.home-flat .bg-pattern,
.home.home-flat .bg-image,
.home.home-flat .bg-solid {
  background: none;
}
.home.home-flat #close-form,
.home.home-flat .title {
  display: block;
}
.home.home-flat .top-nav,
.home.home-flat .first-fold,
.home.home-flat #pushy,
.home.home-flat #pushy-links,
.home.home-flat .site-overlay,
.home.home-flat #sections,
.home.home-flat footer,
.home.home-flat .SnapABug_Button {
  display: none;
}
.home.home-flat .header .logo {
  float: none;
  display: inline-block;
  text-align: center;
  margin-bottom: 50px;
}
.home.home-flat .title {
  line-height: 1.2;
  font-weight: normal;
  font-size: 37px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
.home.home-flat .sub-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}
.home.home-flat .terms-of-use {
  font-size: 11px;
  margin: 10px 0;
  text-transform: uppercase;
  color: #8c8c8c;
  font-weight: 600;
}
.home.home-flat .no-cc {
  color: #393939;
  font-size: 11px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.attention-text {
  color: #ff7964;
  margin: 20px 0;
  display: none;
}
.options {
  padding: 8px 0;
  border-bottom: 1px solid #eae7e7;
}
.options .checkbox {
  top: -4px;
}
.options .checkbox a {
  margin-top: 4px;
}
.error-container {
  margin-top: 35px;
}
.captcha {
  border-bottom: 1px solid #eae7e7;
}
/* Uploads */
.profile-image-container {
  float: none;
  margin: 0 auto;
}
.image-action {
  margin: 0 auto;
  width: 140px;
  padding: 6px;
}
.image-action,
.image-action a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.image-action .remove-photo,
.image-action .add-photo,
.image-action .status {
  float: none;
}
@media (max-width: 768px) {
  .responsive.home.home-flat .title {
    font-size: 27px;
  }
  .responsive.home.home-flat .header .logo {
    margin-bottom: 20px;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.bg-image {
  background: url('/my/static/images/external/bg.jpg') no-repeat top center;
}
.first-fold,
#main-page-content {
  min-height: 575px;
}
.header .logo {
  margin-top: 33px;
}
.page-title {
  color: #ffffff;
  font-weight: 300;
  font-size: 35px;
  text-align: center;
  margin-top: 40px;
}
.devices {
  margin-bottom: 100px;
}
#sections section {
  background-color: #ffffff;
  text-align: center;
  padding: 60px 0;
}
#sections section.bg-gray-lighter {
  background-color: #f0f1ee;
}
#sections section .title {
  display: block;
  font-size: 35px;
  line-height: 42px;
  color: #393939;
  font-weight: 600;
  margin: 20px auto;
  max-width: 900px;
  letter-spacing: -1px;
}
#sections section .sub-title {
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin: 0 auto 40px;
  max-width: 640px;
}
.clients .grid > li {
  text-align: center;
  padding: 20px 0;
}
.clients .grid > li div {
  display: inline-block;
}
.roles {
  text-align: center;
}
.roles p {
  margin-top: 90px;
}
.roles .role {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  background-color: #61b6ff;
  border-radius: 50%;
  display: inline-block;
  width: 225px;
  height: 225px;
  margin-top: 45px;
}
.roles .role:hover {
  background-color: #2e4655;
}
@media (max-width: 480px) {
  .responsive .page-title {
    margin-top: 69%;
  }
  .responsive .clients .grid > li {
    padding: 4px 0;
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    -ms-transform: scale(0.65);
    -o-transform: scale(0.65);
    transform: scale(0.65);
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .responsive .page-title {
    margin-top: 63%;
  }
}
@media (max-width: 768px) {
  .responsive .bg-image {
    background-size: contain;
    background-position-y: 70px;
  }
  .responsive .header .logo:not(.stationary) {
    margin-top: 10px;
    width: 80px;
  }
  .responsive .first-fold,
  .responsive #main-page-content {
    min-height: inherit;
  }
  .responsive .page-title {
    color: #393939;
    font-size: 27px;
  }
  .responsive .clients .grid > li:first-child,
  .responsive .clients .grid > li:last-child {
    text-align: center;
  }
  .responsive .roles .role {
    width: 125px;
    height: 125px;
  }
}
@media (max-width: 992px) {
  .responsive #sections section {
    padding: 30px 0;
  }
  .responsive #sections section .title {
    font-size: 25px;
    line-height: 32px;
  }
  .responsive .charts img.real-trends {
    max-width: 180px;
  }
  .responsive .SnapABug_Button {
    display: none;
  }
}
@media (min-width: 1200px) {
  .responsive .bg-image {
    background-size: 100%;
  }
  .responsive .first-fold,
  .responsive #main-page-content {
    min-height: 660px;
  }
}