/* PrimerCSS original file content 
 * copy from primer-css/scss/primer.scss, nearly the same except comment out
 * the `forms` module, because it too much conflict with dojo widget.
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* {
  box-sizing: border-box; }

input,
select,
textarea,
button {
  font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

body {
  font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #333;
  background-color: #fff; }

a {
  color: #4078c0;
  text-decoration: none; }
  a:hover, a:active {
    text-decoration: underline; }

hr,
.rule {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #ddd; }
  hr:before,
  .rule:before {
    display: table;
    content: ""; }
  hr:after,
  .rule:after {
    display: table;
    clear: both;
    content: ""; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 21px; }

h3 {
  font-size: 16px; }

h4 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px; }

small {
  font-size: 90%; }

blockquote {
  margin: 0; }

.lead {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
  color: #555; }

.text-muted {
  color: #767676; }

.text-danger {
  color: #bd2c00; }

.text-emphasized {
  font-weight: bold;
  color: #333; }

.text-small {
  font-size: 12px; }

ul,
ol {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0; }

ol ol,
ul ol {
  list-style-type: lower-roman; }

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha; }

dd {
  margin-left: 0; }

tt,
code {
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 12px; }

pre {
  margin-top: 0;
  margin-bottom: 0;
  font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; }

.container {
  width: 980px;
  margin-right: auto;
  margin-left: auto; }
  .container:before {
    display: table;
    content: ""; }
  .container:after {
    display: table;
    clear: both;
    content: ""; }

.columns {
  margin-right: -10px;
  margin-left: -10px; }
  .columns:before {
    display: table;
    content: ""; }
  .columns:after {
    display: table;
    clear: both;
    content: ""; }

.column {
  float: left;
  padding-right: 10px;
  padding-left: 10px; }

.one-third {
  width: 33.333333%; }

.two-thirds {
  width: 66.666667%; }

.one-fourth {
  width: 25%; }

.one-half {
  width: 50%; }

.three-fourths {
  width: 75%; }

.one-fifth {
  width: 20%; }

.four-fifths {
  width: 80%; }

.single-column {
  padding-right: 10px;
  padding-left: 10px; }

.table-column {
  display: table-cell;
  width: 1%;
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: top; }

.clearfix:before {
  display: table;
  content: ""; }

.clearfix:after {
  display: table;
  clear: both;
  content: ""; }

.right {
  float: right; }

.left {
  float: left; }

.centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.danger {
  color: #c00; }

.mute {
  color: #000; }

.text-diff-added {
  color: #55a532; }

.text-diff-deleted {
  color: #bd2c00; }

.text-open,
.text-success {
  color: #6cc644; }

.text-closed {
  color: #bd2c00; }

.text-reverted {
  color: #bd2c00; }

.text-merged {
  color: #6e5494; }

.text-renamed {
  color: #fffa5d; }

.text-pending {
  color: #cea61b; }

.text-error,
.text-failure {
  color: #bd2c00; }

.muted-link {
  color: #767676; }
  .muted-link:hover {
    color: #4078c0;
    text-decoration: none; }

.hidden {
  display: none; }

.warning {
  padding: 0.5em;
  margin-bottom: 0.8em;
  font-weight: bold;
  background-color: #fffccc; }

.error_box {
  padding: 1em;
  font-weight: bold;
  background-color: #ffebe8;
  border: 1px solid #dd3c10; }

.flash {
  position: relative;
  padding: 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #246;
  background-color: #e2eef9;
  border: 1px solid #bac6d3;
  border-radius: 3px; }
  .flash p:last-child {
    margin-bottom: 0; }

.flash-messages {
  margin-bottom: 20px; }

.flash-close {
  float: right;
  width: 34px;
  height: 44px;
  margin: -11px;
  color: inherit;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  opacity: 0.6;
  background: none;
  border: 0;
  -webkit-appearance: none; }
  .flash-close:hover {
    opacity: 1; }

.flash-action {
  float: right;
  margin-top: -4px;
  margin-left: 20px; }

.flash-warn {
  color: #4c4a42;
  background-color: #fff9ea;
  border-color: #dfd8c2; }

.flash-error {
  color: #911;
  background-color: #fcdede;
  border-color: #d2b2b2; }

.flash-full {
  margin-top: -1px;
  border-width: 1px 0;
  border-radius: 0; }

.flash-with-icon .container {
  padding-left: 40px; }

.flash-with-icon .flash-icon {
  float: left;
  margin-top: 3px;
  margin-left: -25px; }

.flash-content {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5; }

.avatar {
  display: inline-block;
  overflow: hidden;
  line-height: 1;
  vertical-align: middle;
  border-radius: 3px; }

.avatar-small {
  border-radius: 2px; }

.avatar-link {
  float: left;
  line-height: 1; }

.avatar-group-item {
  display: inline-block;
  margin-bottom: 3px; }

.avatar-parent-child {
  position: relative; }

.avatar-child {
  position: absolute;
  right: -15%;
  bottom: -9%;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: -2px -2px 0 rgba(255, 255, 255, 0.8); }

.blankslate {
  position: relative;
  padding: 30px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); }
  .blankslate.clean-background {
    background: none;
    border: 0;
    box-shadow: none; }
  .blankslate.capped {
    border-radius: 0 0 3px 3px; }
  .blankslate.spacious {
    padding: 100px 60px 120px; }
  .blankslate.has-fixed-width {
    width: 485px;
    margin: 0 auto; }
  .blankslate.large-format h3 {
    margin: 0.75em 0;
    font-size: 20px; }
  .blankslate.large-format p {
    font-size: 16px; }
    .blankslate.large-format p.has-fixed-width {
      width: 540px;
      margin: 0 auto;
      text-align: left; }
  .blankslate.large-format .mega-octicon {
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #aaa; }
  .blankslate.large-format .octicon-inbox {
    font-size: 48px;
    line-height: 40px; }
  .blankslate code {
    padding: 2px 5px 3px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px; }
  .blankslate > .mega-octicon {
    color: #aaa; }
  .blankslate .mega-octicon + .mega-octicon {
    margin-left: 10px; }
  .tabnav + .blankslate {
    margin-top: 20px; }
  .blankslate .context-loader.large-format-loader {
    padding-top: 50px; }

.counter {
  display: inline-block;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #666;
  background-color: #eee;
  border-radius: 20px; }

.btn {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-color: #eee;
  background-image: linear-gradient(#fcfcfc, #eee);
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  user-select: none;
  -webkit-appearance: none; }
  .btn i {
    font-style: normal;
    font-weight: 500;
    opacity: 0.6; }
  .btn .octicon {
    vertical-align: text-top; }
  .btn .counter {
    text-shadow: none;
    background-color: #e5e5e5; }
  .btn:focus {
    text-decoration: none;
    border-color: #51a7e8;
    outline: none;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5); }
  .btn:focus:hover, .btn.selected:focus {
    border-color: #51a7e8; }
  .btn:hover, .btn:active, .btn.zeroclipboard-is-hover, .btn.zeroclipboard-is-active {
    text-decoration: none;
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    border-color: #ccc; }
  .btn:active, .btn.selected, .btn.zeroclipboard-is-active {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #b5b5b5;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); }
  .btn.selected:hover {
    background-color: #cfcfcf; }
  .btn:disabled, .btn:disabled:hover, .btn.disabled, .btn.disabled:hover {
    color: rgba(102, 102, 102, 0.5);
    cursor: default;
    background-color: rgba(229, 229, 229, 0.5);
    background-image: none;
    border-color: rgba(197, 197, 197, 0.5);
    box-shadow: none; }

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
  background-color: #60b044;
  background-image: linear-gradient(#8add6d, #60b044);
  border-color: #5ca941; }
  .btn-primary .counter {
    color: #60b044;
    background-color: #fff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #569e3d;
    background-image: linear-gradient(#79d858, #569e3d);
    border-color: #4a993e; }
  .btn-primary:active, .btn-primary.selected {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    background-color: #569e3d;
    background-image: none;
    border-color: #418737; }
  .btn-primary.selected:hover {
    background-color: #4c8b36; }
  .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary.disabled, .btn-primary.disabled:hover {
    color: #fefefe;
    background-color: #add39f;
    background-image: linear-gradient(#c3ecb4, #add39f);
    border-color: #b9dcac #b9dcac #a7c89b; }

.btn-danger {
  color: #900; }
  .btn-danger:hover {
    color: #fff;
    background-color: #b33630;
    background-image: linear-gradient(#dc5f59, #b33630);
    border-color: #cd504a; }
  .btn-danger:active, .btn-danger.selected {
    color: #fff;
    background-color: #b33630;
    background-image: none;
    border-color: #9f312c; }
  .btn-danger.selected:hover {
    background-color: #9f302b; }
  .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger.disabled, .btn-danger.disabled:hover {
    color: #cb7f7f;
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1; }
  .btn-danger:hover .counter, .btn-danger:active .counter, .btn-danger.selected .counter {
    color: #b33630;
    background-color: #fff; }

.btn-outline {
  color: #4078c0;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e5e5; }
  .btn-outline .counter {
    background-color: #eee; }
  .btn-outline:hover, .btn-outline:active, .btn-outline.selected, .btn-outline.zeroclipboard-is-hover, .btn-outline.zeroclipboard-is-active {
    color: #fff;
    background-color: #4078c0;
    background-image: none;
    border-color: #4078c0; }
    .btn-outline:hover .counter, .btn-outline:active .counter, .btn-outline.selected .counter, .btn-outline.zeroclipboard-is-hover .counter, .btn-outline.zeroclipboard-is-active .counter {
      color: #4078c0;
      background-color: #fff; }
  .btn-outline.selected:hover {
    background-color: #396cad; }
  .btn-outline:disabled, .btn-outline:disabled:hover, .btn-outline.disabled, .btn-outline.disabled:hover {
    color: #767676;
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5; }

.btn-with-count {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-sm {
  padding: 2px 10px; }

.hidden-text-expander {
  display: block; }
  .hidden-text-expander.inline {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 5px;
    line-height: 0; }

.hidden-text-expander a,
.ellipsis-expander {
  display: inline-block;
  height: 12px;
  padding: 0 5px 5px;
  font-size: 12px;
  font-weight: bold;
  line-height: 6px;
  color: #555;
  text-decoration: none;
  vertical-align: middle;
  background: #ddd;
  border-radius: 1px;
  border: 0; }
  .hidden-text-expander a:hover,
  .ellipsis-expander:hover {
    text-decoration: none;
    background-color: #ccc; }
  .hidden-text-expander a:active,
  .ellipsis-expander:active {
    color: #fff;
    background-color: #4183c4; }

.social-count {
  float: left;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
  .social-count:hover, .social-count:active {
    text-decoration: none; }
  .social-count:hover {
    color: #4078c0;
    cursor: pointer; }

.btn-block {
  display: block;
  width: 100%;
  text-align: center; }

.btn-group {
  display: inline-block;
  vertical-align: middle; }
  .btn-group:before {
    display: table;
    content: ""; }
  .btn-group:after {
    display: table;
    clear: both;
    content: ""; }
  .btn-group .btn {
    position: relative;
    float: left; }
    .btn-group .btn:not(:first-child):not(:last-child) {
      border-radius: 0; }
    .btn-group .btn:first-child:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .btn-group .btn:last-child:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .btn-group .btn:hover, .btn-group .btn:active, .btn-group .btn.selected {
      z-index: 2; }
    .btn-group .btn:focus {
      z-index: 3; }
    .btn-group .btn + .btn {
      margin-left: -1px; }
  .btn-group .btn + .button_to,
  .btn-group .button_to + .btn,
  .btn-group .button_to + .button_to {
    margin-left: -1px; }
  .btn-group .button_to {
    float: left; }
    .btn-group .button_to .btn {
      border-radius: 0; }
    .btn-group .button_to:first-child .btn {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .btn-group .button_to:last-child .btn {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }

.btn-group + .btn-group,
.btn-group + .btn {
  margin-left: 5px; }

.btn-link {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  color: #4078c0;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  user-select: none;
  -webkit-appearance: none; }
  .btn-link:hover, .btn-link:focus {
    text-decoration: underline; }
  .btn-link:focus {
    outline: none; }

.menu {
  margin-bottom: 15px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 3px; }

.menu-item {
  position: relative;
  display: block;
  padding: 8px 10px;
  text-shadow: 0 1px 0 #fff;
  border-bottom: 1px solid #eee; }
  .menu-item:first-child {
    border-top: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
    .menu-item:first-child:before {
      border-top-left-radius: 2px; }
  .menu-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px; }
    .menu-item:last-child:before {
      border-bottom-left-radius: 2px; }
  .menu-item:hover {
    text-decoration: none;
    background-color: #f9f9f9; }
  .menu-item.selected {
    font-weight: bold;
    color: #222;
    cursor: default;
    background-color: #fff; }
    .menu-item.selected:before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 2px;
      content: "";
      background-color: #d26911; }
  .menu-item .octicon {
    margin-right: 5px;
    width: 16px;
    color: #333;
    text-align: center; }
  .menu-item .counter {
    float: right;
    margin-left: 5px; }
  .menu-item .menu-warning {
    float: right;
    color: #d26911; }
  .menu-item .avatar {
    float: left;
    margin-right: 5px; }
  .menu-item.alert .counter {
    color: #bd2c00; }

.menu-heading {
  display: block;
  padding: 8px 10px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #555;
  background-color: #f7f7f7;
  border-bottom: 1px solid #eee; }
  .menu-heading:hover {
    text-decoration: none; }
  .menu-heading:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px; }
  .menu-heading:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom: 0; }

.tabnav {
  margin-top: 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd; }
  .tabnav .counter {
    margin-left: 5px; }

.tabnav-tabs {
  margin-bottom: -1px; }

.tabnav-tab {
  display: inline-block;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom: 0; }
  .tabnav-tab.selected {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    border-radius: 3px 3px 0 0; }
  .tabnav-tab:hover, .tabnav-tab:focus {
    text-decoration: none; }

.tabnav-extra {
  display: inline-block;
  padding-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  color: #666; }
  .tabnav-extra > .octicon {
    margin-right: 2px; }

a.tabnav-extra:hover {
  color: #4078c0;
  text-decoration: none; }

.tabnav-btn {
  margin-left: 10px; }

.filter-list {
  list-style-type: none; }
  .filter-list.small .filter-item {
    padding: 4px 10px;
    margin: 0 0 2px;
    font-size: 12px; }
  .filter-list.pjax-active .filter-item {
    color: #767676;
    background-color: transparent; }
    .filter-list.pjax-active .filter-item.pjax-active {
      color: #fff;
      background-color: #4078c0; }

.filter-item {
  position: relative;
  display: block;
  padding: 8px 10px;
  margin-bottom: 5px;
  overflow: hidden;
  font-size: 14px;
  color: #767676;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px; }
  .filter-item:hover {
    text-decoration: none;
    background-color: #eee; }
  .filter-item.selected {
    color: #fff;
    background-color: #4078c0; }
    .filter-item.selected .octicon-remove-close {
      float: right;
      opacity: 0.8; }
  .filter-item .count {
    float: right;
    font-weight: bold; }
  .filter-item .bar {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    z-index: -1;
    display: inline-block;
    background-color: #f1f1f1; }

.state, .claro.primer .state-small {
  display: inline-block;
  padding: 4px 8px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  background-color: #999; }

.state-open,
.state-proposed,
.state-reopened {
  background-color: #6cc644; }

.state-merged {
  background-color: #6e5494; }

.state-closed {
  background-color: #bd2c00; }

.state-renamed {
  background-color: #fffa5d; }

.tooltipped {
  position: relative; }

.tooltipped:after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 5px 8px;
  font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  -webkit-font-smoothing: subpixel-antialiased; }

.tooltipped:before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  content: "";
  border: 5px solid transparent; }

.tooltipped:hover:before, .tooltipped:hover:after,
.tooltipped:active:before,
.tooltipped:active:after,
.tooltipped:focus:before,
.tooltipped:focus:after {
  display: inline-block;
  text-decoration: none; }

.tooltipped-multiline:hover:after,
.tooltipped-multiline:active:after,
.tooltipped-multiline:focus:after {
  display: table-cell; }

.tooltipped-s:after,
.tooltipped-se:after,
.tooltipped-sw:after {
  top: 100%;
  right: 50%;
  margin-top: 5px; }

.tooltipped-s:before,
.tooltipped-se:before,
.tooltipped-sw:before {
  top: auto;
  right: 50%;
  bottom: -5px;
  margin-right: -5px;
  border-bottom-color: rgba(0, 0, 0, 0.8); }

.tooltipped-se:after {
  right: auto;
  left: 50%;
  margin-left: -15px; }

.tooltipped-sw:after {
  margin-right: -15px; }

.tooltipped-n:after,
.tooltipped-ne:after,
.tooltipped-nw:after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 5px; }

.tooltipped-n:before,
.tooltipped-ne:before,
.tooltipped-nw:before {
  top: -5px;
  right: 50%;
  bottom: auto;
  margin-right: -5px;
  border-top-color: rgba(0, 0, 0, 0.8); }

.tooltipped-ne:after {
  right: auto;
  left: 50%;
  margin-left: -15px; }

.tooltipped-nw:after {
  margin-right: -15px; }

.tooltipped-s:after,
.tooltipped-n:after {
  transform: translateX(50%); }

.tooltipped-w:after {
  right: 100%;
  bottom: 50%;
  margin-right: 5px;
  transform: translateY(50%); }

.tooltipped-w:before {
  top: 50%;
  bottom: 50%;
  left: -5px;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.8); }

.tooltipped-e:after {
  bottom: 50%;
  left: 100%;
  margin-left: 5px;
  transform: translateY(50%); }

.tooltipped-e:before {
  top: 50%;
  right: -5px;
  bottom: 50%;
  margin-top: -5px;
  border-right-color: rgba(0, 0, 0, 0.8); }

.tooltipped-multiline:after {
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: normal;
  white-space: pre-line;
  border-collapse: separate; }

.tooltipped-multiline.tooltipped-s:after, .tooltipped-multiline.tooltipped-n:after {
  right: auto;
  left: 50%;
  transform: translateX(-50%); }

.tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
  right: 100%; }

@media screen and (min-width: 0\0) {
  .tooltipped-multiline:after {
    width: 250px; } }

.tooltipped-sticky:before, .tooltipped-sticky:after {
  display: inline-block; }

.tooltipped-sticky.tooltipped-multiline:after {
  display: table-cell; }

.flex-table {
  display: table; }

.flex-table-item {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.flex-table-item-primary {
  width: 99%; }

.css-truncate.css-truncate-target,
.css-truncate .css-truncate-target {
  display: inline-block;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top; }

.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target, .css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,
.css-truncate.expandable:hover .css-truncate-target, .css-truncate.expandable:hover.css-truncate-target {
  max-width: 10000px !important; }

textarea {
  resize: vertical; }

* {
  outline: 0 !important;
  transition-property: none !important; }

body {
  font: 13px / 1.4 Lato, "Microsoft YaHei", Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol"; }

.claro.primer {
  /* color */
  /* semantic */
  /* color */
  /* semantic */
  /* color */
  /* semantic */
  /* small */ }
  .claro.primer .dijitReset.octicon {
    font: 16px/1 octicons; }
  .claro.primer .dijitReset.fa {
    font: 16px/1 FontAwesome; }
  .claro.primer .dijitButton .dijitIcon.fa {
    height: auto;
    line-height: 20px;
    width: auto; }
    .claro.primer .dijitButton .dijitIcon.fa.right {
      float: right; }
  .claro.primer .text-red, .claro.primer .text-error,
  .claro.primer .text-closed {
    color: #db2828; }
  .claro.primer .text-orange {
    color: #f2711c; }
  .claro.primer .text-yellow, .claro.primer .text-warn,
  .claro.primer .text-warning {
    color: #fbbd08; }
  .claro.primer .text-olive {
    color: #b5cc18; }
  .claro.primer .text-green, .claro.primer .text-open,
  .claro.primer .text-success {
    color: #21ba45; }
  .claro.primer .text-teal, .claro.primer .text-changed,
  .claro.primer .text-pending {
    color: #00b5ad; }
  .claro.primer .text-blue, .claro.primer .text-info,
  .claro.primer .text-desc {
    color: #2185d0; }
  .claro.primer .text-violet {
    color: #6435c9; }
  .claro.primer .text-purple {
    color: #a333c8; }
  .claro.primer .text-pink {
    color: #e03997; }
  .claro.primer .text-brown {
    color: #a5673f; }
  .claro.primer .text-grey {
    color: #767676; }
  .claro.primer .text-black {
    color: #1b1c1d; }
  .claro.primer .table-striped tbody tr:nth-child(2n),
  .claro.primer .table-striped > tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, 0.03); }
  .claro.primer .table-vertical {
    margin-bottom: 8px; }
    .claro.primer .table-vertical > tbody > tr > th {
      text-align: right;
      line-height: 34px;
      vertical-align: top; }
    .claro.primer .table-vertical > tbody > tr > th,
    .claro.primer .table-vertical > tbody > tr > td {
      padding: 4px; }
  .claro.primer .table-horizontal {
    margin-bottom: 8px; }
    .claro.primer .table-horizontal > tbody > tr > th {
      text-align: left;
      line-height: 34px; }
    .claro.primer .table-horizontal > tbody > tr > th,
    .claro.primer .table-horizontal > tbody > tr > td,
    .claro.primer .table-horizontal > tfoot > tr > th,
    .claro.primer .table-horizontal > tfoot > tr > td {
      padding: 4px 8px; }
    .claro.primer .table-horizontal > tfoot > tr > th,
    .claro.primer .table-horizontal > tfoot > tr > td {
      border-top: 1px solid #d4d4d5; }
  .claro.primer .table-bordered {
    border: 1px solid #d0d0d0;
    border-collapse: separate;
    border-radius: 3px;
    border-spacing: 0;
    box-shadow: none; }
    .claro.primer .table-bordered > tbody > tr > th,
    .claro.primer .table-bordered > tbody > tr > td {
      border-left: 1px solid #d4d4d5;
      border-top: 1px solid #d4d4d5; }
    .claro.primer .table-bordered > tbody > tr > th:first-child,
    .claro.primer .table-bordered > tbody > tr > td:first-child {
      border-left: none; }
    .claro.primer .table-bordered > tbody > tr:first-child > th,
    .claro.primer .table-bordered > tbody > tr:first-child > td {
      border-top: none; }
  .claro.primer .table-bordered.table-vertical > tbody > tr > th {
    width: 1%;
    white-space: nowrap;
    padding: 0 10px;
    line-height: 38px; }
  .claro.primer .table-bordered.table-vertical > tbody > tr > td {
    padding: 0 10px; }
  .claro.primer .table-block {
    width: 100%; }
  .claro.primer .table-caption {
    border: 1px solid #ddd;
    border-bottom: none;
    font-size: 14px;
    line-height: 1.6;
    padding: 8px; }
  .claro.primer .segment {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 15px;
    position: relative; }
  .claro.primer .bottom-gap {
    margin-bottom: 8px; }
  .claro.primer .text-top {
    vertical-align: top; }
  .claro.primer .text-middle {
    vertical-align: middle; }
  .claro.primer .text-bottom {
    vertical-align: bottom; }
  .claro.primer .text-center {
    text-align: center; }
  .claro.primer .monospace,
  .claro.primer .monospace input,
  .claro.primer .monospace textarea {
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace; }
  .claro.primer .input-help {
    display: block;
    font-style: italic;
    margin-top: 2px; }
  .claro.primer .grid-background {
    background-size: 40px 40px;
    background-image: repeating-linear-gradient(0deg, rgba(204, 204, 204, 0.4), rgba(204, 204, 204, 0.4) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(-90deg, rgba(204, 204, 204, 0.4), rgba(204, 204, 204, 0.4) 1px, transparent 1px, transparent 40px);
    border: 1px solid #cccccc;
    background-attachment: scroll; }
  .claro.primer .flash-grey .header, .claro.primer .flash-default .header, .claro.primer .flash-red .header, .claro.primer .flash-error .header, .claro.primer .flash-yellow .header, .claro.primer .flash-warn .header,
  .claro.primer .flash-warning .header, .claro.primer .flash-green .header, .claro.primer .flash-success .header, .claro.primer .flash-blue .header, .claro.primer .flash-info .header {
    font-size: 1.1em;
    font-weight: bold; }
  .claro.primer .flash-grey, .claro.primer .flash-default {
    background-color: #f8f8f9;
    color: rgba(0, 0, 0, 0.87); }
    .claro.primer .flash-grey .header, .claro.primer .flash-default .header {
      color: rgba(0, 0, 0, 0.87); }
  .claro.primer .flash-red, .claro.primer .flash-error {
    background-color: #fff6f6;
    color: #9f3a38; }
    .claro.primer .flash-red .header, .claro.primer .flash-error .header {
      color: #912d2b; }
  .claro.primer .flash-yellow, .claro.primer .flash-warn,
  .claro.primer .flash-warning {
    background-color: #fffaf3;
    color: #573a08; }
    .claro.primer .flash-yellow .header, .claro.primer .flash-warn .header,
    .claro.primer .flash-warning .header {
      color: #794b02; }
  .claro.primer .flash-green, .claro.primer .flash-success {
    background-color: #fcfff5;
    color: #2c662d; }
    .claro.primer .flash-green .header, .claro.primer .flash-success .header {
      color: #1a531b; }
  .claro.primer .flash-blue, .claro.primer .flash-info {
    background-color: #f8ffff;
    color: #276f86; }
    .claro.primer .flash-blue .header, .claro.primer .flash-info .header {
      color: #0e566c; }
  .claro.primer .dijitButton {
    margin: 0; }
    .claro.primer .dijitButton .dijitButtonNode {
      box-shadow: none; }
    .claro.primer .dijitButton .dijitButtonNode .dijitButtonContents {
      min-height: 20px;
      padding: 0; }
    .claro.primer .dijitButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
      line-height: 20px; }
  .claro.primer .dijitButton .dijitButtonNode,
  .claro.primer .dijitButton.primerDefault .dijitButtonNode {
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eee);
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap; }
  .claro.primer .dijitButton.dijitButtonHover .dijitButtonNode,
  .claro.primer .dijitButton.primerDefault.dijitButtonHover .dijitButtonNode {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    border-color: #ccc;
    text-decoration: none; }
  .claro.primer .dijitButton.dijitButtonFocused .dijitButtonNode,
  .claro.primer .dijitButton.primerDefault.dijitButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.dijitButtonActive .dijitButtonNode,
  .claro.primer .dijitButton.primerDefault.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerDefault.dijitButtonActive .dijitButtonNode {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #b5b5b5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset; }
  .claro.primer .dijitButton.dijitButtonDisabled .dijitButtonNode,
  .claro.primer .dijitButton.primerDefault.dijitButtonDisabled .dijitButtonNode {
    background-color: rgba(229, 229, 229, 0.5);
    background-image: none;
    border-color: rgba(197, 197, 197, 0.5);
    box-shadow: none;
    color: rgba(102, 102, 102, 0.5);
    cursor: default; }
  .claro.primer .dijitButton.primerPrimary .dijitButtonNode {
    background-color: #60b044;
    background-image: linear-gradient(#8add6d, #60b044);
    border-color: #5ca941;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitButton.primerPrimary.dijitButtonHover .dijitButtonNode {
    background-color: #569e3d;
    background-image: linear-gradient(#79d858, #569e3d);
    border-color: #4a993e;
    color: #fff; }
  .claro.primer .dijitButton.primerPrimary.dijitButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerPrimary.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerPrimary.dijitButtonActive .dijitButtonNode {
    background-color: #569e3d;
    background-image: none;
    border-color: #418737;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitButton.primerPrimary.dijitButtonDisabled .dijitButtonNode {
    background-color: #add39f;
    background-image: linear-gradient(#c3ecb4, #add39f);
    border-color: #b9dcac #b9dcac #a7c89b;
    color: #fefefe; }
  .claro.primer .dijitButton.primerCaution .dijitButtonNode {
    color: #FFA500; }
  .claro.primer .dijitButton.primerCaution.dijitButtonHover .dijitButtonNode {
    background-color: #f89406;
    background-image: linear-gradient(#ffc156, #f89406);
    border-color: #ee9a00;
    color: #fff; }
  .claro.primer .dijitButton.primerCaution.dijitButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerCaution.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerCaution.dijitButtonActive .dijitButtonNode {
    background-color: #ef9c0f;
    background-image: none;
    border-color: #da9100;
    color: #fff; }
  .claro.primer .dijitButton.primerCaution.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #FFC44F; }
  .claro.primer .dijitButton.primerDanger .dijitButtonNode {
    color: #900; }
  .claro.primer .dijitButton.primerDanger.dijitButtonHover .dijitButtonNode {
    background-color: #b33630;
    background-image: linear-gradient(#dc5f59, #b33630);
    border-color: #cd504a;
    color: #fff; }
  .claro.primer .dijitButton.primerDanger.dijitButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerDanger.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerDanger.dijitButtonActive .dijitButtonNode {
    background-color: #b33630;
    background-image: none;
    border-color: #9f312c;
    color: #fff; }
  .claro.primer .dijitButton.primerDanger.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #cb7f7f; }
  .claro.primer .dijitButton.primerOutline .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #4183c4; }
  .claro.primer .dijitButton.primerOutline.dijitButtonHover .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitButton.primerOutline.dijitButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerOutline.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerOutline.dijitButtonActive .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitButton.primerOutline.dijitButtonDisabled .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5;
    color: #777; }
  .claro.primer .dijitButton.primerBlock {
    text-align: center;
    width: 100%; }
    .claro.primer .dijitButton.primerBlock .dijitButtonNode {
      display: block; }
  .claro.primer .dijitDropDownButton {
    margin: 0; }
    .claro.primer .dijitDropDownButton .dijitButtonNode {
      box-shadow: none; }
    .claro.primer .dijitDropDownButton .dijitButtonNode .dijitButtonContents {
      min-height: 20px;
      padding: 0; }
    .claro.primer .dijitDropDownButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
      line-height: 20px; }
  .claro.primer .dijitDropDownButton .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDefault .dijitButtonNode {
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eee);
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap; }
  .claro.primer .dijitDropDownButton.dijitDropDownButtonHover .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDefault.dijitDropDownButtonHover .dijitButtonNode {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    border-color: #ccc;
    text-decoration: none; }
  .claro.primer .dijitDropDownButton.dijitDropDownButtonFocused .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDefault.dijitDropDownButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitDropDownButton.dijitDropDownButtonChecked .dijitButtonNode,
  .claro.primer .dijitDropDownButton.dijitDropDownButtonActive .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDefault.dijitDropDownButtonChecked .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDefault.dijitDropDownButtonActive .dijitButtonNode {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #b5b5b5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset; }
  .claro.primer .dijitDropDownButton.dijitDropDownButtonDisabled .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDefault.dijitDropDownButtonDisabled .dijitButtonNode {
    background-color: rgba(229, 229, 229, 0.5);
    background-image: none;
    border-color: rgba(197, 197, 197, 0.5);
    box-shadow: none;
    color: rgba(102, 102, 102, 0.5);
    cursor: default; }
  .claro.primer .dijitDropDownButton.primerPrimary .dijitButtonNode {
    background-color: #60b044;
    background-image: linear-gradient(#8add6d, #60b044);
    border-color: #5ca941;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitDropDownButton.primerPrimary.dijitDropDownButtonHover .dijitButtonNode {
    background-color: #569e3d;
    background-image: linear-gradient(#79d858, #569e3d);
    border-color: #4a993e;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerPrimary.dijitDropDownButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitDropDownButton.primerPrimary.dijitDropDownButtonChecked .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerPrimary.dijitDropDownButtonActive .dijitButtonNode {
    background-color: #569e3d;
    background-image: none;
    border-color: #418737;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitDropDownButton.primerPrimary.dijitButtonDisabled .dijitButtonNode {
    background-color: #add39f;
    background-image: linear-gradient(#c3ecb4, #add39f);
    border-color: #b9dcac #b9dcac #a7c89b;
    color: #fefefe; }
  .claro.primer .dijitDropDownButton.primerCaution .dijitButtonNode {
    color: #FFA500; }
  .claro.primer .dijitDropDownButton.primerCaution.dijitDropDownButtonHover .dijitButtonNode {
    background-color: #f89406;
    background-image: linear-gradient(#ffc156, #f89406);
    border-color: #ee9a00;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerCaution.dijitDropDownButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitDropDownButton.primerCaution.dijitDropDownButtonChecked .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerCaution.dijitDropDownButtonActive .dijitButtonNode {
    background-color: #ef9c0f;
    background-image: none;
    border-color: #da9100;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerCaution.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #FFC44F; }
  .claro.primer .dijitDropDownButton.primerDanger .dijitButtonNode {
    color: #900; }
  .claro.primer .dijitDropDownButton.primerDanger.dijitDropDownButtonHover .dijitButtonNode {
    background-color: #b33630;
    background-image: linear-gradient(#dc5f59, #b33630);
    border-color: #cd504a;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerDanger.dijitDropDownButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitDropDownButton.primerDanger.dijitDropDownButtonChecked .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerDanger.dijitDropDownButtonActive .dijitButtonNode {
    background-color: #b33630;
    background-image: none;
    border-color: #9f312c;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerDanger.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #cb7f7f; }
  .claro.primer .dijitDropDownButton.primerOutline .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #4183c4; }
  .claro.primer .dijitDropDownButton.primerOutline.dijitDropDownButtonHover .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerOutline.dijitDropDownButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitDropDownButton.primerOutline.dijitDropDownButtonChecked .dijitButtonNode,
  .claro.primer .dijitDropDownButton.primerOutline.dijitDropDownButtonActive .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitDropDownButton.primerOutline.dijitButtonDisabled .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5;
    color: #777; }
  .claro.primer .dijitDropDownButton.primerBlock {
    text-align: center;
    width: 100%; }
    .claro.primer .dijitDropDownButton.primerBlock .dijitButtonNode {
      display: block; }
  .claro.primer .dijitComboButton {
    margin: 0; }
    .claro.primer .dijitComboButton .dijitButtonNode {
      box-shadow: none; }
    .claro.primer .dijitComboButton .dijitButtonNode .dijitButtonContents {
      min-height: 20px;
      padding: 0; }
    .claro.primer .dijitComboButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
      line-height: 20px; }
  .claro.primer .dijitComboButton .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDefault .dijitButtonNode {
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eee);
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap; }
  .claro.primer .dijitComboButton.dijitComboButtonHover .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDefault.dijitComboButtonHover .dijitButtonNode {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    border-color: #ccc;
    text-decoration: none; }
  .claro.primer .dijitComboButton.dijitComboButtonFocused .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDefault.dijitComboButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitComboButton.dijitComboButtonChecked .dijitButtonNode,
  .claro.primer .dijitComboButton.dijitComboButtonActive .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDefault.dijitComboButtonChecked .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDefault.dijitComboButtonActive .dijitButtonNode {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #b5b5b5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset; }
  .claro.primer .dijitComboButton.dijitComboButtonDisabled .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDefault.dijitComboButtonDisabled .dijitButtonNode {
    background-color: rgba(229, 229, 229, 0.5);
    background-image: none;
    border-color: rgba(197, 197, 197, 0.5);
    box-shadow: none;
    color: rgba(102, 102, 102, 0.5);
    cursor: default; }
  .claro.primer .dijitComboButton.primerPrimary .dijitButtonNode {
    background-color: #60b044;
    background-image: linear-gradient(#8add6d, #60b044);
    border-color: #5ca941;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitComboButton.primerPrimary.dijitComboButtonHover .dijitButtonNode {
    background-color: #569e3d;
    background-image: linear-gradient(#79d858, #569e3d);
    border-color: #4a993e;
    color: #fff; }
  .claro.primer .dijitComboButton.primerPrimary.dijitComboButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitComboButton.primerPrimary.dijitComboButtonChecked .dijitButtonNode,
  .claro.primer .dijitComboButton.primerPrimary.dijitComboButtonActive .dijitButtonNode {
    background-color: #569e3d;
    background-image: none;
    border-color: #418737;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitComboButton.primerPrimary.dijitButtonDisabled .dijitButtonNode {
    background-color: #add39f;
    background-image: linear-gradient(#c3ecb4, #add39f);
    border-color: #b9dcac #b9dcac #a7c89b;
    color: #fefefe; }
  .claro.primer .dijitComboButton.primerCaution .dijitButtonNode {
    color: #FFA500; }
  .claro.primer .dijitComboButton.primerCaution.dijitComboButtonHover .dijitButtonNode {
    background-color: #f89406;
    background-image: linear-gradient(#ffc156, #f89406);
    border-color: #ee9a00;
    color: #fff; }
  .claro.primer .dijitComboButton.primerCaution.dijitComboButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitComboButton.primerCaution.dijitComboButtonChecked .dijitButtonNode,
  .claro.primer .dijitComboButton.primerCaution.dijitComboButtonActive .dijitButtonNode {
    background-color: #ef9c0f;
    background-image: none;
    border-color: #da9100;
    color: #fff; }
  .claro.primer .dijitComboButton.primerCaution.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #FFC44F; }
  .claro.primer .dijitComboButton.primerDanger .dijitButtonNode {
    color: #900; }
  .claro.primer .dijitComboButton.primerDanger.dijitComboButtonHover .dijitButtonNode {
    background-color: #b33630;
    background-image: linear-gradient(#dc5f59, #b33630);
    border-color: #cd504a;
    color: #fff; }
  .claro.primer .dijitComboButton.primerDanger.dijitComboButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitComboButton.primerDanger.dijitComboButtonChecked .dijitButtonNode,
  .claro.primer .dijitComboButton.primerDanger.dijitComboButtonActive .dijitButtonNode {
    background-color: #b33630;
    background-image: none;
    border-color: #9f312c;
    color: #fff; }
  .claro.primer .dijitComboButton.primerDanger.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #cb7f7f; }
  .claro.primer .dijitComboButton.primerOutline .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #4183c4; }
  .claro.primer .dijitComboButton.primerOutline.dijitComboButtonHover .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitComboButton.primerOutline.dijitComboButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitComboButton.primerOutline.dijitComboButtonChecked .dijitButtonNode,
  .claro.primer .dijitComboButton.primerOutline.dijitComboButtonActive .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitComboButton.primerOutline.dijitButtonDisabled .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5;
    color: #777; }
  .claro.primer .dijitComboButton.primerBlock {
    text-align: center;
    width: 100%; }
    .claro.primer .dijitComboButton.primerBlock .dijitButtonNode {
      display: block; }
  .claro.primer .dijitToggleButton {
    margin: 0; }
    .claro.primer .dijitToggleButton .dijitButtonNode {
      box-shadow: none; }
    .claro.primer .dijitToggleButton .dijitButtonNode .dijitButtonContents {
      min-height: 20px;
      padding: 0; }
    .claro.primer .dijitToggleButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
      line-height: 20px; }
  .claro.primer .dijitToggleButton .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDefault .dijitButtonNode {
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eee);
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap; }
  .claro.primer .dijitToggleButton.dijitToggleButtonHover .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDefault.dijitToggleButtonHover .dijitButtonNode {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    border-color: #ccc;
    text-decoration: none; }
  .claro.primer .dijitToggleButton.dijitToggleButtonFocused .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDefault.dijitToggleButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode,
  .claro.primer .dijitToggleButton.dijitToggleButtonActive .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDefault.dijitToggleButtonChecked .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDefault.dijitToggleButtonActive .dijitButtonNode {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #b5b5b5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset; }
  .claro.primer .dijitToggleButton.dijitToggleButtonDisabled .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDefault.dijitToggleButtonDisabled .dijitButtonNode {
    background-color: rgba(229, 229, 229, 0.5);
    background-image: none;
    border-color: rgba(197, 197, 197, 0.5);
    box-shadow: none;
    color: rgba(102, 102, 102, 0.5);
    cursor: default; }
  .claro.primer .dijitToggleButton.primerPrimary .dijitButtonNode {
    background-color: #60b044;
    background-image: linear-gradient(#8add6d, #60b044);
    border-color: #5ca941;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitToggleButton.primerPrimary.dijitToggleButtonHover .dijitButtonNode {
    background-color: #569e3d;
    background-image: linear-gradient(#79d858, #569e3d);
    border-color: #4a993e;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerPrimary.dijitToggleButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitToggleButton.primerPrimary.dijitToggleButtonChecked .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerPrimary.dijitToggleButtonActive .dijitButtonNode {
    background-color: #569e3d;
    background-image: none;
    border-color: #418737;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dijitToggleButton.primerPrimary.dijitButtonDisabled .dijitButtonNode {
    background-color: #add39f;
    background-image: linear-gradient(#c3ecb4, #add39f);
    border-color: #b9dcac #b9dcac #a7c89b;
    color: #fefefe; }
  .claro.primer .dijitToggleButton.primerCaution .dijitButtonNode {
    color: #FFA500; }
  .claro.primer .dijitToggleButton.primerCaution.dijitToggleButtonHover .dijitButtonNode {
    background-color: #f89406;
    background-image: linear-gradient(#ffc156, #f89406);
    border-color: #ee9a00;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerCaution.dijitToggleButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitToggleButton.primerCaution.dijitToggleButtonChecked .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerCaution.dijitToggleButtonActive .dijitButtonNode {
    background-color: #ef9c0f;
    background-image: none;
    border-color: #da9100;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerCaution.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #FFC44F; }
  .claro.primer .dijitToggleButton.primerDanger .dijitButtonNode {
    color: #900; }
  .claro.primer .dijitToggleButton.primerDanger.dijitToggleButtonHover .dijitButtonNode {
    background-color: #b33630;
    background-image: linear-gradient(#dc5f59, #b33630);
    border-color: #cd504a;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerDanger.dijitToggleButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitToggleButton.primerDanger.dijitToggleButtonChecked .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerDanger.dijitToggleButtonActive .dijitButtonNode {
    background-color: #b33630;
    background-image: none;
    border-color: #9f312c;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerDanger.dijitButtonDisabled .dijitButtonNode {
    background-color: #efefef;
    background-image: linear-gradient(#fefefe, #efefef);
    border-color: #e1e1e1;
    color: #cb7f7f; }
  .claro.primer .dijitToggleButton.primerOutline .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    color: #4183c4; }
  .claro.primer .dijitToggleButton.primerOutline.dijitToggleButtonHover .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerOutline.dijitToggleButtonFocused .dijitButtonNode {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitToggleButton.primerOutline.dijitToggleButtonChecked .dijitButtonNode,
  .claro.primer .dijitToggleButton.primerOutline.dijitToggleButtonActive .dijitButtonNode {
    background-color: #4183c4;
    background-image: none;
    border-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitToggleButton.primerOutline.dijitButtonDisabled .dijitButtonNode {
    background-color: #fff;
    background-image: none;
    border-color: #e5e5e5;
    color: #777; }
  .claro.primer .dijitToggleButton.primerBlock {
    text-align: center;
    width: 100%; }
    .claro.primer .dijitToggleButton.primerBlock .dijitButtonNode {
      display: block; }
  .claro.primer .dijitToolbar,
  .claro.primer .primerGroup {
    display: inline-block;
    vertical-align: middle; }
    .claro.primer .dijitToolbar .dijitInline,
    .claro.primer .primerGroup .dijitInline {
      float: left;
      position: relative; }
      .claro.primer .dijitToolbar .dijitInline.dijitHover, .claro.primer .dijitToolbar .dijitInline.dijitFocused, .claro.primer .dijitToolbar .dijitInline.dijitChecked, .claro.primer .dijitToolbar .dijitInline.dijitActive,
      .claro.primer .primerGroup .dijitInline.dijitHover,
      .claro.primer .primerGroup .dijitInline.dijitFocused,
      .claro.primer .primerGroup .dijitInline.dijitChecked,
      .claro.primer .primerGroup .dijitInline.dijitActive {
        z-index: 2; }
      .claro.primer .dijitToolbar .dijitInline.dijitSelect:first-child,
      .claro.primer .dijitToolbar .dijitInline:first-child .dijitButtonNode,
      .claro.primer .primerGroup .dijitInline.dijitSelect:first-child,
      .claro.primer .primerGroup .dijitInline:first-child .dijitButtonNode {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
      .claro.primer .dijitToolbar .dijitInline.dijitSelect:not(:first-child):not(:last-child),
      .claro.primer .dijitToolbar .dijitInline:not(:first-child):not(:last-child) .dijitButtonNode,
      .claro.primer .primerGroup .dijitInline.dijitSelect:not(:first-child):not(:last-child),
      .claro.primer .primerGroup .dijitInline:not(:first-child):not(:last-child) .dijitButtonNode {
        border-radius: 0; }
      .claro.primer .dijitToolbar .dijitInline.dijitSelect:last-child,
      .claro.primer .dijitToolbar .dijitInline:last-child .dijitButtonNode,
      .claro.primer .primerGroup .dijitInline.dijitSelect:last-child,
      .claro.primer .primerGroup .dijitInline:last-child .dijitButtonNode {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
    .claro.primer .dijitToolbar .dijitInline + .dijitInline,
    .claro.primer .primerGroup .dijitInline + .dijitInline {
      box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
      margin-left: -1px; }
      .claro.primer .dijitToolbar .dijitInline + .dijitInline.dijitHover,
      .claro.primer .primerGroup .dijitInline + .dijitInline.dijitHover {
        box-shadow: none; }
      .claro.primer .dijitToolbar .dijitInline + .dijitInline.dijitActive,
      .claro.primer .primerGroup .dijitInline + .dijitInline.dijitActive {
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15) inset; }
    .claro.primer .dijitToolbar label,
    .claro.primer .primerGroup label {
      background-color: #fafafa;
      border: 1px solid #ccc;
      padding: 7px 10px; }
      .claro.primer .dijitToolbar label:first-child,
      .claro.primer .primerGroup label:first-child {
        border-radius: 3px 0 0 3px; }
  .claro.primer .dijitToolbar .dijitInline {
    float: none; }
  .claro.primer .dijitToolbar.primerEmbed {
    background-color: transparent;
    background-image: none;
    border-bottom: none;
    padding: 0; }
  .claro.primer .dijitDropDownButton .dijitArrowButtonInner {
    margin-left: 3px;
    margin-right: -3px; }
  .claro.primer .dijitComboButton .dijitButtonNode.dijitStretch {
    display: table-cell;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none; }
  .claro.primer .dijitComboButton .dijitButtonNode.dijitArrowButton {
    display: table-cell;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px; }
  .claro.primer .dijitToggleButton.primerTick .dijitIcon {
    visibility: hidden; }
  .claro.primer .dijitToggleButton.dijitToggleButtonChecked.primerTick .dijitIcon {
    visibility: visible; }
  .claro.primer .dijitRadio,
  .claro.primer .dijitCheckBox {
    background-image: none;
    height: 18px;
    width: 18px;
    margin-right: 0; }
    .claro.primer .dijitRadio input,
    .claro.primer .dijitCheckBox input {
      opacity: 1; }
  .claro.primer .dojoxCheckedMultiSelectWrapper {
    min-width: 160px; }
    .claro.primer .dojoxCheckedMultiSelectWrapper .dojoxMultiSelectItemBox {
      margin-right: 6px; }
  .claro.primer .dijitButton.primerRed .dijitButtonNode {
    background-color: #db2828;
    background-image: none;
    border: 1px solid #db2828;
    color: #fff; }
  .claro.primer .dijitButton.primerRed.dijitButtonHover .dijitButtonNode {
    background-color: #d01919;
    background-image: none;
    border-color: #d01919;
    color: #fff; }
  .claro.primer .dijitButton.primerRed.dijitButtonFocused .dijitButtonNode {
    border-color: #ca1010;
    box-shadow: 0 0 5px rgba(202, 16, 16, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerRed.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerRed.dijitButtonActive .dijitButtonNode {
    background-color: #b21e1e;
    background-image: none;
    border-color: #b21e1e;
    color: #fff; }
  .claro.primer .dijitButton.primerRed.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerOrange .dijitButtonNode {
    background-color: #f2711c;
    background-image: none;
    border: 1px solid #f2711c;
    color: #fff; }
  .claro.primer .dijitButton.primerOrange.dijitButtonHover .dijitButtonNode {
    background-color: #f26202;
    background-image: none;
    border-color: #f26202;
    color: #fff; }
  .claro.primer .dijitButton.primerOrange.dijitButtonFocused .dijitButtonNode {
    border-color: #e55b00;
    box-shadow: 0 0 5px rgba(229, 91, 0, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerOrange.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerOrange.dijitButtonActive .dijitButtonNode {
    background-color: #cf590c;
    background-image: none;
    border-color: #cf590c;
    color: #fff; }
  .claro.primer .dijitButton.primerOrange.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerYellow .dijitButtonNode {
    background-color: #fbbd08;
    background-image: none;
    border: 1px solid #fbbd08;
    color: #fff; }
  .claro.primer .dijitButton.primerYellow.dijitButtonHover .dijitButtonNode {
    background-color: #eaae00;
    background-image: none;
    border-color: #eaae00;
    color: #fff; }
  .claro.primer .dijitButton.primerYellow.dijitButtonFocused .dijitButtonNode {
    border-color: #daa300;
    box-shadow: 0 0 5px rgba(218, 163, 0, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerYellow.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerYellow.dijitButtonActive .dijitButtonNode {
    background-color: #cd9903;
    background-image: none;
    border-color: #cd9903;
    color: #fff; }
  .claro.primer .dijitButton.primerYellow.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerOlive .dijitButtonNode {
    background-color: #b5cc18;
    background-image: none;
    border: 1px solid #b5cc18;
    color: #fff; }
  .claro.primer .dijitButton.primerOlive.dijitButtonHover .dijitButtonNode {
    background-color: #a7bd0d;
    background-image: none;
    border-color: #a7bd0d;
    color: #fff; }
  .claro.primer .dijitButton.primerOlive.dijitButtonFocused .dijitButtonNode {
    border-color: #a0b605;
    box-shadow: 0 0 5px rgba(160, 182, 5, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerOlive.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerOlive.dijitButtonActive .dijitButtonNode {
    background-color: #8d9e13;
    background-image: none;
    border-color: #8d9e13;
    color: #fff; }
  .claro.primer .dijitButton.primerOlive.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerGreen .dijitButtonNode {
    background-color: #21ba45;
    background-image: none;
    border: 1px solid #21ba45;
    color: #fff; }
  .claro.primer .dijitButton.primerGreen.dijitButtonHover .dijitButtonNode {
    background-color: #16ab39;
    background-image: none;
    border-color: #16ab39;
    color: #fff; }
  .claro.primer .dijitButton.primerGreen.dijitButtonFocused .dijitButtonNode {
    border-color: #0ea432;
    box-shadow: 0 0 5px rgba(14, 164, 50, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerGreen.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerGreen.dijitButtonActive .dijitButtonNode {
    background-color: #198f35;
    background-image: none;
    border-color: #198f35;
    color: #fff; }
  .claro.primer .dijitButton.primerGreen.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerTeal .dijitButtonNode {
    background-color: #00b5ad;
    background-image: none;
    border: 1px solid #00b5ad;
    color: #fff; }
  .claro.primer .dijitButton.primerTeal.dijitButtonHover .dijitButtonNode {
    background-color: #009c95;
    background-image: none;
    border-color: #009c95;
    color: #fff; }
  .claro.primer .dijitButton.primerTeal.dijitButtonFocused .dijitButtonNode {
    border-color: #008c86;
    box-shadow: 0 0 5px rgba(0, 140, 134, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerTeal.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerTeal.dijitButtonActive .dijitButtonNode {
    background-color: #00827c;
    background-image: none;
    border-color: #00827c;
    color: #fff; }
  .claro.primer .dijitButton.primerTeal.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerBlue .dijitButtonNode {
    background-color: #2185d0;
    background-image: none;
    border: 1px solid #2185d0;
    color: #fff; }
  .claro.primer .dijitButton.primerBlue.dijitButtonHover .dijitButtonNode {
    background-color: #1678c2;
    background-image: none;
    border-color: #1678c2;
    color: #fff; }
  .claro.primer .dijitButton.primerBlue.dijitButtonFocused .dijitButtonNode {
    border-color: #0d71bb;
    box-shadow: 0 0 5px rgba(13, 113, 187, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerBlue.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerBlue.dijitButtonActive .dijitButtonNode {
    background-color: #1a69a4;
    background-image: none;
    border-color: #1a69a4;
    color: #fff; }
  .claro.primer .dijitButton.primerBlue.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerViolet .dijitButtonNode {
    background-color: #6435c9;
    background-image: none;
    border: 1px solid #6435c9;
    color: #fff; }
  .claro.primer .dijitButton.primerViolet.dijitButtonHover .dijitButtonNode {
    background-color: #5829bb;
    background-image: none;
    border-color: #5829bb;
    color: #fff; }
  .claro.primer .dijitButton.primerViolet.dijitButtonFocused .dijitButtonNode {
    border-color: #4f20b5;
    box-shadow: 0 0 5px rgba(79, 32, 181, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerViolet.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerViolet.dijitButtonActive .dijitButtonNode {
    background-color: #502aa1;
    background-image: none;
    border-color: #502aa1;
    color: #fff; }
  .claro.primer .dijitButton.primerViolet.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerPurple .dijitButtonNode {
    background-color: #a333c8;
    background-image: none;
    border: 1px solid #a333c8;
    color: #fff; }
  .claro.primer .dijitButton.primerPurple.dijitButtonHover .dijitButtonNode {
    background-color: #9627ba;
    background-image: none;
    border-color: #9627ba;
    color: #fff; }
  .claro.primer .dijitButton.primerPurple.dijitButtonFocused .dijitButtonNode {
    border-color: #8f1eb4;
    box-shadow: 0 0 5px rgba(143, 30, 180, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerPurple.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerPurple.dijitButtonActive .dijitButtonNode {
    background-color: #82299f;
    background-image: none;
    border-color: #82299f;
    color: #fff; }
  .claro.primer .dijitButton.primerPurple.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerPink .dijitButtonNode {
    background-color: #e03997;
    background-image: none;
    border: 1px solid #e03997;
    color: #fff; }
  .claro.primer .dijitButton.primerPink.dijitButtonHover .dijitButtonNode {
    background-color: #e61a8d;
    background-image: none;
    border-color: #e61a8d;
    color: #fff; }
  .claro.primer .dijitButton.primerPink.dijitButtonFocused .dijitButtonNode {
    border-color: #e10f85;
    box-shadow: 0 0 5px rgba(225, 15, 133, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerPink.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerPink.dijitButtonActive .dijitButtonNode {
    background-color: #c71f7e;
    background-image: none;
    border-color: #c71f7e;
    color: #fff; }
  .claro.primer .dijitButton.primerPink.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerBrown .dijitButtonNode {
    background-color: #a5673f;
    background-image: none;
    border: 1px solid #a5673f;
    color: #fff; }
  .claro.primer .dijitButton.primerBrown.dijitButtonHover .dijitButtonNode {
    background-color: #975b33;
    background-image: none;
    border-color: #975b33;
    color: #fff; }
  .claro.primer .dijitButton.primerBrown.dijitButtonFocused .dijitButtonNode {
    border-color: #90532b;
    box-shadow: 0 0 5px rgba(144, 83, 43, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerBrown.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerBrown.dijitButtonActive .dijitButtonNode {
    background-color: #805031;
    background-image: none;
    border-color: #805031;
    color: #fff; }
  .claro.primer .dijitButton.primerBrown.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerGrey .dijitButtonNode {
    background-color: #767676;
    background-image: none;
    border: 1px solid #767676;
    color: #fff; }
  .claro.primer .dijitButton.primerGrey.dijitButtonHover .dijitButtonNode {
    background-color: #838383;
    background-image: none;
    border-color: #838383;
    color: #fff; }
  .claro.primer .dijitButton.primerGrey.dijitButtonFocused .dijitButtonNode {
    border-color: #8a8a8a;
    box-shadow: 0 0 5px rgba(138, 138, 138, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerGrey.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerGrey.dijitButtonActive .dijitButtonNode {
    background-color: #909090;
    background-image: none;
    border-color: #909090;
    color: #fff; }
  .claro.primer .dijitButton.primerGrey.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitButton.primerBlack .dijitButtonNode {
    background-color: #1b1c1d;
    background-image: none;
    border: 1px solid #1b1c1d;
    color: #fff; }
  .claro.primer .dijitButton.primerBlack.dijitButtonHover .dijitButtonNode {
    background-color: #27292a;
    background-image: none;
    border-color: #27292a;
    color: #fff; }
  .claro.primer .dijitButton.primerBlack.dijitButtonFocused .dijitButtonNode {
    border-color: #2f3032;
    box-shadow: 0 0 5px rgba(47, 48, 50, 0.5);
    outline: medium none;
    text-decoration: none; }
  .claro.primer .dijitButton.primerBlack.dijitButtonChecked .dijitButtonNode,
  .claro.primer .dijitButton.primerBlack.dijitButtonActive .dijitButtonNode {
    background-color: #343637;
    background-image: none;
    border-color: #343637;
    color: #fff; }
  .claro.primer .dijitButton.primerBlack.dijitButtonDisabled .dijitButtonNode {
    opacity: 0.45; }
  .claro.primer .dijitTextBox {
    background-color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    font-size: 13px;
    min-height: 34px;
    outline: medium none;
    vertical-align: middle;
    padding: 8px 8px 6px; }
    .claro.primer .dijitTextBox .dijitInputField,
    .claro.primer .dijitTextBox .dijitInputInner {
      padding: 0;
      line-height: 1.4; }
    .claro.primer .dijitTextBox.dijitTextBoxFocused {
      border-color: #51a7e8;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); }
    .claro.primer .dijitTextBox.dijitTextBoxError {
      border-color: #bd2c00;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(188, 44, 0, 0.5); }
    .claro.primer .dijitTextBox.primerContrast,
    .claro.primer .dijitTextBox.primerContrast .dijitInputField {
      background-color: #fafafa; }
    .claro.primer .dijitTextBox.primerContrast.dijitTextBoxFocused,
    .claro.primer .dijitTextBox.primerContrast.dijitTextBoxFocused .dijitInputField {
      background-color: #fff; }
    .claro.primer .dijitTextBox.primerLarge {
      font-size: 16px;
      padding: 6px 10px; }
    .claro.primer .dijitTextBox.primerBlock {
      width: 100%; }
    .claro.primer .dijitTextBox.primerShortest {
      width: 90px; }
    .claro.primer .dijitTextBox.primerShorter {
      width: 140px; }
    .claro.primer .dijitTextBox.primerLonger {
      width: 280px; }
    .claro.primer .dijitTextBox.primerLongest {
      width: 360px; }
    .claro.primer .dijitTextBox.primerTime {
      font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
      width: 86px; }
    .claro.primer .dijitTextBox.primerDatetime {
      font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
      width: 176px; }
    .claro.primer .dijitTextBox.primerUuid {
      font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
      width: 310px; }
  .claro.primer .dijitTextArea {
    width: 500px;
    height: 120px; }
    .claro.primer .dijitTextArea.primerLonger {
      width: 840px; }
  .claro.primer .dijitSpinnerButtonContainer {
    margin: -8px -7px -6px 0;
    padding: 6px 8px 6px; }
    .claro.primer .dijitSpinnerButtonContainer .dijitArrowButton {
      background-image: none;
      background-color: #eee;
      background-image: linear-gradient(#fcfcfc, #eee); }
      .claro.primer .dijitSpinnerButtonContainer .dijitArrowButton.dijitUpArrowButtonHover, .claro.primer .dijitSpinnerButtonContainer .dijitArrowButton.dijitDownArrowButtonHover {
        background-color: #ddd;
        background-image: linear-gradient(#eee, #ddd); }
      .claro.primer .dijitSpinnerButtonContainer .dijitArrowButton.dijitUpArrowButtonActive, .claro.primer .dijitSpinnerButtonContainer .dijitArrowButton.dijitDownArrowButtonActive {
        background-color: #dcdcdc;
        background-image: none; }
    .claro.primer .dijitSpinnerButtonContainer .dijitArrowButtonInner {
      border-color: transparent;
      margin-left: 6px;
      width: 32px; }
    .claro.primer .dijitSpinnerButtonContainer .dijitUpArrowButton .dijitArrowButtonInner,
    .claro.primer .dijitSpinnerButtonContainer .dijitDownArrowButton .dijitArrowButtonInner {
      padding: 1px 0;
      border-top: none;
      margin-top: 1px; }
  .claro.primer .dijitValidationContainer {
    display: none; }
  .claro.primer .dijitEditor {
    border: 1px solid #ccc;
    border-radius: 3px; }
    .claro.primer .dijitEditor .dijitToolbarSeparator {
      visibility: hidden; }
    .claro.primer .dijitEditor .dijitToolbar {
      background-color: #fafafa;
      background-image: none;
      width: 100%; }
      .claro.primer .dijitEditor .dijitToolbar .dijitButtonNode:not(.dijitArrowButton) {
        padding: 2px 10px; }
      .claro.primer .dijitEditor .dijitToolbar .dijitButton:last-child {
        margin-right: 4px; }
      .claro.primer .dijitEditor .dijitToolbar .dijitComboBox,
      .claro.primer .dijitEditor .dijitToolbar .dijitToggleButton,
      .claro.primer .dijitEditor .dijitToolbar .dijitDropDownButton {
        margin-right: 4px; }
      .claro.primer .dijitEditor .dijitToolbar label {
        margin-left: 4px; }
    .claro.primer .dijitEditor.dijitEditorFocused {
      border-color: #51a7e8;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); }
    .claro.primer .dijitEditor .dijitEditorIFrameContainer {
      padding: 10px; }
  .claro.primer .dijitSelect {
    background-color: #fff;
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    font-size: 13px;
    min-height: 34px;
    outline: medium none;
    vertical-align: middle; }
    .claro.primer .dijitSelect .dijitStretch {
      padding: 7px 8px;
      height: 32px;
      min-width: 167px;
      border-right-width: 0; }
      .claro.primer .dijitSelect .dijitStretch .dijitInputField {
        padding: 0; }
      .claro.primer .dijitSelect .dijitStretch .dijitSelectLabel {
        padding: 0;
        line-height: 1.4; }
    .claro.primer .dijitSelect.primerFit .dijitStretch {
      min-width: initial; }
    .claro.primer .dijitSelect .dijitArrowButton {
      background-color: transparent;
      background-image: none;
      border: none;
      padding: 1px; }
      .claro.primer .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
        margin: 0 4px; }
    .claro.primer .dijitSelect.dijitSelectFocused {
      border-color: #51a7e8;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(81, 167, 232, 0.5); }
    .claro.primer .dijitSelect.primerState {
      color: #fff;
      font-weight: bold;
      box-shadow: none; }
      .claro.primer .dijitSelect.primerState .dijitArrowButtonInner {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1); }
    .claro.primer .dijitSelect.primerOpen {
      background-color: #21ba45;
      border-color: #21ba45; }
    .claro.primer .dijitSelect.primerClosed {
      background-color: #db2828;
      border-color: #db2828; }
    .claro.primer .dijitSelect.primerChanged {
      background-color: #00b5ad;
      border-color: #00b5ad; }
    .claro.primer .dijitSelect.dijitSelectError {
      border-color: #bd2c00;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(188, 44, 0, 0.5); }
  .claro.primer .dijitComboBox .dijitArrowButton {
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eee);
    margin-bottom: -6px;
    margin-right: -7px;
    margin-top: -8px;
    padding: 8px 0 6px 1px; }
    .claro.primer .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
      margin: 0 4px;
      border: none; }
  .claro.primer .dijitTextBoxDisabled .dijitInputContainer,
  .claro.primer .dijitSpinnerDisabled .dijitArrowButtonInner,
  .claro.primer .dijitComboBoxDisabled .dijitArrowButtonInner,
  .claro.primer .dijitEditorDisabled .dijitEditorIFrameContainer,
  .claro.primer .dijitEditorDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {
    background-color: transparent; }
  .claro.primer .dijitSelectDisabled,
  .claro.primer .dijitTextBoxDisabled,
  .claro.primer .dijitTextBoxDisabled .dijitInputInner {
    color: #aaa;
    background-color: #eaeaea; }
  .claro.primer .dijitDisabled .dijitIcon {
    filter: grayscale(100%); }
  .claro.primer .menu-embed {
    margin: 0;
    border: none;
    line-height: 18px;
    cursor: pointer; }
  .claro.primer .menu-item .fa {
    color: #333;
    margin-right: 5px;
    text-align: center;
    width: 16px; }
  .claro.primer .dijitMenu .dijitMenuItemHover td,
  .claro.primer .dijitMenu .dijitMenuItemSelected td,
  .claro.primer .dijitMenuItemHover,
  .claro.primer .dijitComboBoxMenu .dijitMenuItemHover,
  .claro.primer .dijitMenuItemSelected {
    background-color: #4183c4;
    color: #fff; }
  .claro.primer .dijitMenuTable {
    border-color: #51a7e8; }
    .claro.primer .dijitMenuTable .dijitMenuItem td {
      padding: 8px 0 8px 8px;
      border-top: none;
      border-bottom: 1px solid #eee;
      background-image: none; }
  .claro.primer .dijitComboBoxMenu {
    border-color: #51a7e8; }
    .claro.primer .dijitComboBoxMenu .dijitMenuItem {
      padding: 8px 0 8px 8px;
      border-top: none;
      border-bottom: 1px solid #eee;
      background-image: none; }
  .claro.primer .dijitTabPaneWrapper,
  .claro.primer .dijitTabContainerTop-tabs,
  .claro.primer .dijitTabContainerBottom-tabs,
  .claro.primer .dijitTabContainerLeft-tabs,
  .claro.primer .dijitTabContainerRight-tabs {
    border-color: #ddd; }
  .claro.primer .dijitTab .dijitTabCloseButton {
    margin-left: 0;
    margin-top: 3px; }
  .claro.primer .dijitTabContainerTop-tabs .dijitTab {
    background-color: #fff;
    background-image: none;
    box-shadow: none; }
  .claro.primer .dijitTabContainerTop-tabs .dijitTab {
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: 0;
    top: 1px; }
    .claro.primer .dijitTabContainerTop-tabs .dijitTab.dijitTabChecked {
      color: #333;
      background-color: #fff;
      border-color: #ddd;
      border-radius: 3px 3px 0 0;
      border-bottom: 1px solid #fff; }
  .claro.primer .dijitTabContainerNoLayout > .dijitTabListContainer-top {
    width: auto !important; }
  .claro.primer .dijitTabListContainer-top .tabStripButton {
    background-color: #eee;
    background-image: linear-gradient(#fcfcfc, #eee);
    margin-top: 0;
    height: 40px !important; }
    .claro.primer .dijitTabListContainer-top .tabStripButton .dijitTabStripIcon {
      margin-top: 8px; }
    .claro.primer .dijitTabListContainer-top .tabStripButton.dijitbelow-altArrowButton {
      margin-left: 4px; }
  .claro.primer .dijitTitlePane .dijitTitlePaneTitle {
    border: 1px solid #d8d8d8;
    line-height: 17px;
    margin: 0;
    padding: 7px 10px;
    background-color: #f8f8f9;
    color: rgba(0, 0, 0, 0.87);
    background-image: none;
    border-radius: 3px 3px 0 0; }
    .claro.primer .dijitTitlePane .dijitTitlePaneTitle .dijitTitlePaneTitleFocus {
      font-weight: bold; }
  .claro.primer .dijitTitlePane .dijitTitlePaneContentOuter {
    border: 1px solid #d8d8d8;
    border-top: none;
    border-radius: 0 0 3px 3px; }
  .claro.primer .dijitTitlePane.primerSuccess .dijitTitlePaneTitle {
    background-color: #fcfff5;
    color: #2c662d; }
  .claro.primer .dijitTitlePane.primerInfo .dijitTitlePaneTitle {
    background-color: #f8ffff;
    color: #276f86; }
  .claro.primer .dijitTitlePane.primerWarn .dijitTitlePaneTitle {
    background-color: #fffaf3;
    color: #573a08; }
  .claro.primer .dijitTitlePane.primerError .dijitTitlePaneTitle {
    background-color: #fff6f6;
    color: #9f3a38; }
  .claro.primer .dijitTitlePane.primerAlternative .dijitTitlePaneTitle {
    border-top-width: 2px;
    background-color: transparent; }
  .claro.primer .dijitTitlePane.primerAlternative.primerSuccess .dijitTitlePaneTitle {
    border-top-color: #21ba45; }
  .claro.primer .dijitTitlePane.primerAlternative.primerInfo .dijitTitlePaneTitle {
    border-top-color: #2185d0; }
  .claro.primer .dijitTitlePane.primerAlternative.primerWarn .dijitTitlePaneTitle {
    border-top-color: #fbbd08; }
  .claro.primer .dijitTitlePane.primerAlternative.primerError .dijitTitlePaneTitle {
    border-top-color: #db2828; }
  .claro.primer .dijitAccordionContainer .dijitAccordionInnerContainer {
    border: 1px solid #d8d8d8;
    background-image: none;
    border-radius: 3px;
    margin-bottom: 5px; }
  .claro.primer .dijitAccordionContainer .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
    background-image: none; }
  .claro.primer .dijitAccordionContainer .dijitAccordionTitleFocus {
    margin: 3px 0 2px; }
  .claro.primer .dijitAccordionContainer .dijitAccordionTitle {
    border-bottom: 1px solid #d8d8d8;
    line-height: 17px;
    margin: 0;
    padding: 8px 10px;
    background-color: #f8f8f9;
    color: rgba(0, 0, 0, 0.87);
    background-image: none;
    font-weight: bold; }
  .claro.primer .dijitAccordionContainer.primerAlternative .dijitAccordionInnerContainer {
    border-top-width: 2px; }
  .claro.primer .dijitAccordionContainer.primerAlternative .dijitAccordionTitle {
    background-color: #fff; }
  .claro.primer .dijitAccordionContainer .dijitAccordionChildWrapper {
    margin: 0;
    border: none;
    padding: 0; }
  .claro.primer .dijitAccordionContainer.primerEmbed .dijitAccordionContainer-child {
    padding: 0; }
  .claro.primer .dijitContentPane {
    box-sizing: content-box; }
  .claro.primer .dijitTitlePane.primerEmbed .dijitTitlePaneContentInner {
    padding: 0; }
  .claro.primer .dojoxFloatingPane {
    padding: 0; }
    .claro.primer .dojoxFloatingPane .dojoxFloatingPaneTitle {
      cursor: move;
      border-width: 0 0 1px 0;
      padding: 2px 4px 4px; }
    .claro.primer .dojoxFloatingPane .dojoxFloatingCloseIcon {
      margin-top: 3px; }
  .claro.primer .dojoxFloatingPane.primerRed {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerRed .dojoxFloatingPaneTitle {
      background-color: #db2828;
      color: #fff;
      border: 1px solid #db2828; }
    .claro.primer .dojoxFloatingPane.primerRed .dojoxFloatingPaneCanvas {
      border: 1px solid #db2828; }
    .claro.primer .dojoxFloatingPane.primerRed .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerOrange {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerOrange .dojoxFloatingPaneTitle {
      background-color: #f2711c;
      color: #fff;
      border: 1px solid #f2711c; }
    .claro.primer .dojoxFloatingPane.primerOrange .dojoxFloatingPaneCanvas {
      border: 1px solid #f2711c; }
    .claro.primer .dojoxFloatingPane.primerOrange .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerYellow {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerYellow .dojoxFloatingPaneTitle {
      background-color: #fbbd08;
      color: #fff;
      border: 1px solid #fbbd08; }
    .claro.primer .dojoxFloatingPane.primerYellow .dojoxFloatingPaneCanvas {
      border: 1px solid #fbbd08; }
    .claro.primer .dojoxFloatingPane.primerYellow .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerOlive {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerOlive .dojoxFloatingPaneTitle {
      background-color: #b5cc18;
      color: #fff;
      border: 1px solid #b5cc18; }
    .claro.primer .dojoxFloatingPane.primerOlive .dojoxFloatingPaneCanvas {
      border: 1px solid #b5cc18; }
    .claro.primer .dojoxFloatingPane.primerOlive .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerGreen {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerGreen .dojoxFloatingPaneTitle {
      background-color: #21ba45;
      color: #fff;
      border: 1px solid #21ba45; }
    .claro.primer .dojoxFloatingPane.primerGreen .dojoxFloatingPaneCanvas {
      border: 1px solid #21ba45; }
    .claro.primer .dojoxFloatingPane.primerGreen .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerTeal {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerTeal .dojoxFloatingPaneTitle {
      background-color: #00b5ad;
      color: #fff;
      border: 1px solid #00b5ad; }
    .claro.primer .dojoxFloatingPane.primerTeal .dojoxFloatingPaneCanvas {
      border: 1px solid #00b5ad; }
    .claro.primer .dojoxFloatingPane.primerTeal .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerBlue {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerBlue .dojoxFloatingPaneTitle {
      background-color: #2185d0;
      color: #fff;
      border: 1px solid #2185d0; }
    .claro.primer .dojoxFloatingPane.primerBlue .dojoxFloatingPaneCanvas {
      border: 1px solid #2185d0; }
    .claro.primer .dojoxFloatingPane.primerBlue .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerViolet {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerViolet .dojoxFloatingPaneTitle {
      background-color: #6435c9;
      color: #fff;
      border: 1px solid #6435c9; }
    .claro.primer .dojoxFloatingPane.primerViolet .dojoxFloatingPaneCanvas {
      border: 1px solid #6435c9; }
    .claro.primer .dojoxFloatingPane.primerViolet .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerPurple {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerPurple .dojoxFloatingPaneTitle {
      background-color: #a333c8;
      color: #fff;
      border: 1px solid #a333c8; }
    .claro.primer .dojoxFloatingPane.primerPurple .dojoxFloatingPaneCanvas {
      border: 1px solid #a333c8; }
    .claro.primer .dojoxFloatingPane.primerPurple .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerPink {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerPink .dojoxFloatingPaneTitle {
      background-color: #e03997;
      color: #fff;
      border: 1px solid #e03997; }
    .claro.primer .dojoxFloatingPane.primerPink .dojoxFloatingPaneCanvas {
      border: 1px solid #e03997; }
    .claro.primer .dojoxFloatingPane.primerPink .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerBrown {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerBrown .dojoxFloatingPaneTitle {
      background-color: #a5673f;
      color: #fff;
      border: 1px solid #a5673f; }
    .claro.primer .dojoxFloatingPane.primerBrown .dojoxFloatingPaneCanvas {
      border: 1px solid #a5673f; }
    .claro.primer .dojoxFloatingPane.primerBrown .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerGrey {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerGrey .dojoxFloatingPaneTitle {
      background-color: #767676;
      color: #fff;
      border: 1px solid #767676; }
    .claro.primer .dojoxFloatingPane.primerGrey .dojoxFloatingPaneCanvas {
      border: 1px solid #767676; }
    .claro.primer .dojoxFloatingPane.primerGrey .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dojoxFloatingPane.primerBlack {
    border: none; }
    .claro.primer .dojoxFloatingPane.primerBlack .dojoxFloatingPaneTitle {
      background-color: #1b1c1d;
      color: #fff;
      border: 1px solid #1b1c1d; }
    .claro.primer .dojoxFloatingPane.primerBlack .dojoxFloatingPaneCanvas {
      border: 1px solid #1b1c1d; }
    .claro.primer .dojoxFloatingPane.primerBlack .dojoxFloatingCloseIcon {
      filter: contrast(200%); }
  .claro.primer .dijitDateTextBox {
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
    width: 126px; }
  .claro.primer .dijitTimeTextBox {
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
    width: 110px; }
  .claro.primer .dijitCalendar {
    background-color: #fff;
    background-image: none;
    padding: 10px; }
    .claro.primer .dijitCalendar .dijitCalendarDateLabel {
      font-size: 13px;
      font-weight: normal;
      font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
      text-align: right; }
    .claro.primer .dijitCalendar .dijitCalendarYearLabel {
      margin-top: 4px; }
    .claro.primer .dijitCalendar.dijitCalendarHover, .claro.primer .dijitCalendar.dijitCalendarFocused {
      border-color: #51a7e8;
      box-shadow: 0 0 5px rgba(81, 167, 232, 0.5); }
    .claro.primer .dijitCalendar .dijitDropDownButton .dijitButtonNode {
      background-color: white;
      background-image: none;
      padding: 0 12px; }
    .claro.primer .dijitCalendar .dijitCalendarMonthContainer th {
      padding-bottom: 8px; }
    .claro.primer .dijitCalendar .dijitCalendarDateTemplate.dijitCalendarHoveredDate .dijitCalendarDateLabel {
      color: #fff; }
    .claro.primer .dijitCalendar .dijitCalendarDateTemplate.dijitCalendarSelectedDate .dijitCalendarDateLabel {
      background-color: #4183c4;
      color: #fff; }
  .claro.primer .dijitCalendarMonthMenu {
    border-color: #51a7e8;
    font-size: 13px; }
    .claro.primer .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
      padding: 8px 0 8px 8px;
      border-top: none;
      border-bottom: 1px solid #eee;
      background-image: none;
      background-color: #fff;
      text-align: left; }
    .claro.primer .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
      background-color: #4183c4;
      color: #fff; }
  .claro.primer .dijitTimePicker {
    border-color: #51a7e8;
    font-size: 13px; }
    .claro.primer .dijitTimePicker .dijitTimePickerMarker {
      padding: 8px 0 8px 8px;
      border-top: none;
      border-bottom: 1px solid #eee;
      background-image: none;
      background-color: #fff;
      text-align: left; }
    .claro.primer .dijitTimePicker .dijitTimePickerMarkerHover {
      background-color: #4183c4;
      color: #fff; }
  .claro.primer .dijitTimePicker .dijitTimePickerMarker {
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
    padding: 0; }
    .claro.primer .dijitTimePicker .dijitTimePickerMarker .dijitTimePickerItemInner {
      padding: 0; }
  .claro.primer .dijitTimePickerPopup {
    width: 110px; }
    .claro.primer .dijitTimePickerPopup .dijitTimePicker {
      border-top: 2px solid #51a7e8;
      border-bottom: 2px solid #51a7e8; }
  .claro.primer .dijitTooltipContainer {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    background-image: none;
    min-width: 160px;
    max-width: 320px;
    font-size: 13px; }
  .claro.primer .primerFit .dijitTooltipContainer {
    max-width: none; }
  .claro.primer .dijitTooltipConnector {
    background-image: none; }
  .claro.primer .dijitTooltipDialogPopup {
    margin-left: -4px; }
  .claro.primer .dijitTooltipBelow {
    margin-top: -10px; }
  .claro.primer .dijitTooltipRight {
    margin-left: -10px; }
  .claro.primer .dijitDialog {
    border: 1px solid #d8d8d8;
    border-radius: 3px 3px 0 0;
    box-shadow: none; }
    .claro.primer .dijitDialog .dijitDialogTitleBar {
      background-image: none;
      background-color: #f8f8f9;
      color: rgba(0, 0, 0, 0.87);
      border-bottom: 1px solid #d8d8d8;
      padding: 10px 10px 9px;
      min-height: 38px; }
      .claro.primer .dijitDialog .dijitDialogTitleBar .dijitDialogTitle {
        color: inherit;
        font-size: inherit;
        font-weight: bold;
        padding: 0; }
      .claro.primer .dijitDialog .dijitDialogTitleBar .dijitDialogCloseIcon {
        margin-top: 4px; }
    .claro.primer .dijitDialog .dijitDialogPaneContent,
    .claro.primer .dijitDialog .dijitDialogPaneContentArea {
      border: none; }
    .claro.primer .dijitDialog .dijitDialogPaneActionBar {
      border-top: 1px solid #d8d8d8;
      padding-bottom: 4px;
      background-color: #fafafa; }
    .claro.primer .dijitDialog.primerSuccess .dijitDialogTitleBar {
      background-color: #fcfff5;
      color: #2c662d; }
    .claro.primer .dijitDialog.primerInfo .dijitDialogTitleBar {
      background-color: #f8ffff;
      color: #276f86; }
    .claro.primer .dijitDialog.primerWarn .dijitDialogTitleBar {
      background-color: #fffaf3;
      color: #573a08; }
    .claro.primer .dijitDialog.primerError .dijitDialogTitleBar {
      background-color: #fff6f6;
      color: #9f3a38; }
  .claro.primer .dijitDialog[widgetid*='ConfirmDialog'] .dijitDialogPaneActionBar .dijitButton:first-child {
    float: right;
    margin-left: 3px; }
    .claro.primer .dijitDialog[widgetid*='ConfirmDialog'] .dijitDialogPaneActionBar .dijitButton:first-child .dijitButtonNode {
      background-color: #60b044;
      background-image: linear-gradient(#8add6d, #60b044);
      border-color: #5ca941;
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); }
    .claro.primer .dijitDialog[widgetid*='ConfirmDialog'] .dijitDialogPaneActionBar .dijitButton:first-child.dijitButtonHover .dijitButtonNode {
      background-color: #569e3d;
      background-image: linear-gradient(#79d858, #569e3d);
      border-color: #4a993e;
      color: #fff; }
    .claro.primer .dijitDialog[widgetid*='ConfirmDialog'] .dijitDialogPaneActionBar .dijitButton:first-child.dijitButtonFocused .dijitButtonNode {
      border-color: #51a7e8;
      box-shadow: 0 0 5px rgba(81, 167, 232, 0.5);
      outline: medium none;
      text-decoration: none; }
    .claro.primer .dijitDialog[widgetid*='ConfirmDialog'] .dijitDialogPaneActionBar .dijitButton:first-child.dijitButtonChecked .dijitButtonNode,
    .claro.primer .dijitDialog[widgetid*='ConfirmDialog'] .dijitDialogPaneActionBar .dijitButton:first-child.dijitButtonActive .dijitButtonNode {
      background-color: #569e3d;
      background-image: none;
      border-color: #418737;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .claro.primer .dojoDndSource,
  .claro.primer .dojoDndTarget {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.4;
    padding: 15px;
    position: relative; }
  .claro.primer .dojoDndItem {
    padding: 0 8px;
    border: none;
    line-height: 32px;
    background-image: none; }
  .claro.primer .state-red, .claro.primer .state-error,
  .claro.primer .state-closed {
    background-color: #db2828; }
  .claro.primer .state-orange {
    background-color: #f2711c; }
  .claro.primer .state-yellow, .claro.primer .state-warn,
  .claro.primer .state-warning {
    background-color: #fbbd08; }
  .claro.primer .state-olive {
    background-color: #b5cc18; }
  .claro.primer .state-green, .claro.primer .state-open,
  .claro.primer .state-success {
    background-color: #21ba45; }
  .claro.primer .state-teal, .claro.primer .state-changed,
  .claro.primer .state-pending {
    background-color: #00b5ad; }
  .claro.primer .state-blue, .claro.primer .state-info,
  .claro.primer .state-desc {
    background-color: #2185d0; }
  .claro.primer .state-violet {
    background-color: #6435c9; }
  .claro.primer .state-purple {
    background-color: #a333c8; }
  .claro.primer .state-pink {
    background-color: #e03997; }
  .claro.primer .state-brown {
    background-color: #a5673f; }
  .claro.primer .state-grey {
    background-color: #767676; }
  .claro.primer .state-black {
    background-color: #1b1c1d; }
  .claro.primer .state-small {
    padding: 2px 6px;
    font-size: 12px; }
  .claro.primer .primerSmall.dijitTextBox {
    font-size: 12px;
    min-height: 26px;
    padding-bottom: 3px;
    padding-top: 4px; }
  .claro.primer .primerSmall .dijitTextBox {
    font-size: 12px;
    min-height: 26px;
    padding-bottom: 3px;
    padding-top: 4px; }
  .claro.primer .primerSmall.dijitButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall.dijitButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall.dijitButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall.dijitDropDownButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall.dijitDropDownButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall.dijitDropDownButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall.dijitComboButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall.dijitComboButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall.dijitComboButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall.dijitToggleButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall.dijitToggleButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall.dijitToggleButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall .dijitButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall .dijitButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall .dijitButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall .dijitDropDownButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall .dijitDropDownButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall .dijitDropDownButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall .dijitComboButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall .dijitComboButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall .dijitComboButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall .dijitToggleButton .dijitButtonNode {
    padding: 2px 10px; }
  .claro.primer .primerSmall .dijitToggleButton .dijitIcon.fa {
    font-size: 13px;
    line-height: 20px; }
  .claro.primer .primerSmall .dijitToggleButton .dijitArrowButtonInner {
    margin-top: 2px; }
  .claro.primer .primerSmall.dijitSelect {
    min-height: initial; }
    .claro.primer .primerSmall.dijitSelect .dijitStretch {
      height: auto;
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 12px;
      line-height: 1.4; }
    .claro.primer .primerSmall.dijitSelect .dijitArrowButtonInner {
      margin: 0; }
    .claro.primer .primerSmall.dijitSelect .dijitSelectLabel {
      height: 16px; }
  .claro.primer .primerSmall .dijitSelect {
    min-height: initial; }
    .claro.primer .primerSmall .dijitSelect .dijitStretch {
      height: auto;
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 12px;
      line-height: 1.4; }
    .claro.primer .primerSmall .dijitSelect .dijitArrowButtonInner {
      margin: 0; }
    .claro.primer .primerSmall .dijitSelect .dijitSelectLabel {
      height: 16px; }
  .claro.primer .primerSmall.dijitSpinner .dijitSpinnerButtonContainer {
    margin-bottom: -3px;
    margin-top: -4px;
    padding-bottom: 3px;
    padding-top: 3px; }
  .claro.primer .primerSmall .dijitSpinner .dijitSpinnerButtonContainer {
    margin-bottom: -3px;
    margin-top: -4px;
    padding-bottom: 3px;
    padding-top: 3px; }
  .claro.primer .primerSmall.dijitComboBox .dijitArrowButton {
    margin-bottom: -3px;
    margin-top: -4px;
    padding-bottom: 4px;
    padding-top: 4px; }
    .claro.primer .primerSmall.dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
      margin: 0;
      line-height: 16px; }
  .claro.primer .primerSmall .dijitComboBox .dijitArrowButton {
    margin-bottom: -3px;
    margin-top: -4px;
    padding-bottom: 4px;
    padding-top: 4px; }
    .claro.primer .primerSmall .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
      margin: 0;
      line-height: 16px; }
  .claro.primer .primerSmall.table-vertical > tbody > tr > th,
  .claro.primer .primerSmall.table-vertical > tbody > tr > td,
  .claro.primer .primerSmall.table-vertical > tfoot > tr > th,
  .claro.primer .primerSmall.table-vertical > tfoot > tr > td {
    padding: 2px 4px;
    line-height: 23px; }
  .claro.primer .primerSmall.table-horizontal > tbody > tr > th,
  .claro.primer .primerSmall.table-horizontal > tbody > tr > td,
  .claro.primer .primerSmall.table-horizontal > tfoot > tr > th,
  .claro.primer .primerSmall.table-horizontal > tfoot > tr > td {
    padding: 2px 4px;
    line-height: 23px; }
  .claro.primer .primerSmall .table-vertical > tbody > tr > th,
  .claro.primer .primerSmall .table-vertical > tbody > tr > td,
  .claro.primer .primerSmall .table-vertical > tfoot > tr > th,
  .claro.primer .primerSmall .table-vertical > tfoot > tr > td {
    padding: 2px 4px;
    line-height: 23px; }
  .claro.primer .primerSmall .table-horizontal > tbody > tr > th,
  .claro.primer .primerSmall .table-horizontal > tbody > tr > td,
  .claro.primer .primerSmall .table-horizontal > tfoot > tr > th,
  .claro.primer .primerSmall .table-horizontal > tfoot > tr > td {
    padding: 2px 4px;
    line-height: 23px; }
  .claro.primer .primerSmall.dijitMenuTable .dijitMenuItem td {
    padding: 4px 0 4px 4px; }
  .claro.primer .primerSmall .dijitMenuTable .dijitMenuItem td {
    padding: 4px 0 4px 4px; }
  .claro.primer .dgrid {
    height: auto; }
    .claro.primer .dgrid .dgrid-scrollbar-width {
      display: none; }
    .claro.primer .dgrid .dgrid-header {
      width: 100%;
      position: relative; }
    .claro.primer .dgrid .dgrid-scroller {
      position: relative;
      overflow-y: hidden;
      margin-bottom: 0 !important;
      margin-top: 0 !important; }
    .claro.primer .dgrid .dgrid-footer {
      position: relative; }
  .claro.primer .dgrid-cell {
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.6;
    padding: 6px 8px; }
    .claro.primer .dgrid-cell:first-child {
      border-left: none; }
    .claro.primer .dgrid-cell:last-child {
      border-right: none; }
  .claro.primer .primerTop .dgrid-cell {
    vertical-align: top; }
  .claro.primer .dgrid-cell.text-middle {
    vertical-align: middle; }
  .claro.primer .dgrid-header .dgrid-cell {
    background-color: #f9fafb;
    white-space: nowrap;
    text-align: left;
    padding: 8px; }
  .claro.primer .dgrid-header .dgrid-resize-handle {
    right: -10px; }
  .claro.primer .dgrid-footer {
    padding: 6px;
    background-color: #f9fafb; }
    .claro.primer .dgrid-footer .dgrid-status {
      margin-left: 8px; }
  .claro.primer .primerStriped .dgrid-row-odd {
    background-color: #F7F7F8; }
  .claro.primer .primerHover .dgrid-row:hover {
    background-color: #F7F7F8 !important; }
  .claro.primer .dgrid-content .primerSuccess {
    background-color: #fcfff5; }
  .claro.primer .dgrid-content .primerInfo {
    background-color: #f8ffff; }
  .claro.primer .dgrid-content .primerWarn {
    background-color: #fffaf3; }
  .claro.primer .dgrid-content .primerError {
    background-color: #fff6f6; }
  .claro.primer .dgrid-content .primerSelected {
    background-color: #E6FFFA; }
  .claro.primer .primerAlternative .dgrid-header .dgrid-cell {
    background-color: #fff; }
  .claro.primer .gformEditor .indicator, .claro.primer .gformEditor .tabLabel span {
    color: #fff;
    width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    border-radius: 8px;
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
    font-weight: bold;
    cursor: default; }
  .claro.primer .gformEditor div > p:first-child {
    display: none; }
  .claro.primer .gformEditor .label,
  .claro.primer .gformEditor label:first-child {
    margin-bottom: 4px;
    font-size: 14px;
    padding-left: 0;
    height: 20px; }
  .claro.primer .gformEditor .label label {
    float: left;
    margin-right: 4px;
    font-size: 13px;
    font-weight: bold; }
    .claro.primer .gformEditor .label label label ~ sup {
      color: red;
      vertical-align: baseline;
      font-size: 12px;
      font-weight: bold; }
  .claro.primer .gformEditor .indicator {
    padding: 0 2px 1px 1px;
    float: right;
    margin-left: 4px;
    margin-top: 2px; }
    .claro.primer .gformEditor .indicator.description {
      background-color: #2185d0; }
    .claro.primer .gformEditor .indicator.error {
      background-color: #db2828; }
    .claro.primer .gformEditor .indicator.changes {
      background-color: #00b5ad; }
  .claro.primer .gformEditor .dojoDndItem .indicator {
    margin-top: 8px; }
  .claro.primer .gformEditor .required-asterisk {
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
    font-weight: bold;
    color: red;
    top: 0; }
  .claro.primer .gformEditor .dijitStackContainer {
    margin-top: 8px; }
  .claro.primer .gformEditor .Decorator {
    border-left: 3px solid #CCCCCC;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 4px;
    min-width: 60px;
    float: left;
    clear: both; }
    .claro.primer .gformEditor .Decorator.row {
      min-height: 60px; }
    .claro.primer .gformEditor .Decorator.row.inline {
      clear: none; }
    .claro.primer .gformEditor .Decorator.row.block + .inline {
      clear: left; }
    .claro.primer .gformEditor .Decorator .Decorator {
      border-color: #BBBBBB; }
    .claro.primer .gformEditor .Decorator .Decorator .Decorator {
      border-color: #AAAAAA; }
    .claro.primer .gformEditor .Decorator br {
      display: none; }
    .claro.primer .gformEditor .Decorator .dijitTextBox {
      width: 210px; }
      .claro.primer .gformEditor .Decorator .dijitTextBox.dijitDateTextBox {
        width: 126px; }
      .claro.primer .gformEditor .Decorator .dijitTextBox.dijitTimeTextBox {
        width: 110px; }
    .claro.primer .gformEditor .Decorator.short .dijitTextBox {
      width: 127px; }
    .claro.primer .gformEditor .Decorator.long .dijitTextBox {
      width: 419px; }
    .claro.primer .gformEditor .Decorator .dijitTextBox.dijitTextArea {
      width: 500px;
      height: 120px; }
    .claro.primer .gformEditor .Decorator.long .dijitTextBox.dijitTextArea {
      width: 840px; }
    .claro.primer .gformEditor .Decorator .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
      min-height: 160px;
      overflow: auto; }
    .claro.primer .gformEditor .Decorator.long .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
      width: 160px; }
    .claro.primer .gformEditor .Decorator .dijitSelect .dijitButtonContents {
      min-width: 182px; }
    .claro.primer .gformEditor .Decorator .dijitSelect.primerFit .dijitButtonContents {
      min-width: initial; }
  .claro.primer .gformEditor .body {
    clear: both; }
  .claro.primer .gformEditor .gformColumnContainer .Decorator {
    display: inline-block;
    margin-left: 8px; }
  .claro.primer .gformEditor .gformTableList .Decorator {
    display: table-cell;
    margin-right: 8px; }
  .claro.primer .gformEditor .area {
    display: inline-block;
    padding: 0 4px;
    position: relative;
    top: 3px;
    width: 24px; }
  .claro.primer .gformEditor .bars {
    background-color: rgba(55, 55, 55, 0.2);
    display: block;
    height: 3px;
    margin-top: 3px;
    width: 100%; }
  .claro.primer .gformEditor .dijitToolbar label {
    font-weight: normal;
    line-height: 25px; }
  .claro.primer .gformEditor .dijitToolbar .dijitTextBox {
    width: 120px;
    min-width: 120px;
    margin-top: 1px; }
  .claro.primer .gformEditor .dojoDndContainer,
  .claro.primer .gformEditor .dojoDndContainerOver {
    margin-bottom: 8px;
    overflow: hidden;
    padding: 8px; }
  .claro.primer .gformEditor .gformTableList {
    margin: 8px 0; }
    .claro.primer .gformEditor .gformTableList thead,
    .claro.primer .gformEditor .gformTableList tbody {
      border: 1px solid #d4d4d5; }
    .claro.primer .gformEditor .gformTableList th {
      color: #666;
      padding: 8px 12px;
      text-align: left;
      border-left: 1px solid #d4d4d5; }
    .claro.primer .gformEditor .gformTableList th:last-child {
      border-right: 1px solid #d4d4d5; }
  .claro.primer .gformEditor .dojoDndItem > td {
    padding: 4px 10px;
    border-color: #d4d4d5;
    border-left: 1px solid #d4d4d5;
    float: none; }
  .claro.primer .gformEditor .dojoDndItem:first-child td {
    padding-top: 8px; }
  .claro.primer .gformEditor .dojoDndItem:last-child td {
    padding-bottom: 8px; }
  .claro.primer .gformEditor .dojoDndItemOver,
  .claro.primer .gformEditor .dojoDndItemAnchor {
    background-color: transparent; }
  .claro.primer .gformEditor .dijitTabContainerTopChildWrapper > .gformColumnContainer {
    padding: 8px 0; }
  .claro.primer .gformEditor .dijitTitlePane {
    margin-bottom: 2px; }
    .claro.primer .gformEditor .dijitTitlePane .dijitTitlePaneTitle {
      min-width: 160px; }
  .claro.primer .gformEditor .tabLabel span {
    display: inline-block;
    padding-right: 1px;
    margin: -2px -4px 0 6px; }
  .claro.primer .gformEditor .tabLabel .changesTooltipNode {
    background-color: #00b5ad; }
  .claro.primer .gformEditor .tabLabel .errorTooltipNode {
    background-color: #db2828; }
  .claro.primer .gformEditor .dijitTabController {
    position: relative !important; }
  .claro.primer .gformEditor .dijitTabPaneWrapper {
    top: 0 !important;
    padding: 4px;
    height: auto !important;
    position: relative !important; }
  .claro.primer .gformEditor .dijitTabPane {
    height: auto !important; }
  .claro.primer .gformEditor .ace_editor {
    border: 1px solid #cccccc;
    border-radius: 3px;
    min-width: 706px;
    font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Consolas, "Microsoft YaHei", "Liberation Mono", Menlo, Courier, monospace;
    font-size: 14px; }
  .claro.primer .gform-container {
    margin-bottom: 8px;
    overflow: hidden; }