/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
  display:block;
}

audio, canvas, progress, video{
  display:inline-block;
  vertical-align:baseline;
}

audio:not([controls]){
  display:none;
  height:0;
}

[hidden], template{
  display:none;
}

a{
  background-color:transparent;
}

a:active, a:hover{
  outline:0;
}

abbr[title]{
  border-bottom:1px dotted;
}

b, strong{
  font-weight:bold;
}

dfn{
  font-style:italic;
}

h1, h2.text--thin{
  font-size:2em;
  margin:0.67em 0;
}

mark{
  background:#ff0;
  color:#000;
}

small{
  font-size:80%;
}

sub, sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup{
  top:-0.5em;
}

sub{
  bottom:-0.25em;
}

img{
  border:0;
}

svg:not(:root){
  overflow:hidden;
}

figure{
  margin:1em 40px;
}

hr{
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
}

pre{
  overflow:auto;
}

code, kbd, pre, samp{
  font-family:monospace, monospace;
  font-size:1em;
}

button, input, optgroup, select, textarea{
  color:inherit;
  font:inherit;
  margin:0;
}

button{
  overflow:visible;
}

button, select{
  text-transform:none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]{
  -webkit-appearance:button;
  cursor:pointer;
}

button[disabled], html input[disabled]{
  cursor:default;
}

button::-moz-focus-inner, input::-moz-focus-inner{
  border:0;
  padding:0;
}

input{
  line-height:normal;
}

input[type="checkbox"], input[type="radio"]{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{
  height:auto;
}

input[type="search"]{
  -webkit-appearance:textfield;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}

fieldset{
  border:1px solid #c0c0c0;
  margin:0;
  padding:0.35em 0.625em 0.75em;
}

legend{
  border:0;
  padding:0;
}

textarea{
  overflow:auto;
}

optgroup{
  font-weight:bold;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

td, th{
  padding:0;
}
:root{
}
.pending{
  border:2px solid;
  position:relative;
}
.pending::before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  opacity:0.05;
}
.pending--added{
  border-color:#50bf9e;
}
.pending--added::before{
  background-color:#50bf9e;
}
.pending--added .pending__meta{
  background:#50bf9e;
}
.pending--changed{
  border-color:#0095da;
}
.pending--changed::before{
  background-color:#0095da;
}
.pending--changed .pending__meta{
  background:#0095da;
}
.pending--deleted{
  border-color:#504f56;
}
.pending--deleted::before{
  background-color:#504f56;
}
.pending--deleted .pending__meta{
  background:#504f56;
}

.pending__meta{
  margin-left:-2rem;
  padding:0.1rem 0.5rem;
  color:#fdfdfd;
  position:relative;
  top:-2rem;
  font-size:1.3rem;
  min-width:65px;
  text-align:center;
}

.pending__meta + header{
  margin-top:-1rem;
}

.pending__meta + header .section-header__toolbar{
  margin-top:-1rem;
}

.row.row--pending, .fake-table__toggle-row.row--pending, .summary__row.row--pending, .fake-table__row.row--pending, .fake-table__row--child.row--pending, .list--expandable .list__item--wrapper.row--pending, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item.row--pending{
  padding-top:2.5rem;
  padding-bottom:0.5rem;
  margin-top:1.2rem;
  margin-left:0;
  margin-right:0;
}

.row.row--pending .pending__meta, .fake-table__toggle-row.row--pending .pending__meta, .summary__row.row--pending .pending__meta, .fake-table__row.row--pending .pending__meta, .fake-table__row--child.row--pending .pending__meta, .list--expandable .list__item--wrapper.row--pending .pending__meta, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item.row--pending .pending__meta{
  position:absolute;
  top:0;
  left:0;
  margin:0;
}

.row.row--pending > *, .fake-table__toggle-row.row--pending > *, .summary__row.row--pending > *, .fake-table__row.row--pending > *, .fake-table__row--child.row--pending > *, .list--expandable .list__item--wrapper.row--pending > *, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item.row--pending > *{
  position:relative;
}

.change-type:before{
  content:'';
  display:inline-block;
  width:1rem;
  height:1rem;
  margin-right:.5rem;
}

.change-type--added::before{
  background:#50bf9e;
}

.change-type--edited::before{
  background:#0095da;
}

.change-type--deleted::before{
  background:#101010;
}
p.with-margin, .toolbar, .search__form, .form, .section-header, .section-header--divided .section-header__above, .infobar, .table, .fake-table{
  margin-bottom:1.2rem;
}

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

@media (min-width: 768px){

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

@media (min-width: 768px){

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

.text--center--always{
  text-align:center!important;
}
td.text--center, .fake-table__row *.text--center{
  text-align:left!important;
}
@media (min-width: 768px){

  td.text--center, .fake-table__row *.text--center{
    text-align:center!important;
  }
}

.text--light, .summary__row span, .infobar__meta{
  color:#a5a4ab!important;
}

.text--light a, .summary__row span a, .infobar__meta a{
  color:inherit;
}

.text--thin{
  font-weight:300!important;
}

.text--normal{
  font-weight:400!important;
  font-style:normal;
}

.text--semibold{
  font-weight:600!important;
}

.text--bold{
  font-weight:700!important;
}

.text--italic{
  font-style:italic;
}
.text--nowrap{
  white-space:nowrap;
}
.text--strikethrough{
  text-decoration:line-through;
}

.text--small, .list--expandable .list__item__date span{
  font-size:1.2rem!important;
}

.text--x-small{
  font-size:.8rem!important;
}

.text--medium{
  font-size:1.4rem!important;
}

.text--large{
  font-size:1.6rem!important;
}
.text--lower{
  text-transform:lowercase;
}

.text--upper{
  text-transform:uppercase;
}
.text--error{
  color:#ed6b6a;
}
.text--strike{
  text-decoration:line-through;
}

.text--minus{
  color:#ed6b6a;
}

.text--plus{
  color:#50bf9e;
}

.hidden-on-mobile{
  display:none!important;
}

@media (min-width: 768px){

  .hidden-on-mobile{
    display:block!important;
  }
}
.visibility--hidden{
  visibility:hidden;
}

.cell--block, .cell--no-flex, .col--no-flex, .block--no-flex{
  display:block!important;
}

.cell--flex{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.align--center{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.align--right{
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
}

.align--vertical-center{
  -ms-flex-item-align:center;
  align-self:center;
}
.row--align-vertical > div:first-child, .row--align-vertical > .fake-table__cell--delete{
  padding-top:2.4rem!important;
}
.row--align-vertical .align--vertical-center{
  -ms-flex-item-align:start;
  align-self:flex-start;
  padding-top:1rem;
}
.row--align-vertical .align--vertical-center .icon--x{
  line-height:1.7;
}

.align--top{
  -ms-flex-item-align:start;
  align-self:flex-start;
}

.align--bottom{
  -ms-flex-item-align:end;
  align-self:flex-end;
}

.v-align--top{
  vertical-align:top!important;
}

.v-align--middle{
  vertical-align:middle!important;
}

.v-align--bottom{
  vertical-align:bottom!important;
}

@media (min-width: 768px){

  .flex-mob-order{
    -webkit-box-ordinal-group:1!important;
    -ms-flex-order:0!important;
    order:0!important;
  }
}

.flex-mob-order--1{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1;
}

.flex-mob-order--2{
  -webkit-box-ordinal-group:3;
  -ms-flex-order:2;
  order:2;
}

.no-padding{
  padding:0!important;
}

@media (min-width: 960px){

  .no-padding--left{
    padding-left:0!important;
  }
}

@media (min-width: 960px){

  .no-padding--right{
    padding-right:0!important;
  }
}

@media (min-width: 960px){

  .no-padding--top{
    padding-top:0!important;
  }
}

@media (min-width: 960px){

  .no-padding--bottom{
    padding-bottom:0!important;
  }
}

.no-margin{
  margin:0!important;
}

.no-margin--left{
  margin-left:0!important;
}

.no-margin--right{
  margin-right:0!important;
}

.no-margin--top{
  margin-top:0!important;
}

.no-margin--bottom{
  margin-bottom:0!important;
}

.no-border{
  border:0!important;
}

.no-border--left{
  border-left:0!important;
}

.no-border--right{
  border-right:0!important;
}

.no-border--top{
  border-top:0!important;
}

.no-border--bottom{
  border-bottom:0!important;
}

.display--block{
  display:block!important;
}

.float--left{
  float:left;
  margin-right:1rem;
}

.float--right{
  float:right;
  margin-bottom:1.2rem;
}

.heading--inline{
  display:inline-block!important;
  vertical-align:middle;
  margin-right:2rem;
}

.heading--sub{
  margin-top:1.2rem;
  margin-bottom:.6rem;
}

.heading--in-form, .heading--space-below{
  margin-bottom:1.2rem;
}

.heading--scrollable-table{
  background:#ededed;
  padding:2rem;
  margin-left:-3rem;
  padding-left:3rem;
  width:calc(100% + 6rem);
}

.input--inline{
  display:inline-block;
  max-width:220px;
  vertical-align:top;
}

.no-list, .filter-items, .vertical__nav, .bucket__list, .tabs__nav, .tabs__section__nav, .tooltip-wrapper .tooltip__list, .comments .comments__content, .changelog .comments__content, .changelog .changelog__content, .reports .comments__content, .reports .changelog__content, .file-upload__list ul, .page-contents ul{
  list-style:none;
  padding:0;
  margin:0;
}
.text--inline, .list--inline, .infobar__meta{
  display:inline;
  vertical-align:middle;
  padding:0;
}
.text--inline > *, .list--inline > *, .infobar__meta > *{
  display:inline-block;
  margin-right:1rem;
}

.break--inline{
  display:inline-block;
  margin:0 0.25rem;
}

.row--spaced{
  margin-bottom:.4rem;
}

.row--spaced-large{
  margin-bottom:1.2rem;
}

.row--with-border::before{
  content:'';
  height:1px;
  width:calc(100% - 2rem);
  margin-left:1rem;
  border-top:1px solid #d9d9dc;
  padding-top:1rem;
  margin-top:1rem;
}

.col{
  padding:0 1rem;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

@media (min-width: 960px){

  .col{
    -webkit-box-flex:0;
    -ms-flex:0;
    flex:0;
    margin-bottom:0;
  }
}
.form__field .col:first-child{
  padding-left:0;
}

.col--for-numeric-input{
  max-width:65px;
}

.col--for-numeric-input .form__input{
  padding-right:0;
}

.col--for-numeric-input .form__input__errors{
  min-width:230px;
  margin-left:-100px;
}

.col--inline{
  display:inline-block;
  vertical-align:middle;
}

.col--for-dates{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
}
.truncated, .text--truncated, .table__cell--truncated, .table__row--truncated:not(.dd-open) > td:not([data-label="Feil"]){
  white-space:nowrap;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
}
@media (min-width: 960px){

  .truncated, .text--truncated, .table__cell--truncated, .table__row--truncated:not(.dd-open) > td:not([data-label="Feil"]){
    max-width:100px;
  }
}

.text--truncated{
  display:inline-block;
  vertical-align:middle;
}
.clear:after, caption:after{
  content:"";
  display:table;
  clear:both;
}
.print-header{
  display:none;
}
.click-here{
  position:relative;
}
.click-here:after{
  content:'';
  position:absolute;
  width:30px;
  height:30px;
  border-radius:30px;
  border:5px solid #ed6b6a;
  opacity:0.5;
  right:-12px;
  top:-5px;
}

.row--clickable{
  cursor:pointer;
}

.hidden{
  display:none!important;
}
*, *:before, *:after{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

*{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

html{
  font-size:62.5%;
}

body{
  font-family:'Source Sans Pro'
,
sans-serif;
  font-size:1.4rem;
  line-height:1.4;
  color:#121212;
  font-weight:400;
  background:#f3f3f3;
}

p{
  margin:0;
}

a{
  color:#0095da;
  background:transparent;
  text-decoration:underline;
  cursor:pointer;
}

a:active, a:hover{
  outline:0;
  text-decoration:none;
}

h1, h2, h3, h4, h2.text--thin{
  font-family:'Source Sans Pro'
,
sans-serif;
  color:#504f56;
  font-weight:600;

}
h1, h2.text--thin{
  font-size:2.2rem;
  margin:0;
}
h2{
  font-size:2rem;
  margin:0;
}
h3{
  font-size:1.6rem;
  margin:0;
}
h4{
  font-size:1.4rem;
  margin:0;
}

address{
  font-style:normal;
}
.row, .fake-table__toggle-row, .summary__row, .fake-table__row, .fake-table__row--child, .list--expandable .list__item--wrapper, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:row;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-left:-1rem;
  margin-right:-1rem;
  position:relative;
}

.col-xs, .col-sm, .col-md, .col-lg, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .summary, .summary__row div:first-child, .summary__row div:last-child, .tabs__nav__item, .list--expandable .list__item__date, .list--expandable .list__item__results, .list--expandable .list__item__action, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item--downloads, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item--message, .tabs--compressed .tabs__nav__item, .tabs--transparent .tabs__nav__item{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-flex:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  padding-left:1rem;
  padding-right:1rem;
}

.col-xs, .col-sm, .col-md, .col-lg, .summary, .list--expandable .list__item__results, .list--expandable .list__item__action, .tabs--compressed .tabs__nav__item{
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%;
}

.col-xs-1{
  -ms-flex-preferred-size:8.33333%;
  flex-basis:8.33333%;
  max-width:8.33333%;
}

.col-xs-2{
  -ms-flex-preferred-size:16.66667%;
  flex-basis:16.66667%;
  max-width:16.66667%;
}

.col-xs-3, .tabs__nav__item{
  -ms-flex-preferred-size:25%;
  flex-basis:25%;
  max-width:25%;
}

.col-xs-4{
  -ms-flex-preferred-size:33.33333%;
  flex-basis:33.33333%;
  max-width:33.33333%;
}

.col-xs-5{
  -ms-flex-preferred-size:41.66667%;
  flex-basis:41.66667%;
  max-width:41.66667%;
}

.col-xs-6, .list--expandable .list__item__date, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item--downloads, .list--expandable .list__item--is-expanded .list--sub-list .sub-list__item--message{
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  max-width:50%;
}

.col-xs-7{
  -ms-flex-preferred-size:58.33333%;
  flex-basis:58.33333%;
  max-width:58.33333%;
}

.col-xs-8{
  -ms-flex-preferred-size:66.66667%;
  flex-basis:66.66667%;
  max-width:66.66667%;
}

.col-xs-9{
  -ms-flex-preferred-size:75%;
  flex-basis:75%;
  max-width:75%;
}

.col-xs-10{
  -ms-flex-preferred-size:83.33333%;
  flex-basis:83.33333%;
  max-width:83.33333%;
}

.col-xs-11{
  -ms-flex-preferred-size:91.66667%;
  flex-basis:91.66667%;
  max-width:91.66667%;
}

.col-xs-12{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%;
}

.off-xs-1{
  margin-left:8.33333%;
}

.off-xs-2{
  margin-left:16.66667%;
}

.off-xs-3{
  margin-left:25%;
}

.off-xs-4{
  margin-left:33.33333%;
}

.off-xs-5{
  margin-left:41.66667%;
}

.off-xs-6{
  margin-left:50%;
}

.off-xs-7{
  margin-left:58.33333%;
}

.off-xs-8{
  margin-left:66.66667%;
}

.off-xs-9{
  margin-left:75%;
}

.off-xs-10{
  margin-left:83.33333%;
}

.off-xs-11{
  margin-left:91.66667%;
}

@media only screen and (min-width: 768px){
  .col-sm-1{
    -ms-flex-preferred-size:8.33333%;
    flex-basis:8.33333%;
    max-width:8.33333%;
  }
  .col-sm-2{
    -ms-flex-preferred-size:16.66667%;
    flex-basis:16.66667%;
    max-width:16.66667%;
  }
  .col-sm-3{
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%;
  }
  .col-sm-4, .summary__row div:first-child{
    -ms-flex-preferred-size:33.33333%;
    flex-basis:33.33333%;
    max-width:33.33333%;
  }
  .col-sm-5{
    -ms-flex-preferred-size:41.66667%;
    flex-basis:41.66667%;
    max-width:41.66667%;
  }
  .col-sm-6{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%;
  }
  .col-sm-7{
    -ms-flex-preferred-size:58.33333%;
    flex-basis:58.33333%;
    max-width:58.33333%;
  }
  .col-sm-8, .summary__row div:last-child{
    -ms-flex-preferred-size:66.66667%;
    flex-basis:66.66667%;
    max-width:66.66667%;
  }
  .col-sm-9{
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%;
  }
  .col-sm-10{
    -ms-flex-preferred-size:83.33333%;
    flex-basis:83.33333%;
    max-width:83.33333%;
  }
  .col-sm-11{
    -ms-flex-preferred-size:91.66667%;
    flex-basis:91.66667%;
    max-width:91.66667%;
  }
  .col-sm-12{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
  }
  .off-sm-1{
    margin-left:8.33333%;
  }
  .off-sm-2{
    margin-left:16.66667%;
  }
  .off-sm-3{
    margin-left:25%;
  }
  .off-sm-4{
    margin-left:33.33333%;
  }
  .off-sm-5{
    margin-left:41.66667%;
  }
  .off-sm-6{
    margin-left:50%;
  }
  .off-sm-7{
    margin-left:58.33333%;
  }
  .off-sm-8{
    margin-left:66.66667%;
  }
  .off-sm-9{
    margin-left:75%;
  }
  .off-sm-10{
    margin-left:83.33333%;
  }
  .off-sm-11{
    margin-left:91.66667%;
  }
}

@media only screen and (min-width: 960px){
  .col-md-1{
    -ms-flex-preferred-size:8.33333%;
    flex-basis:8.33333%;
    max-width:8.33333%;
  }
  .col-md-2, .tabs__nav__item{
    -ms-flex-preferred-size:16.66667%;
    flex-basis:16.66667%;
    max-width:16.66667%;
  }
  .col-md-3, .tabs--compressed .tabs__nav__item{
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%;
  }
  .col-md-4{
    -ms-flex-preferred-size:33.33333%;
    flex-basis:33.33333%;
    max-width:33.33333%;
  }
  .col-md-5{
    -ms-flex-preferred-size:41.66667%;
    flex-basis:41.66667%;
    max-width:41.66667%;
  }
  .col-md-6, .tabs--transparent .tabs__nav__item{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%;
  }
  .col-md-7{
    -ms-flex-preferred-size:58.33333%;
    flex-basis:58.33333%;
    max-width:58.33333%;
  }
  .col-md-8{
    -ms-flex-preferred-size:66.66667%;
    flex-basis:66.66667%;
    max-width:66.66667%;
  }
  .col-md-9{
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%;
  }
  .col-md-10{
    -ms-flex-preferred-size:83.33333%;
    flex-basis:83.33333%;
    max-width:83.33333%;
  }
  .col-md-11{
    -ms-flex-preferred-size:91.66667%;
    flex-basis:91.66667%;
    max-width:91.66667%;
  }
  .col-md-12{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
  }
  .off-md-1{
    margin-left:8.33333%;
  }
  .off-md-2{
    margin-left:16.66667%;
  }
  .off-md-3{
    margin-left:25%;
  }
  .off-md-4{
    margin-left:33.33333%;
  }
  .off-md-5{
    margin-left:41.66667%;
  }
  .off-md-6{
    margin-left:50%;
  }
  .off-md-7{
    margin-left:58.33333%;
  }
  .off-md-8{
    margin-left:66.66667%;
  }
  .off-md-9{
    margin-left:75%;
  }
  .off-md-10{
    margin-left:83.33333%;
  }
  .off-md-11{
    margin-left:91.66667%;
  }
}

@media only screen and (min-width: 1200px){
  .col-lg-1{
    -ms-flex-preferred-size:8.33333%;
    flex-basis:8.33333%;
    max-width:8.33333%;
  }
  .col-lg-2{
    -ms-flex-preferred-size:16.66667%;
    flex-basis:16.66667%;
    max-width:16.66667%;
  }
  .col-lg-3{
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%;
  }
  .col-lg-4{
    -ms-flex-preferred-size:33.33333%;
    flex-basis:33.33333%;
    max-width:33.33333%;
  }
  .col-lg-5{
    -ms-flex-preferred-size:41.66667%;
    flex-basis:41.66667%;
    max-width:41.66667%;
  }
  .col-lg-6{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:50%;
  }
  .col-lg-7{
    -ms-flex-preferred-size:58.33333%;
    flex-basis:58.33333%;
    max-width:58.33333%;
  }
  .col-lg-8{
    -ms-flex-preferred-size:66.66667%;
    flex-basis:66.66667%;
    max-width:66.66667%;
  }
  .col-lg-9{
    -ms-flex-preferred-size:75%;
    flex-basis:75%;
    max-width:75%;
  }
  .col-lg-10{
    -ms-flex-preferred-size:83.33333%;
    flex-basis:83.33333%;
    max-width:83.33333%;
  }
  .col-lg-11{
    -ms-flex-preferred-size:91.66667%;
    flex-basis:91.66667%;
    max-width:91.66667%;
  }
  .col-lg-12{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
  }
  .off-lg-1{
    margin-left:8.33333%;
  }
  .off-lg-2{
    margin-left:16.66667%;
  }
  .off-lg-3{
    margin-left:25%;
  }
  .off-lg-4{
    margin-left:33.33333%;
  }
  .off-lg-5{
    margin-left:41.66667%;
  }
  .off-lg-6{
    margin-left:50%;
  }
  .off-lg-7{
    margin-left:58.33333%;
  }
  .off-lg-8{
    margin-left:66.66667%;
  }
  .off-lg-9{
    margin-left:75%;
  }
  .off-lg-10{
    margin-left:83.33333%;
  }
  .off-lg-11{
    margin-left:91.66667%;
  }
}
.site-wrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100vh;
  overflow-x:hidden;
}
@media(min-width: 768px){

  .site-wrapper{
    overflow-x:auto;
  }
}
.staging .site-wrapper:before{
  content:'';
  width:8px;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  background:#ed6b6a;
  z-index:5;
}

main{
  -webkit-box-flex:1;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
  position:relative;
}

@media(min-width: 768px){

  main{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    position:static;
  }
}
main > section:first-of-type{
  padding-top:4.4rem;
}

.container, .fake-table{
  padding:0 1rem;
}

.container--padded{
  padding:0 3rem;
}

.container--hd{
  max-width:1400px;
}

@media(min-width: 960px){

  .container--hd{
    margin:0 2rem;
  }
}

.container--desktop{
  max-width:960px;
}

@media(min-width: 960px){

  .container--desktop{
    margin:0 2rem;
  }
}

.container--fixedheight{
  height:3rem;
}

.container--fixedheight + *{
  margin-top:5.4rem;
}

.container--branded{
  background:url("img/logo-echo.svg") no-repeat 50% 7rem;
  background-size:7rem;
  padding-top:26rem!important;
}

.container--branded__heading{
  font-weight:300;
  margin-bottom:1rem;
  text-align:center;
}

.container--is-editing{
  background:#f9f9f9;
  overflow:visible;
  position:relative;
}

.container--is-editing::after{
  content:'';
  position:absolute;
  background:#f9f9f9;
  width:100%;
  height:1.2rem;
  left:0;
}

.container--is-editing::after{
  bottom:-1.2rem;
}

.container--with-bg{
  background:#fdfdfd;
  border:1px solid #ededed;
  padding-top:1rem;
}
@media print{
  *, *:before, *:after{
  background:transparent;
  color:#000;
  -webkit-box-shadow:none;
  box-shadow:none;
  text-shadow:none;
}
pre, blockquote{ page-break-inside:avoid; }
thead{ display:table-header-group; }
tr{ page-break-inside:avoid; }
img{ page-break-inside:avoid; max-width:100%;}
p, h2, h3{ orphans:3; widows:3; }
h2, h3{ page-break-after:avoid; }
abbr[title]:after{ content:" (" attr(title) ")"; }
.sidebar, .site-header, .pagination, .btn, .tabs__nav, .comments, .changelog, .files, .reports{
  display:none!important;
}
.drilldown-body{
  display:block!important;
}
.tabs__nav{
  display:none!important;
}

.tabs__section--outline{
  border:none!important;
}

.print-header__branding{
  left:-1rem;
}

table{
}
.print-header{
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:2rem 1.5rem 0 1.5rem;
}
.print-header .print-header__address{
    -webkit-box-flex:0;
    -ms-flex:0 1 250px;
    flex:0 1 250px;
    font-size:1.2rem;
    font-style:normal;
    line-height:1.3;
    text-align:right;
  }

.scrollable-area{
  height:auto!important;
}

[class*=--screen]{
  display:none!important;
}
}

@media screen{
  [class*=--print]{
  display:none!important;
}
}
@font-face{
  font-family:'icomoon';
  src:url('fonts/icomoon.eot?6fhtml');
  src:url('fonts/icomoon.eot?6fhtml#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?6fhtml') format('truetype'),
    url('fonts/icomoon.woff?6fhtml') format('woff'),
    url('fonts/icomoon.svg?6fhtml#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face{
  font-family:'minside-icons';
  src:url('fonts/minside.eot?dfconb');
  src:url('fonts/minside.eot?dfconb#iefix') format('embedded-opentype'),
    url('fonts/minside.ttf?dfconb') format('truetype'),
    url('fonts/minside.woff?dfconb') format('woff'),
    url('fonts/minside.svg?dfconb#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}

[class^="icon-"], [class*=" icon-"]{
	font-family:'icomoon';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
  display:inline-block;
}

.icon--lock:before{
  content:"\e926";
  font-size:1.7rem;
  vertical-align:middle;
}
.icon--refresh:before{
  content:"\e924";
}
.icon--transfer:before{
  content:"\e924";
}
.icon--paperclip:before{
  content:"\e923";
}
.icon--chevron-line:before, .section-header--divided .section-header__meta--cols .col--arrow::after{
  content:"\e922";
}
.icon--worklist:before{
  content:"\e921";
}
.icon--warning:before{
  content:"\e920";
  font-size:18px;
  color:#ed6b6a;
}

.icon--error:before{
  content:"\e920";
  color:#ed6b6a;
  vertical-align:middle;
}
.icon--contact:before{
  content:"\e91d";
}
.icon--member:before{
  content:"\e91e";
}
.icon--close:before, .close-button:after, .tabs__nav__close:after{
  content:"\e91c";
}
.icon--close-circle:before{
  content:"\e91b";
}
.icon--notes:before{
  content:"\e919";
}
.icon--performer:before{
  content:"\e916";
}
.icon--album:before{
  content:"\e917";
}
.icon--label:before{
  content:"\e918";
}
.icon--pencil:before, .comments .toggle-comments:before, .changelog .toggle-comments:before, .changelog .toggle-changelog:before, .reports .toggle-comments:before, .reports .toggle-changelog:before, .toggle-reports:before{
  content:"\e915";
}
.icon--echo:before{
    content:"\e914";
}
.icon--empty-state-music:before{
    content:"\e913";
    margin-left:-1.2rem;
}
.icon--empty-state-arrow:before{
    content:"\e912";
}
.icon--empty-state-files:before{
    content:"\e911";
}

.icon--empty-state-error:before{
    content:"\e90e";
}

.icon--empty-state-trash:before{
  font-family:'minside-icons';
  content:"\e91d";
  font-size:65%;
}

.icon--music:before{
    content:"\e913";
}

.icon--ban:before{
    content:"\e90e";
    font-size:85%;
}
.icon--tick:before, .status--green::before{
    content:"\e90f";
    font-size:85%;
}
.icon--send:before{
    content:"\e910";
    font-size:85%;
}
.icon--hits:before{
    content:"\e911";
    font-size:85%;
    opacity:0.7;
}

.icon--sort:before{
    content:"\e90d";
}

.icon--lightning:before{
    content:"\e90a";
}

.icon--search:before{
    content:"\e91a";
}

.icon--chevron-left:before{
	content:"\e907";
	color:rgb(184, 184, 187);
}
.icon--chevron-right:before, .icon--chevron-down:before, .icon--chevron-up:before, .table-row-toggle:before, .table-row-toggle--toggled:before, .table-sort--desc:after, .table-sort--asc:after, .fake-table__toggle:before, .vertical__nav__item--has-children > a::before, .vertical__nav__item--is-expanded > a::before, .fake-table__row--expanded > .fake-table__toggle-container .table-row-toggle:before{
	content:"\e908";
	color:rgb(184, 184, 187);
}

.icon--chevron-down:before, .table-row-toggle--toggled:before, .table-sort--desc:after, .vertical__nav__item--is-expanded > a::before, .fake-table__row--expanded > .fake-table__toggle-container .table-row-toggle:before{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  display:inline-block;
}

.icon--chevron-up:before, .table-sort--asc:after{
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  display:inline-block;
}

.icon--logo-echo:before{
	content:"\e906";
}

.icon--checkmark:before{
	content:"\e900";
  color:#50bf9e;
}
.icon--cross:before, .status--red::before{
	content:"\e901";
  color:#ed6b6a;
}

.icon--x:before{
	content:"\e901";
}

.icon--expand-arrow:before{
	content:"\e902";
  color:#ededed;
}

.icon--arrow-left:before{
	content:"\e902";
}

.icon--arrow-right:before{
	content:"\e903";
}

.icon--arrow-down:before{
    content:"\e90b";
}
.icon--arrow-up:before{
    content:"\e90c";
}

.icon--link-arrow:before{
	content:"\e902";
  color:#0095da;
  font-size:1rem;
}

.icon--pagination-next:before{
	content:"\e908";
  font-size:1rem;
}

.icon--pagination-previous:before{
	content:"\e907";
  font-size:1rem;
}

.icon--breadcrumbs-arrow:before{
	content:"\e904";
}
.icon--home:before{
	content:"\e905";
}

.demo h2{
  margin-bottom:1.2rem
}

.ico-container{
  display:inline-block;
  border:1px solid #d9d9dc;
  padding:1rem;
  margin:1rem 1rem 0 0;
  text-align:center;
  background:#fdfdfd;
}

.ico-container span{
  display:block;
  background:#ededed;
  padding:0 1rem;
  margin:.5rem -1rem -1rem -1rem;
}
.link--no-style{
  color:#121212;
}

.link--normal{
  color:#0095da!important;
}

.link--inline{
  text-decoration:none;
  margin:0 1rem;
}

.link--no-line{
  text-decoration:none;
}

.link--edit{
  text-decoration:none;
  padding:.5rem 0;
  height:32px;
  display:block;
}

.link--edit:after{
  content:"\e915";
  font-family:'icomoon';
  margin-left:.25rem;
  vertical-align:middle;
  font-size:90%;
}

.link--disabled{
  color:#121212;
  pointer-events:none;
  text-decoration:none;
  cursor:default;
}

.link--add{
  margin-bottom:1.2rem;
  display:inline-block;
}

.link--with-divider{
  margin-right:.25rem;
}

.link--with-divider:after{
  content:'|';
  margin-left:.5rem;
}
.scrollbar::-webkit-scrollbar, .sidebar .sidebar__nav::-webkit-scrollbar{
  width:10px;
}
.scrollbar::-webkit-scrollbar-track, .sidebar .sidebar__nav::-webkit-scrollbar-track{
  -webkit-box-shadow:inset 0 0 1px #434D5A;
  border-radius:0px;
}
.scrollbar::-webkit-scrollbar-thumb, .sidebar .sidebar__nav::-webkit-scrollbar-thumb{
  border-radius:0px;
  background:rgb(57, 65, 77);
  -webkit-box-shadow:inset 0 0 1px #f9f9f9;
}
.scrollbar::-webkit-scrollbar-thumb:window-inactive, .sidebar .sidebar__nav::-webkit-scrollbar-thumb:window-inactive{
  background:rgb(57, 65, 77);
}
.form__label{
  position:relative;
  font-weight:600;
  display:block;
  text-align:left;
}
@media (min-width: 768px){

  .form__label{
    display:inline-block;
    vertical-align:middle;
    margin-right:1rem;
  }
}
.form__label--is-checked{
  color:#0095da;
}
.form__label--required:before, .form__field .form__label--required > span::before{
  content:'*';
  color:#ed6b6a;
}
@media (min-width: 768px){

  .form__label--hidden{
}
}
@media (min-width: 768px){

  .form__label--hidden > span{
    display:none;
    white-space:nowrap;
  }
}
.form__label--block{
  display:block;
  margin:0 0 .4rem 0;
}
.form__label--inline{
  display:inline-block;
  vertical-align:middle;
}
.form__label--reduced{
  width:calc(100% - .5rem);
}
.form__label--date{
  font-weight:600;
  margin-bottom:1rem;
}
@media (min-width: 768px){

  .form__label--date{
    margin-bottom:0;
  }
}
@media (min-width: 768px){

  .form__label--date br{
    display:none;
  }
}
.form__label--padded{
  padding-top:.65rem;
}
.form__label--disabled{
  opacity:0.5;
}
.form__label--checkbox-in-th{
  left:-0.2rem;
}
.form__label--new{
  position:relative;
}
.form__label--new:before{
  content:"\e90a";
  font-family:'icomoon';
  font-size:1.6rem;
  background:#88c7d8;
  position:absolute;
  width:2rem;
  height:2rem;
  left:.5rem;
  top:2.5rem;
  border-radius:2rem;
  color:#fdfdfd;
  text-align:center;
}
.form__label--new .form__input{
  padding-left:3rem;
}
.form__label--inside{
  position:relative;
}
.form__label--inside span{
  width:auto!important;
  position:absolute;
  top:.65rem;
  left:.6rem;
  color:#a5a4ab;
  font-weight:400;
}
.form__label--inside .form__input{
  padding-left:2.4rem;
}

.form__label--fractional{
  margin-left:-3.1rem;
}

.form__label--fractional .form__input{
  padding-left:3rem;
}
.form__input{
  border:1px solid #d9d9dc;
  padding:0.55rem;
  padding-right:2rem;
  background-color:#fdfdfd;
  font-weight:400;
  display:block;
  width:100%;
  margin-bottom:.6rem;
}
@media (min-width: 768px){

  .form__input{
    display:inline-block;
    width:auto;
    margin-bottom:0;
  }
}
.form__input[disabled]{
  background-color:rgba(255, 255, 255, 0.2);
  border-color:rgb(232, 232, 232);
}
.form__input--block{
  display:block;
  width:100%;
}
.form__input--inline{
  display:inline-block;
  vertical-align:middle;
}
input[type="radio"], input[type="checkbox"], .form__input--checkbox, .form__input--radio{
  display:inline-block;
  width:auto;
  margin-right:0.2rem;
}

.form__input--date, .form__input[type="date"]{
  font-weight:400;
  color:#0095da;
  background:#fff url(img/calendar.svg) center right 5px no-repeat;
  border:1px solid #d9d9dc;
  padding-right:.5rem;
  padding-left:.5rem;
  max-height:31px;
  max-width:150px;
  min-width:115px;
}

@media (min-width: 768px){

  .form__input--date, .form__input[type="date"]{
    min-width:0;
    max-width:none;
  }
}

.form__input--date::-webkit-calendar-picker-indicator, .form__input--date::-webkit-inner-spin-button, .form__input[type="date"]::-webkit-calendar-picker-indicator, .form__input[type="date"]::-webkit-inner-spin-button{
  opacity:0!important;
  -webkit-appearance:none!important;
}

.form__input--date.placeholder, .form__input[type="date"].placeholder{
  color:#0095da;
  text-align:center;
}

.form__input--date[disabled], .form__input[type="date"][disabled]{
  background-color:rgba(255, 255, 255, 0.2);
  border-color:rgb(232, 232, 232);
  color:#121212;
  background-image:none;
  min-width:0;
  padding-right:0;
}

.form__input--date-no-clear::-webkit-clear-button{
  opacity:0;
  -webkit-appearance:none;
}

.form__input--with-italic-placeholder::-webkit-input-placeholder{
  font-style:italic;
}

.form__field-to-and-from .form__input[type="date"]{
  max-width:130px;
}

@media (min-width: 768px){

  .form__input--300{
    min-width:300px!important;
  }
}

@media (min-width: 768px){

  .form__input--220{
    min-width:220px!important;
  }
}

@media (min-width: 768px){

  .form__input--180{
    min-width:180px!important;
  }
}

@media (min-width: 768px){

  .form__input--150{
    width:150px!important;
  }
}

@media (min-width: 768px){

  .form__input--143{
    width:143px!important;
  }
}

@media (min-width: 768px){

  .form__input--130{
    width:130px!important;
  }
}

@media (min-width: 768px){

  .form__input--100{
    width:100px!important;
  }
}

@media (min-width: 768px){

  .form__input--80{
    width:80px!important;
    padding-right:1rem;
  }
}

@media (min-width: 768px){

  .form__input--60{
    width:60px!important;
    padding-right:1rem;
  }
}

@media (min-width: 768px){

  .form__input--40{
    width:40px!important;
    padding-right:1rem;
  }
}
.form__input--textarea, .comments__inner textarea, .changelog__inner textarea, .reports__inner textarea{
  resize:vertical;
  background:#fdfdfd;
  min-height:100px;
  max-width:400px;
  margin-bottom:1.2rem;
}
.form__input--unknown{
  background:#fdfdfd url(img/ukjent.svg) left .5rem top 1rem no-repeat;
  padding-left:5rem;
}
.currency-input{
  display:inline-block;
  vertical-align:middle;
}
.panels{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.panels--is-editing{
  background:#f9f9f9;
}
@media (min-width: 1200px){

  .panels--has-divider{
    background-image:url(img/line.png);
    background-repeat:repeat-y;
    background-position:calc(45% - .75rem) 0;
  }
}

.panels__sidebar{
  -webkit-box-flex:1;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
}

@media (min-width: 1200px){

  .panels__sidebar{
    margin-right:2rem;
    -webkit-box-flex:0;
    -ms-flex:0 1 35%;
    flex:0 1 35%;
    padding:0;
  }
}

@media (min-width: 1200px){

  .panels__sidebar--45{
    -webkit-box-flex:0;
    -ms-flex:0 1 45%;
    flex:0 1 45%;
  }
}

@media (min-width: 1200px){

  .panels__sidebar--25{
    -webkit-box-flex:0;
    -ms-flex:0 1 25%;
    flex:0 1 25%;
  }
}

.panels__main{
  -webkit-box-flex:1;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
}

@media (min-width: 1200px){

  .panels__main{
    -webkit-box-flex:1;
    -ms-flex:1 1 55%;
    flex:1 1 55%;
    padding:0;
  }
}

@media (min-width: 1200px){

  .panels__main--55{
    -webkit-box-flex:0;
    -ms-flex:0 1 55%;
    flex:0 1 55%;
  }
}

.panels__sidebar .fake-table__row div[class*="col-"]:first-child, .panels__main .fake-table__row div[class*="col-"]:first-child{
}

.panels__sidebar .container--is-editing, .panels__main .container--is-editing{
  height:calc(100% - 1.3rem);
}

.scrollable-area{
  height:calc(100vh - 25rem);
  overflow-y:auto;
  margin-bottom:0;
  padding-bottom:2rem;
}

.scrollable-area--with-footer{
  height:calc(100vh - 30rem);
}
.form__label.is-valid .form__input{
    border:1px solid #d9d9dc;
    border-width:1px 1px 1px 0;
    border-left:4px solid #50bf9e;
    background:#fff url(img/checkmark.svg) center right 7px no-repeat;
    background-size:15px;
}

.form__label.has-error .form__input, .form__input.has-error{
    border:3px solid #ed6b6a;
    background:#fff url(img/cross.svg) center right 7px no-repeat;
    background-size:11px;
  }

.form__label.has-error .form__input[type="number"], .form__input.has-error[type="number"]{
  background-image:none;
}

.form__label.has-error .form__input.searchable-list, .form__input.has-error.searchable-list{
  background-image:none;
}

@media (min-width: 960px){

  .form__label.has-error .form__input--validation-hidden, .form__label.is-valid .form__input--validation-hidden{
    background-image:none!important;
  }
}

@media (min-width: 768px){

  .form__label.is-valid .form__input--validation-hidden{
    border:1px solid #d9d9dc;
  }
}

.form__label--validation-shared.is-valid::after, .form__label--validation-shared.has-error::after{
  color:#50bf9e;
  font-family:'icomoon';
  position:absolute;
  left:113%;
  top:1rem;
  background:#fdfdfd;
  content:none;
}

@media (min-width: 960px){

  .form__label--validation-shared.is-valid::after, .form__label--validation-shared.has-error::after{
    content:"\e900";
  }
}

.form__validation-divider{
}

.form__label--validation-shared.has-error::after{
  color:#ed6b6a;
  content:none;
}

@media (min-width: 960px){

  .form__label--validation-shared.has-error::after{
    content:"\e901";
  }
}
.select{
  border:1px solid #d9d9dc;
  width:100%;
  border-radius:3px;
  background:#fdfdfd url("img/chevron-down.svg") no-repeat;
  background-position:right 4px top 12px;
  background-size:12px;
  font-weight:400;
  color:#504f56;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding:.5rem 2.5rem .5rem .5rem;
  min-width:200px;
  height:32px;
  display:block;
}
.select::-ms-expand{
  display:none;
}
@media (min-width: 768px){

  .select{
    margin-top:0;
    background-position:97% 55%;
    display:inline-block;
  }
}
.select--block{
  display:block;
}
.select--fluid{
  min-width:0;
}
@media (min-width: 768px){

  .select--fluid{
    width:auto;
  }
}
@media (min-width: 768px){

  .select--inline{
    width:auto;
  }
}
.select--fixed-width{
  max-width:135px;
}
.select--with-search{
  border-radius:3px 1px 1px 3px;
  margin-right:-2px;
  background-position:93% 55%;
}
.select[disabled]{
  background-color:rgba(255, 255, 255, 0.2);
  border-color:rgb(232, 232, 232);
  background-image:none;
}
.form__label.has-error .select{
  border:3px solid #ed6b6a;
}
.form__input--stepper, input[type="number"], input[type="time"]{
  position:relative;
  height:3.2rem;
}
.form__input--stepper::-webkit-outer-spin-button, .form__input--stepper::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button, input[type="time"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  background:#a5a4ab url(img/spinner-arrows.png) no-repeat center center;
  width:1.5rem;
  border-left:1px solid #fdfdfd;
  opacity:.5;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  height:100%;
}
_::-webkit-:not(:root:root), input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{
  position:relative;
}
@media not all and (min-resolution:.001dpcm){ @media{ 
  input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{
  position:relative;
  }
} }
@media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) and (stroke-color:transparent){
  input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{
  position:absolute;
  }
}}

input[type="time"]{
  padding-right:2rem;
}

input[type="time"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button{
  right:-1px;
}

input[type="number"]{
  max-width:100px;
}

input[type="number"].four-digit{
  max-width:60px;
}

input[type="number"].fluid{
  max-width:none;
}
hr, .horizontal-rule{
  height:1px;
  border:0;
  padding:0;
  position:relative;
  text-align:center;
  margin:4rem 0 3rem 0;
  background:#d9d9dc;
  clear:both;
}

.horizontal-rule--dashed{
  border-top:1px dashed #d9d9dc;
  background:none;
  margin:1.2rem 0 0 0;
}

.horizontal-rule--dashed:before, .horizontal-rule--dashed:after{
  content:none;
}

.horizontal-rule--spacer{
  margin:1.2rem 0 2rem 0!important;
  background:none;
}

.horizontal-rule--spacer:before, .horizontal-rule--spacer:after{
  content:none;
}

.horizontal-rule--stretch{
  margin:.5rem 0 0 -1rem;
  width:calc(100% + 2rem);
}

.horizontal-rule--stretch:before, .horizontal-rule--stretch:after{
  content:none;
}
.btn{
  padding:.5rem 2rem;
  border-radius:2px;
  border-width:0 0 3px 0;
  border-style:solid;
  text-align:center;
  text-decoration:none;
  color:#fff;
  display:block;
  margin-top:1.2rem;
  margin-bottom:.5rem;
}
@media (min-width: 768px){

  .btn{
    display:inline-block;
    vertical-align:middle;
    margin-top:0;
    margin-bottom:0;
  }
}
.btn:hover{
  -webkit-transition:0.5s ease;
  -o-transition:0.5s ease;
  transition:0.5s ease;
}
.btn[disabled]{
  opacity:0.8;
  pointer-events:none;
  position:relative;
}
.btn[disabled]:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:calc(100% + 3px);
  background:rgba(0, 0, 0, 0.5);
}
.btn--primary{
  border-color:rgb(0, 127, 185);
  background-color:#0095da;
}
.btn--primary:hover{
  background-color:rgb(0, 112, 164);
}
.btn--secondary{
  border-color:rgb(206, 206, 209);
  background-color:#f9f9f9;
  color:#101010;
  border-width:1px 1px 3px 1px!important;
  min-height:32px;
}
.btn--secondary:hover{
  background-color:rgb(199, 199, 199);
}
.btn--danger{
  border-color:rgb(201, 91, 90);
  background-color:#ed6b6a;
}
.btn--danger:hover{
  background-color:rgb(190, 86, 85);
}
.btn--borderless{
  border:0;
}
.btn--inline{
  vertical-align:baseline;
  width:auto;
  display:inline-block;
}
.btn--block{
  display:block;
  width:100%;
  margin-bottom:1rem;
  text-transform:uppercase;
}
.btn--small{
  padding:.5rem 1rem;
  margin:0;
  line-height:1;
  min-height:0;
}
.btn--fixed-width{
  min-width:200px;
  margin:0 .5rem;
}
.btn--add{
  width:auto;
  border:0;
  position:relative;
  padding:0.5rem .9rem;
}
.btn--add:before{
  content:"\e901";
  font-family:'icomoon';
  display:block;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  font-size:1rem;
}
.btn--add[disabled]::after{
  height:100%;
}
.form__input--file{
  width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}
.form__input--file + label{
  cursor:pointer
}
.box{
  background:#fdfdfd;
  padding:2rem;
  width:100%;
}
@media (min-width: 768px){

  .box{
    padding:3rem;
    width:400px;
    -webkit-box-shadow:0 1px 3px rgba(80, 79, 86, 0.3);
    box-shadow:0 1px 3px rgba(80, 79, 86, 0.3);
    margin:auto;
  }
}
.box--full{
  max-width:none;
  display:block;
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}
.box--gray{
  background:#ededed;
  -webkit-box-shadow:none;
  box-shadow:none;
  border:1px solid rgb(225, 225, 225);
  padding:2rem;
  -webkit-box-flex:0;
  -ms-flex:none;
  flex:none;
  margin:1.2rem 0;
  max-width:500px;
  display:inline-block;
}
.box--fluid{
  min-width:0;
  max-width:none;
  display:block;
  margin:0 0 1.2rem 0;
}
.toolbar{
  background:#ededed;
  border:1px solid #d9d9dc;
  padding:1.2rem 0.6rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.toolbar--padded{
  padding-left:2rem;
  padding-right:2rem;
}
.toolbar--in-tabs{
  border-width:0 0 1px 0;
}
.toolbar__action{
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  -ms-flex-item-align:center;
  align-self:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0;
}
@media (min-width: 768px){

  .toolbar__action{
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
  }
}
.toolbar--above{
  border-radius:2px 2px 0 0;
  background:#ededed;
  border:1px solid #d9d9dc;
  border-width:1px 1px 0 1px;
  padding:.75rem 1rem;
  margin-bottom:0;
}
.toolbar--above--transparent{
  background:none;
  border:0;
  padding-bottom:.25rem;
}
.toolbar--above > div[class*="col-"]{
  display:block;
}
.toolbar__below{
  margin-top:.6rem;
}
.toolbar__column{
  -webkit-box-flex:0;
  -ms-flex:0 1 20%;
  flex:0 1 20%;
}
.toolbar__lower{
  width:100%;
  padding:1rem 0 0 .5rem;
  border-top:1px solid #d9d9dc;
  margin:2rem 1rem 0rem 1rem;
}

.toolbar--tabular{
  display:block;
  padding:0;
}

.toolbar--tabular .toolbar__head{
  background:#d9d9dc;
  padding:.5rem 1rem;
}

.toolbar--tabular .toolbar__body{
  padding:1rem;
}
.badge{
  display:inline-block;
  border-radius:2px;
  padding:0.1em .5em;
  margin-left:1rem;
  font-size:85%;
  vertical-align:top;
}
.badge--tag{
  font-size:1.1rem;
  padding:.25rem 1rem;
  margin:.5rem .25rem 0 0;
}
.badge--tag[data-type]::before{
  color:#fdfdfd;
  position:relative;
  top:1px;
}
.badge--tag a{
  text-transform:uppercase;
}
.badge--in-td{
  vertical-align:baseline;
  min-width:60px;
  text-align:center;
  margin-left:0;
}
.badge--primary{
  background:#0095da;
  color:#fff;
}
.badge--error{
  background:#ed6b6a;
  color:#fff;
}
.badge--info{
  background:#88c7d8;
  color:#fff;
}
.badge--success{
  background:#50bf9e;
  color:#fff;
}
.badge--secondary{
  background:rgb(192, 191, 196);
  color:#fff;
}
.badge--notification{
  background:#88c7d8;
  font-size:1.2rem;
  border-radius:2rem;
  color:#fdfdfd;
  min-width:2rem;
  height:2rem;
  padding:0;
  margin:0 auto;
  display:inline-block;
  text-align:center;
  padding-top:.2rem;
}
@media (min-width: 960px){

  .badge--notification{
    margin-left:0.5rem;
  }
}

.badge--master{
  background:#50bf9e;
  color:#fdfdfd;
}

.badge--draft{
  background:#88c7d8;
  color:#fdfdfd;
}

.badge--icon{
  width:2.4rem;
  height:2.4rem;
  position:relative;
  margin-right:1rem;
}

.badge--icon:before{
  color:#fdfdfd;
  font-family:'icomoon';
  font-size:1.3rem;
  position:absolute;
  top:0.4rem;
  left:0.5rem;
}

.badge--icon-error{
  background:#ed6b6a;
}

.badge--icon-error:before{
  content:"\e901";
  font-family:'icomoon';
}

.badge--icon-success{
  background:#50bf9e;
}

.badge--icon-success:before{
  content:"\e900";
  font-family:'icomoon';
}

.badge--numeric, .fake-table--numeric > .fake-table__row > *:first-child::before, .table--numeric > .fake-table__row > *:first-child::before, .table--numeric tr:not(.table__row--no-count) > td:first-child::before{
  font-size:1rem;
  color:#a5a4ab;
  background:#ededed;
  border-radius:2rem;
  text-align:center;
  padding:.3rem .5rem;
  min-width:2rem;
  height:2rem;
}

.badge--numeric--moveable{
  position:absolute;
  z-index:1;
  display:block;
}

.badge--numeric--moveable:hover{
  display:none;
}

.badge--numeric--inverse, .fake-table--numeric > .fake-table__row--selected > *:first-child::before, .fake-table--numeric > .fake-table__row--expanded > *:first-child::before, .table--numeric > .fake-table__row--selected > *:first-child::before, .table--numeric > .fake-table__row--expanded > *:first-child::before{
  color:#fdfdfd;
  background:#504f56;
}

.badge--for-id{
  font-size:70%;
  padding:0 0.5em 0 0;
}

.badge--for-id > span{
  font-weight:400;
  display:inline-block;
  padding:0.1em 0.15em 0.1em 0.5em;
}
.drag-handle, .fake-table__row__handle, .fake-table--numeric__divider[draggable=true]:hover::before{
  width:16px;
  height:16px;
  background:url(img/drag.svg) no-repeat;
  position:absolute;
  left:-2rem;
  top:2rem;
  padding-right:2rem;
  cursor:-webkit-grab;
  cursor:grab;
}
.table-row-toggle, .fake-table__toggle{
  font-family:'icomoon';
  display:inline-block;
  text-decoration:none;
}
@media (min-width: 768px){

  .table-row-toggle, .fake-table__toggle{
    margin-right:1rem;
  }
}
.table__row--is-editing > td.table__cell--action, tr:hover > td.table__cell--action, tr:hover > .table-summary__cell--action, .fake-table__row:hover > .fake-table__cell--action, .fake-table__toggle-row:hover > .fake-table__cell--action, .fake-table__row--child-inner > .row:hover .fake-table__cell--action, .table__head--expanded + tbody tr:hover > td, tr.dd-open ~ tr[data-level="2"]:hover > td{
  position:relative;
}
.table__row--is-editing > td.table__cell--action > .text--hide-on-hover, tr:hover > td.table__cell--action > .text--hide-on-hover, tr:hover > .table-summary__cell--action > .text--hide-on-hover, .fake-table__row:hover > .fake-table__cell--action > .text--hide-on-hover, .fake-table__toggle-row:hover > .fake-table__cell--action > .text--hide-on-hover, .fake-table__row--child-inner > .row:hover .fake-table__cell--action > .text--hide-on-hover, .table__head--expanded + tbody tr:hover > td > .text--hide-on-hover, tr.dd-open ~ tr[data-level="2"]:hover > td > .text--hide-on-hover{
  display:none;
}
.table__row--is-editing > td.table__cell--action > .btn-group--hover, tr:hover > td.table__cell--action > .btn-group--hover, tr:hover > .table-summary__cell--action > .btn-group--hover, .fake-table__row:hover > .fake-table__cell--action > .btn-group--hover, .fake-table__toggle-row:hover > .fake-table__cell--action > .btn-group--hover, .fake-table__row--child-inner > .row:hover .fake-table__cell--action > .btn-group--hover, .table__head--expanded + tbody tr:hover > td > .btn-group--hover, tr.dd-open ~ tr[data-level="2"]:hover > td > .btn-group--hover{
  display:block;
}
.table__cell--spaced{
  width:8%;
}
@media (min-width: 1200px){

  .table__cell--spaced{
    width:13%;
  }
}
.table__cell--delete{
  position:relative;
}
.table__cell--delete > a{
  position:absolute;
  right:-2.5rem;
  top:50%;
  margin-top:-.75rem;
}
.table__cell--min-width-160{
  min-width:162px;
}
.table__cell--no-wrap{
  white-space:nowrap;
}
.table__cell--increase::after, .table__cell--decrease::after, .table__cell--transfer::after{
  content:'';
  text-align:center;
  display:inline-block;
  width:2rem;
  margin-left:.5rem;
}

.table__cell--transfer{
  padding-left:0;
  padding-right:0;
}

.table__cell--transfer::after{
  content:"\e924";
  font-family:'Icomoon';
  color:#0095da;
  font-size:2.4rem;
  vertical-align:middle;
}

.table__row--with-errors .table__cell--transfer::after{
  color:#ed6b6a;
}

.table__cell--increase::after, .table__cell--decrease::after{
  content:"\e908";
  -webkit-transform:rotate(-90deg);
  -ms-transform:rotate(-90deg);
  transform:rotate(-90deg);
  font-family:'icomoon';
  font-size:70%;
  color:#a5a4ab;
}

.table__cell--decrease::after{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
.status--red::before, .status--yellow::before, .status--green::before{
  display:inline-block;
  position:relative;
  width:1.5rem;
  margin-right:.5rem;
}

.status--red::before{
  font-family:'icomoon';
  font-size:1rem;
}

.status--yellow::before{
  content:'';
  left:-3px;
  height:3px;
  background:orange;
  vertical-align:middle;
}

.status--green::before{
  font-family:'icomoon';
  font-size:1rem;
  color:#50bf9e;
}
.table-sort{
  position:relative;
  display:inline-block;
  cursor:pointer;
}
.table-sort--asc:after, .table-sort--desc:after{
  font-family:'icomoon';
  font-size:80%;
  margin-left:.35rem;
}
.fake-table__toggle-container{
  padding:0 1rem;
  width:100%;
  cursor:pointer;
}
.fake-table__toggle-container--numeric{
  margin-left:-4rem;
  width:calc(100% + 4rem);
  padding-left:5rem;
  position:relative;
}
.fake-table__toggle-container--numeric .fake-table__toggle-row > div[class*="col-"]:first-child:not(.fake-table__cell--empty){
  padding-left:1rem
}
.fake-table__toggle-container--numeric .fake-table__toggle-row > div[class*="col-"]:last-child:not(.fake-table__cell--empty){
  padding-left:1rem
}

.fake-table__toggle-row{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.fake-table__toggle-row > div{
  display:block;
}

.fake-table__toggle-row > div[class*="col-"]{
  padding:1.4rem 1rem;
  min-height:4.8rem;
}

.fake-table__toggle-row > div[class*="col-"]:first-child{
  padding-left:2rem
}

.fake-table__toggle-row > div[class*="col-"]:last-child{
  padding-right:2rem;
}
.fake-table__cell--action{
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  text-align:center;
  -ms-flex-item-align:center;
  align-self:center;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  padding:0 1rem;
}
@media (min-width: 768px){

  .fake-table__cell--action{
    text-align:right;
  }
}
.fake-table__cell--label{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:1rem;
  text-align:right;
  font-weight:600;
}
@media (min-width: 1200px){

  .fake-table__cell--label{
    text-align:right;
    margin-top:0;
  }
}
.fake-table__cell--artists{
  display:block
}
@media (min-width: 768px){

  .fake-table__cell--absolute{
    position:absolute;
    right:0;
    top:.75rem;
    z-index:1;
  }
}

.fake-table__cell--delete{
  text-align:right;
}
.x-toggle{
    display:none;
}
.x-toggle, .x-toggle *, .x-toggle *::after, .x-toggle *::before, .x-toggle + .x-toggle-btn, .x-toggle::after, .x-toggle::before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.x-toggle-btn.x-toggle-disabled{
    cursor:not-allowed;
}
.x-toggle-btn{
    -moz-user-select:none;
    cursor:pointer;
    display:inline-block;
    height:2em;
    outline:0 none;
    position:relative;
    width:4em;
}
.x-toggle-btn::after, .x-toggle-btn::before{
    content:"";
    display:block;
    height:100%;
    position:relative;
    width:50%;
}
.x-toggle-btn::after{
    left:0;
}
.x-toggle-btn::before{
    display:none;
}
.x-toggle:checked + .x-toggle-btn::after{
    left:50%;
}
.x-toggle-container .toggle-text{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:100%;
    vertical-align:middle;
}
.x-toggle-container .toggle-text.small{
    font-size:0.9rem;
    padding-bottom:1rem;
}
.x-toggle-container .toggle-text.medium{
    font-size:1rem;
    padding-bottom:1.5rem;
}
.x-toggle-container .toggle-text.large{
    font-size:1.2rem;
    padding-bottom:2rem;
}
.x-toggle-container .toggle-text.toggle-prefix{
    padding-right:0.25rem;
}
.x-toggle-container .toggle-text.toggle-postfix{
    padding-left:0.25rem;
}
.x-toggle-light.x-toggle-btn{
    background:#f0f0f0 none repeat scroll 0 0;
    border-radius:2em;
    padding:2px;
    -webkit-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.x-toggle-light.x-toggle-btn::after{
    background:#fdfdfd none repeat scroll 0 0;
    border-radius:50%;
    -webkit-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.x-toggle:checked + .x-toggle-light.x-toggle-btn{
    background:#9fd6ae none repeat scroll 0 0;
}
.x-toggle-light.small{
    height:1.6em;
    width:3em;
}
.x-toggle-light.medium{
    height:2.1em;
    padding:3px;
    width:4em;
}
.x-toggle-light.large{
    height:2.6em;
    padding:4px;
    width:4.7em;
}
.x-toggle-ios.x-toggle-btn{
    background:#fbfbfb none repeat scroll 0 0;
    border:1px solid #e8eae9;
    border-radius:2em;
    padding:2px;
    -webkit-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.x-toggle-ios.x-toggle-btn::after{
    background:#fbfbfb none repeat scroll 0 0;
    border-radius:2em;
    -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
    box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
    -webkit-transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, padding 0.3s ease 0s, margin 0.3s ease 0s;
    -o-transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, padding 0.3s ease 0s, margin 0.3s ease 0s;
    transition:left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, padding 0.3s ease 0s, margin 0.3s ease 0s;
}
.x-toggle-ios.x-toggle-btn:active{
    -webkit-box-shadow:0 0 0 2em #e8eae9 inset;
    box-shadow:0 0 0 2em #e8eae9 inset;
}
.x-toggle-ios.x-toggle-btn:active::after{
    padding-right:0.8em;
}
.x-toggle:checked + .x-toggle-ios.x-toggle-btn{
    background:#86d993 none repeat scroll 0 0;
}
.x-toggle:checked + .x-toggle-ios.x-toggle-btn:active{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.x-toggle:checked + .x-toggle-ios.x-toggle-btn:active::after{
    margin-left:-0.8em;
}
.x-toggle-ios.small{
    height:1.6em;
    width:3em;
}
.x-toggle-ios.medium{
    height:2.1em;
    padding:3px;
    width:4em;
}
.x-toggle-ios.large{
    height:2.6em;
    padding:4px;
    width:4.7em;
}
.x-toggle-default.x-toggle-btn{
    background-color:#e7e7e7;
    border-radius:0.2em;
    padding:0.1em;
    -webkit-transition:background-color 0.2s ease 0s;
    -o-transition:background-color 0.2s ease 0s;
    transition:background-color 0.2s ease 0s;
}
.x-toggle:checked + .x-toggle-default.x-toggle-btn{
    background-color:#797979;
}
.x-toggle-default.x-toggle-btn::after{
    background-color:#fdfdfd;
    border-radius:0.2em;
    -webkit-transition:left 0.2s ease 0s;
    -o-transition:left 0.2s ease 0s;
    transition:left 0.2s ease 0s;
}
.x-toggle-default.small{
    height:1.6em;
    width:3em;
}
.x-toggle-default.medium{
    height:2.1em;
    padding:3px;
    width:4em;
}
.x-toggle-default.large{
    height:2.6em;
    padding:4px;
    width:4.7em;
}
.x-toggle-flat.x-toggle-btn{
    background:#fdfdfd none repeat scroll 0 0;
    border:4px solid #f2f2f2;
    border-radius:2em;
    padding:2px;
    -webkit-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.x-toggle-flat.x-toggle-btn::after{
    background:#f2f2f2 none repeat scroll 0 0;
    border-radius:1em;
    content:"";
    -webkit-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.x-toggle:checked + .x-toggle-flat.x-toggle-btn{
    border:4px solid #7fc6a6;
}
.x-toggle:checked + .x-toggle-flat.x-toggle-btn::after{
    background:#7fc6a6 none repeat scroll 0 0;
    left:50%;
}
.x-toggle-flat.small{
    height:1.6em;
    width:3em;
}
.x-toggle-flat.medium{
    height:2.1em;
    padding:3px;
    width:4em;
}
.x-toggle-flat.large{
    height:2.6em;
    padding:4px;
    width:4.7em;
}
.x-toggle-skewed.x-toggle-btn{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background:#888 none repeat scroll 0 0;
    font-family:sans-serif;
    overflow:hidden;
    -webkit-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    transform:skew(-10deg);
    -webkit-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.x-toggle-skewed.x-toggle-btn::after, .x-toggle-skewed.x-toggle-btn::before{
    color:#fff;
    display:inline-block;
    font-weight:700;
    line-height:2em;
    position:absolute;
    text-align:center;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(10deg);
    -ms-transform:skew(10deg);
    transform:skew(10deg);
    -webkit-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
    width:100%;
}
.x-toggle-skewed.x-toggle-btn::after{
    content:attr(data-tg-on);
    left:100%;
}
.x-toggle-skewed.x-toggle-btn::before{
    content:attr(data-tg-off);
    left:0;
}
.x-toggle-skewed.x-toggle-btn:active{
    background:#888 none repeat scroll 0 0;
}
.x-toggle-skewed.x-toggle-btn:active::before{
    left:-10%;
}
.x-toggle:checked + .x-toggle-skewed.x-toggle-btn{
    background:#86d993 none repeat scroll 0 0;
}
.x-toggle:checked + .x-toggle-skewed.x-toggle-btn::before{
    left:-100%;
}
.x-toggle:checked + .x-toggle-skewed.x-toggle-btn::after{
    left:0;
}
.x-toggle:checked + .x-toggle-skewed.x-toggle-btn:active::after{
    left:10%;
}
.x-toggle-skewed.small{
    height:1.6em;
    width:3em;
}
.x-toggle-skewed.small::after, .x-toggle-skewed.small::before{
    font-size:0.8em;
    line-height:2.2em;
}
.x-toggle-skewed.medium{
    height:2.1em;
    padding:3px;
    width:4em;
}
.x-toggle-skewed.medium::after, .x-toggle-skewed.medium::before{
    line-height:1.9em;
}
.x-toggle-skewed.large{
    height:2.6em;
    padding:4px;
    width:4.7em;
}
.x-toggle-skewed.large::after, .x-toggle-skewed.large::before{
    font-size:1.1em;
    line-height:2em;
}
.x-toggle-flip.x-toggle-btn{
    font-family:sans-serif;
    padding:2px;
    -webkit-perspective:100px;
    perspective:100px;
    -webkit-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.x-toggle-flip.x-toggle-btn::after, .x-toggle-flip.x-toggle-btn::before{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    border-radius:4px;
    color:#fff;
    display:inline-block;
    font-weight:700;
    left:0;
    line-height:2em;
    position:absolute;
    text-align:center;
    top:0;
    -webkit-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
    width:100%;
}
.x-toggle-flip.x-toggle-btn::after{
    background:#02c66f none repeat scroll 0 0;
    content:attr(data-tg-on);
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}
.x-toggle-flip.x-toggle-btn::before{
    background:#ff3a19 none repeat scroll 0 0;
    content:attr(data-tg-off);
}
.x-toggle-flip.x-toggle-btn:active::before{
    -webkit-transform:rotateY(-20deg);
    transform:rotateY(-20deg);
}
.x-toggle:checked + .x-toggle-flip.x-toggle-btn::before{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
.x-toggle:checked + .x-toggle-flip.x-toggle-btn::after{
    background:#7fc6a6 none repeat scroll 0 0;
    left:0;
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}
.x-toggle:checked + .x-toggle-flip.x-toggle-btn:active::after{
    -webkit-transform:rotateY(20deg);
    transform:rotateY(20deg);
}
.x-toggle-flip.small{
    height:1.6em;
    width:3em;
}
.x-toggle-flip.small::after, .x-toggle-flip.small::before{
    font-size:0.8em;
    line-height:2.2em;
}
.x-toggle-flip.medium{
    height:2.1em;
    padding:3px;
    width:4em;
}
.x-toggle-flip.medium::after, .x-toggle-flip.medium::before{
    line-height:2.3em;
}
.x-toggle-flip.large{
    height:2.6em;
    padding:4px;
    width:4.7em;
}
.x-toggle-flip.large::after, .x-toggle-flip.large::before{
    font-size:1.1em;
    line-height:2.4em;
}

.x-toggle-container{
}

.x-toggle{
  display:none!important;
}

.x-toggle-btn{
  vertical-align:middle;
  color:#504f56;
  font-size:1.2rem;
  line-height:2.3rem;
  background:url(img/toggle-bg.svg) right 7px center no-repeat;
  background-size:10px;
  background-color:#d9d9dc!important;
  margin-left:.5rem;
}

.x-toggle-btn.medium{
  padding:1px;
}

.x-toggle-btn::after{
  content:attr(data-tg-off)!important;
  text-align:center;
}

.x-toggle:checked + .x-toggle-btn{
  background:url(img/toggle-bg.svg) 7px center no-repeat;
  background-size:10px;
  background-color:#0095da!important;
}

.x-toggle:checked + .x-toggle-btn::after{
  content:attr(data-tg-on)!important;
}
.close-button{
  font-size:1rem;
}
.close-button:after{
  font-family:'icomoon';
  color:#a5a4ab;
}
@-webkit-keyframes sk-stretchdelay{
  0%, 40%, 100%{
    -webkit-transform:scaleY(0.4);
    transform:scaleY(0.4);
  }
  20%{
    -webkit-transform:scaleY(1.0);
    transform:scaleY(1.0);
  }
}
@keyframes sk-stretchdelay{
  0%, 40%, 100%{
    -webkit-transform:scaleY(0.4);
    transform:scaleY(0.4);
  }
  20%{
    -webkit-transform:scaleY(1.0);
    transform:scaleY(1.0);
  }
}

.spinner{
  margin:100px auto;
  width:50px;
  height:44px;
  text-align:center;
  font-size:10px;
}

.spinner > div{
  background-color:#88c7d8;
  height:100%;
  width:0.2rem;
  display:inline-block;
  -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
  animation:sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .spinner__rect2{
  -webkit-animation-delay:-1.1s;
  animation-delay:-1.1s;
}

.spinner .spinner__rect3{
  -webkit-animation-delay:-1.0s;
  animation-delay:-1.0s;
}

.spinner .spinner__rect4{
  -webkit-animation-delay:-0.9s;
  animation-delay:-0.9s;
}

.spinner .spinner__rect5{
  -webkit-animation-delay:-0.8s;
  animation-delay:-0.8s;
}

.spinner--minimal{
  margin:0 auto;
  height:25px;
}
@-webkit-keyframes contentPlaceholder{
  0%{
      background-position:-40rem 0
  }
  100%{
      background-position:40rem 0
  }
}
@keyframes contentPlaceholder{
  0%{
      background-position:-40rem 0
  }
  100%{
      background-position:40rem 0
  }
}

.content-placeholder{
  -webkit-animation-duration:1.5s;
  animation-duration:1.5s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:contentPlaceholder;
  animation-name:contentPlaceholder;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  background:#ededed;
  background:-webkit-gradient(linear, left top, right top, color-stop(8%, #ededed), color-stop(18%, #d9d9dc), color-stop(33%, #ededed));
  background:-o-linear-gradient(left, #ededed 8%, #d9d9dc 18%, #ededed 33%);
  background:linear-gradient(to right, #ededed 8%, #d9d9dc 18%, #ededed 33%);
  background-size:100rem 10rem;
  height:1rem;
  position:relative;
  margin:1rem 0;
}
.filter-items{
  font-size:1.3rem;
  padding:.5rem 0;
  display:inline-block;
}
.filter-items a{
  text-decoration:none;
}
.filter-items a:last-child{
  vertical-align:middle;
}
.filter-items__remove{
  font-size:55%;
  text-decoration:none;
  margin-right:.3rem;
}
.filter-items__remove:before{
  content:'';
  margin:0 1rem 0 .3rem;
  border-left:1px solid #d9d9dc;
}
.form__field{
  margin-bottom:.4rem;
}
@media (min-width: 768px){

  .form__field > *, .form__field .form__label > span, .form__field .form__field__text, .form__field__action{
    display:inline-block;
  }
}
.form__field .form__field__text{
  font-weight:600;
}
.form__field > *:first-child span, .form__field .form__field__text{
  width:132px;
  text-align:right;
  padding-right:1rem;
}
.form__field > *:first-child span--double, .form__field .form__field__text--double{
  vertical-align:middle;
}
.form__field span.normal-width{
  width:auto;
  text-align:left;
  padding-right:0;
}
.form__field .form__label, .form__field__action{
  vertical-align:top;
}
.form__field__action{
  padding-top:.6rem;
  margin-right:.5rem;
}
.form__field .form__label--required:before{
  content:none;
}
.form__field__suggestion{
  margin-right:1rem;
  position:relative;
  top:.5rem;
}
@media (min-width: 768px){

  .form__field > *:first-child .form__input__errors > p, .form__field > *:first-child p.error--form-field{
    margin-left:136px;
  }
}

.form__field .form__input__errors > p, .form__field p.error--form-field{
  color:#a5a4ab;
  font-style:italic;
  margin-bottom:.5rem;
}

@media (min-width: 768px){

  .form__field .form__input__errors > p, .form__field p.error--form-field{
    max-width:200px;
  }
}

.form__field--for-stepper .form__input__errors > p{
  max-width:100px;
}
@media (min-width: 768px){

  .form__field__help, .form__field__add{
    margin-left:136px;
  }
}

.form__field__add{
  display:block;
}

.form__field > .form__field__add{
  margin-top:.6rem;
}
.form__field--with-table{
  margin-top:2rem;
}
.form__field--with-table > .form__label{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.form__field--with-table > .form__label > span{
  margin-top:1.5rem;
}
.form__field--with-table > .form__label .table{
  font-weight:400;
}
.form__field .form__input--has-break{
  margin:0;
}
@media(min-width: 1200px){

  .form__field .form__input--has-break{
    margin:3px 0 0 135px;
  }
}

.form__field--with-radio-group > label > span{
  margin-top:.75rem;
}

.form__field--with-toggles{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  max-width:500px;
}

.form__field--with-toggles > *:first-child{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}

.form__field--with-toggles .x-toggle-container{
  -ms-flex-item-align:start;
  align-self:flex-start;
  margin-top:.25rem;
}

.form__fieldset--for-duration{
  border:0;
  padding:0;
}

.form__fieldset--for-duration legend{
  width:136px;
  float:left;
  font-weight:600;
  text-align:right;
  padding-right:1rem;
  margin-top:.6rem;
}

.form__fieldset--for-duration .form__label:not(:first-child) span{
  display:none;
}
.form__field--inline > *{
  vertical-align:top;
}
.form__field--inline--checkbox{
  padding:.5rem 0;
}
.form__field--inline--checkbox .form__field__label--required:before{
  content:'*';
  color:#ed6b6a;
}
.form__field--inline--checkbox .form__label{
  margin-right:1.5rem;
}
@media (min-width: 768px){

  .form__field-to-and-from > *:not(:first-child) .form__input__errors > p, .form__field-to-and-from > *:not(:first-child) p.error--form-field{
    margin-left:24px;
  }
}

.form__field--stacked-checkbox .form__input__errors > p{
  max-width:none;
  margin-left:0!important;
  font-weight:normal;
  color:#ed6b6a;
}
.producer-registrant-codes .form__field:not(:first-child) .form__label > span{
  visibility:hidden;
}
.radio-group{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
@media (min-width: 768px){

  .radio-group{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:.15rem;
  }
}
.radio-group input{
  position:absolute;
  visibility:hidden;
  margin:0;
}
.radio-group label{
  position:relative;
  z-index:0;
  cursor:pointer;
  -webkit-transition:all 0.25s linear;
  -o-transition:all 0.25s linear;
  transition:all 0.25s linear;
  margin:0 .25rem;
  text-align:center;
  display:inline-block;
  width:3rem;
  height:3rem;
  background:#fdfdfd;
  padding-top:.6rem;
}
.radio-group .check{
  display:block;
  position:absolute;
  border:1px solid #d9d9dc;
  border-radius:2px;
  height:3rem;
  width:3rem;
  top:0;
  left:0;
  z-index:-1;
  -webkit-transition:border .25s linear;
  -o-transition:border .25s linear;
  transition:border .25s linear;
}
.radio-group .check::before{
  display:block;
  position:absolute;
  content:'';
  height:2.8rem;
  width:2.8rem;
  -webkit-transition:background 0.25s linear;
  -o-transition:background 0.25s linear;
  transition:background 0.25s linear;
  border-radius:2px;
}
.radio-group input ~ span{
  color:#0095da;
}
.radio-group .form__label.has-error input ~ span{
  border-color:#ed6b6a;
  color:#ed6b6a;
}
.radio-group .form__label.has-error input:checked ~ span{
  border-color:#0095da;
  color:#fdfdfd;
}
.radio-group input:checked ~ span{
  color:#fdfdfd;
}
.radio-group input:checked ~ .check{
  border:1px solid #0095da;
}
.radio-group input:checked ~ .check::before{
  background:#0095da;
  border-radius:0;
}
.radio-group input[disabled] ~ span{
  opacity:0.5;
  cursor:not-allowed;
}
.radio-group--in-form-field{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  margin-left:-1.4rem;
}
.form__label.is-added .check{
  border:1px solid #0095da;
}
.form__label.is-added .check::before{
  background:#0095da;
  border-radius:0;
}

.form__label.is-deleted .check{
  border:1px solid #a5a4ab;
}

.form__label.is-deleted .check::before{
  background:#d9d9dc;
  border-radius:0;
}

.form__label.is-deleted .check::after{
  content:'';
  position:absolute;
  height:1px;
  width:3.8rem;
  background:#a5a4ab;
  right:0;
  -webkit-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transform-origin:right;
  -ms-transform-origin:right;
  transform-origin:right;
}

.form__label.is-added input ~ span, .form__label.is-deleted input ~ span{
  opacity:1;
  color:#fdfdfd;
}

.form__label.is-deleted input ~ span{
  color:#a5a4ab;
}
.searchable-list{
  display:inline-block;
  position:relative;
  background-color:#fdfdfd;
  border-radius:2px;
  border:1px solid #d9d9dc;
  text-align:left;
  padding:0 0.25rem;
  vertical-align:middle;
}
.searchable-list--fluid{
  min-width:0;
}
.searchable-list__heading{
  position:relative;
  height:30px;
  padding:7px 23px 7px 5px;
  cursor:pointer;
  min-width:100px;
  white-space:nowrap;
}
.searchable-list__heading:before{
  content:'';
  background-image:url("img/chevron-down.svg");
  background-repeat:no-repeat;
  background-position:center right;
  background-size:12px;
  position:absolute;
  height:20px;
  width:12px;
  right:3px;
}
.searchable-list--open .searchable-list__heading:before{
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}
.searchable-list--open .searchable-list__dropdown{
  display:block;
}
.searchable-list--disabled{
  background-color:rgba(255, 255, 255, 0.2);
  border-color:rgb(232, 232, 232);
}
.searchable-list--disabled .searchable-list__heading{
  cursor:not-allowed;
  outline:none;
}
.searchable-list--disabled .searchable-list__heading:before{
  background-image:none;
}
.searchable-list--disabled .searchable-list__dropdown{
  display:none;
}
.searchable-list__dropdown{
  position:absolute;
  left:0;
  display:none;
  background-color:#fdfdfd;
  border-radius:2px;
  border:1px solid #d9d9dc;
  -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
  z-index:2;
  width:100%;
}
@media (min-width: 768px){

  .searchable-list__dropdown{
    width:auto;
  }
}
.searchable-list__dropdown .searchable-list__search{
  background:url("img/search.svg") right 0.5rem center no-repeat;
  background-size:1.8rem;
  width:96%;
  margin:0.5rem auto;
}
.searchable-list__dropdown .searchable-list__search--dirty{
  background-image:none;
}
.searchable-list__dropdown ul{
  list-style:none;
  padding:0;
  margin:0;
  max-height:200px;
  overflow:auto;
  font-weight:400;
}
.searchable-list__dropdown ul li.searchable-list__option{
  padding:5px;
  white-space:nowrap;
}
.searchable-list__dropdown ul li.searchable-list__option--active, .searchable-list__dropdown ul li.searchable-list__option:hover{
  color:#fdfdfd;
  background-color:#0095da;
  cursor:pointer;
}
.searchable-list--below-search{
  border:0;
  padding:0;
  display:block;
}
.searchable-list--below-search .searchable-list__dropdown{
  border-top:0;
  width:100%;
}
.searchable-list__delete{
  color:#a5a4ab;
  position:absolute;
  right:1.5rem;
  top:50%;
  margin-top:-1rem;
  font-size:110%;
}

.searchable-list--in-form-field{
  position:absolute;
  width:100%;
  left:0;
  bottom:0;
  border:0;
}

@media (min-width: 768px){

  .searchable-list--in-form-field{
    width:calc(100% - 140px);
    left:137px;
  }
}
.btn-group{
  text-align:center;
}
@media (min-width: 768px){

  .btn-group{
    text-align:right;
  }
}
.btn-group--toggle > .btn{
  border-bottom:0;
  font-size:1.1rem;
}
.btn-group--small > .btn{
  font-size:1.1rem;
}
@media (min-width: 768px){

  .btn-group button:not(:first-of-type){
    border-radius:0 2px 2px 0;
    margin-left:-4px;
    border-left:1px solid rgba(0,0,0,0.3);
  }
}
.btn-group .btn{
  display:inline-block;
  width:auto;
  border-radius:2px;
  padding:0.5rem;
}
@media (min-width: 768px){

  .btn-group .btn{
    margin:0;
    border-radius:2px 0 0 2px;
  }
}
.btn-group .btn > i[class^="icon--"]{
  font-size:.9rem;
  margin:0 0.5rem;
}
.btn-group .btn--primary{
}
.btn-group .btn--white:last-child{
  border:1px solid #d9d9dc;
}
@media (min-width: 960px){

  .btn-group--hover, .btn-group--floating{
    display:none;
    position:absolute;
    top:50%;
    bottom:0;
    right:1rem;
    z-index:1;
    margin-top:-1.6rem;
  }
}
.btn-group--floating{
  display:block;
  bottom:auto;
  right:0;
  z-index:1;
  top:-1rem;
}
.btn-group a:not(.btn){
  margin:0 1rem;
  color:#333;
}
.pagination{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  list-style:none;
  padding:0;
}
@media (min-width: 768px){

  .pagination{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }
}
@media (min-width: 768px){

  .pagination{
    margin-top:0;
    margin-bottom:0;
  }
}
.pagination--boxed{
  margin-bottom:1.2rem;
}

.pagination .pagination__item{
  display:none;
  background:#fdfdfd;
  border:1px solid #d9d9dc;
  border-radius:2px;
  text-align:center;
  margin:0;
}

@media (min-width: 768px){

  .pagination .pagination__item{
    display:inline-block;
  }
}

.pagination .pagination__item a{
  text-decoration:none;
  padding:0.6rem 1.2rem;
  min-width:0.8rem;
  display:inline-block;
}

.pagination .pagination__item a:hover{
  background:#0095da;
  color:#fff;
}

.pagination .pagination__item--previous, .pagination .pagination__item--next{
  display:inline-block;
}

.pagination .pagination__item--current{
  background:#0095da;
  border-color:#0095da;
}

.pagination .pagination__item--current a{
  color:#fff;
}

.pagination .pagination__item--current a:hover{
  background:none;
}

.pagination .pagination__item--disabled{
  background:#ededed;
  pointer-events:none;
}

.pagination .pagination__item--disabled a:hover{
  background:#ededed;
}

.pagination .pagination__item--disabled i{
  color:#a5a4ab;
}
.breadcrumbs{
  list-style:none;
  padding:0.7rem 1rem 0.5rem 0;
  margin:0;
  display:inline-block;
  color:#ededed;
}
.breadcrumbs__item{
  margin-bottom:0;
  display:inline-block;
  padding-right:0;
}
.breadcrumbs__item::before{
  content:"\e904";
  font-family:'icomoon';
  margin:0 1rem 0 0;
  font-size:1rem;
}
.breadcrumbs__item--home{
  padding-left:0;
}
@media (min-width: 768px){

  .breadcrumbs__item--home{
    padding-left:1rem;
  }
}
.breadcrumbs__item--home i{
  font-size:1.7rem;
  vertical-align:top;
}
.breadcrumbs__item--home::before{
  content:none;
}
.breadcrumbs__item a{
  color:#ededed;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:300;
}
.breadcrumbs__item--action::before{
  content:none;
}
.breadcrumbs__item--action a{
  text-transform:none;
  color:#0095da!important;
}
.breadcrumbs__arrow::before{
  content:"\e904";
  font-family:'icomoon';
  margin:0 1rem 0 0;
  font-size:1rem;
}
.breadcrumbs--in-content{
  color:inherit;
}
.breadcrumbs--in-content a{
  color:inherit;
  font-weight:600;
}
.breadcrumbs--in-content .breadcrumbs__item{
  padding-left:.5rem;
}
.breadcrumbs--in-content .breadcrumbs__item::before, .breadcrumbs--in-content .breadcrumbs__arrow::before{
  color:#d9d9dc;
  margin:0 0 0 .75rem;
}
.breadcrumbs--without-arrows .breadcrumbs__item::before{
  content:none;
}
.vertical__nav{
  background:#434D5A;
}
.vertical__nav__item{
  text-transform:uppercase;
  margin:0;
}
.vertical__nav__item a{
  position:relative;
  padding:0.8rem 3rem;
  color:#ededed;
  text-decoration:none;
  display:block;
  border-bottom:1px solid #434D5A;
  background:rgb(57, 65, 77);
}
.vertical__nav__item a.active, .vertical__nav__item a:hover{
  color:#88c7d8;
}
.vertical__nav__item--has-children > a::before{
  font-family:'icomoon';
  font-size:1rem;
  position:absolute;
  left:1.5rem;
  padding-top:.25rem;
}
.vertical__nav__item--is-expanded > a::before{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
.vertical__nav--sub{
  display:none;
}
.vertical__nav--sub__item{
  text-transform:none;
}
.vertical__nav--sub__item a{
  background:none;
  border-bottom:1px solid rgb(57, 65, 77);
}
.vertical__nav--sub__item a:hover{
  background:rgb(57, 65, 77);
}
.vertical__nav--sub__item--active a, .vertical__nav--sub__item a:hover{
  color:#88c7d8;
}
.vertical__nav--sub__item a.active, .vertical__nav--sub__item a:hover{
  color:#88c7d8;
}
.vertical__nav .vertical__nav__item--is-expanded > .vertical__nav--sub{
  display:block;
}
.user{
  background:rgb(57, 65, 77);
  padding:2rem 1.5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:1.3rem;
  text-transform:uppercase;
}
.user__name{
  color:#fdfdfd;
  margin-left:1rem;
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
}
.user > a{
  color:#fdfdfd;
  text-decoration:none;
  text-transform:none;
}
.user__logout{
  display:inline-block;
  margin-left:.5rem;
}
.user__avatar{
  max-width:4rem;
  max-height:4rem;
  border-radius:50%;
  border:1px solid #ededed;
}
.user__avatar--large{
  max-width:60px;
  max-height:60px;
}
.bucket{
  position:relative;
  margin-top:-3.3rem;
  z-index:5;
  font-size:1.3rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.bucket__list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
}
.bucket__list__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  margin-left:2rem;
  border-radius:2px;
}
.bucket__list__item:before{
  content:'';
  border-left:1px solid #d9d9dc;
  position:absolute;
  height:1.5rem;
  left:-1rem;
  top:.2rem;
}
.bucket__list__item__close{
  position:relative;
  top:.4rem;
  margin-right:.5rem;
  color:#a5a4ab;
  font-size:.8rem;
}
.bucket__add-btn .btn{
  position:relative;
  top:-.7rem;
  right:1rem;
}

main.pull .bucket{
  left:8rem;
  width:calc(100% - 8rem);
}
@media (min-width: 960px){

  .table__head--small{
    width:8%;
  }
}

@media (min-width: 960px){

  .table__head--medium{
    width:15%;
  }
}

@media (min-width: 960px){

  .table__head--large{
    width:25%;
  }
}

@media (min-width: 960px){

  .table__head--xlarge{
    width:30%;
  }
}

.table__head--always-visible{
  border-bottom:0;
}

.table__head th{
  white-space:nowrap;
}

.table__head .select, .table__head .form__input:not(.searchable-list__search), .table__head .searchable-list__heading{
  height:auto;
  padding:.25rem 2rem .25rem .5rem;
}

.table__head .x-toggle-btn{
  vertical-align:bottom;
}

.table__head .select{
  max-width:100px;
}
.table__row--is-editing, .table__row--expanded{
  background:#f9f9f9;
}
.table__row--has-errors{
  background:rgb(253, 240, 240)!important;
}
.table__row--has-errors td{
  padding:0 0 0 1rem;
  border:0;
  height:auto;
}
.table__row--has-errors td p{
  margin:1rem 0;
}
.table__row--has-errors td p::before{
  content:'-';
}

@media (min-width: 960px){

  .table__row--truncated > td{
    max-width:150px;
  }
}

.table__row--subhead{
  background:rgb(244, 244, 244);
  font-weight:600;
}

.table__row--with-errors{
  -webkit-box-shadow:5px 0px 0px #ed6b6a inset;
  box-shadow:5px 0px 0px #ed6b6a inset;
}

.table__row--with-errors i{
  color:#ed6b6a;
}
.table__row--disabled td{
  background:#f9f9f9;
  color:#d9d9dc;
  cursor:not-allowed;
}
.table__row--new td:first-child{
  position:relative;
}
.table__row--new td:first-child:before{
  content:"\e90a";
  font-family:'icomoon';
  font-size:1.6rem;
  background:#88c7d8;
  position:absolute;
  width:2rem;
  height:2rem;
  right:2rem;
  border-radius:2rem;
  color:#fdfdfd;
  text-align:center;
  margin-top:0.1rem;
}
@media (min-width: 960px){

  .table__row--new td:first-child:before{
    left:-1rem;
  }
}
.table__row--heading{
  background:#f9f9f9;
  border-top:0!important;
}
.table__row--heading td{
  padding:.5rem 2rem;
}
.table__row--heading > td:first-child, .table__row--heading > td:last-child{
  border-left:0;
  border-right:0;
}
.table__row--heading__title{
  font-weight:700;
  color:#fff;
  margin:0.5rem 0;
  font-size:2.8rem;
  text-align:center;
}
@media (min-width: 960px){

  .table__row--heading__title{
    text-align:left;
    font-size:1.5rem;
    margin:1rem 0 0 0;
    color:#504f56;
  }
}

.table__row--multiline > td{
  vertical-align:top;
}
.table__row--empty{
  background:none;
}
.table__row--empty > td:first-child{
  padding-left:1rem!important;
}
.table__row--empty > td, .table__row--empty > td:first-child, .table__row--empty > td:last-child{
  border:0;
}
.table__row--empty > td:first-child:before, .table__row--empty > td:first-child:first-child:before, .table__row--empty > td:last-child:first-child:before{
  content:none;
}
.table tr[data-level="1"].dd-open .table-row-toggle{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
.table tr[data-level="1"].dd-open{
  background:#ededed;
}
.table .dd-open, .table .dd-close{
  cursor:pointer;
}
.table tr[data-level="2"]{
  background:rgb(242, 242, 243);
}
@media (min-width: 768px){

  .table tr[data-level="2"] > td:first-child{
    padding-left:4rem;
  }
}
.table tr[data-level="2"].drilldown-toggle > td:first-child::before, .table tr[data-level="2"].drilldown-toggle.dd-close > td:first-child::before{
  content:'+';
  margin-right:.25rem;
}
.table tr[data-level="2"].dd-open > td:first-child::before{
  content:'-';
  margin-right:.5rem;
}
@media (min-width: 768px){

  .table tr[data-level="3"] > td:first-child{
    padding-left:7rem;
  }
}
.table-summary{
  min-width:0;
  width:100%;
}
.table-summary__heading{
  color:#504f56;
  font-weight:600;
  font-size:1.6rem;
  margin:0;
}
.table-summary > tbody:before{
  content:none;
}
.table-summary tr:first-child{
  border-top:0;
}
.table-summary th:first-child{
  padding-left:.75rem;
}

.table-summary__cell{
  padding-top:2rem;
}

.table-summary__cell b{
  font-size:2.2rem;
  font-weight:300;
}

.table-summary__cell span{
  display:block;
  color:#101010!important;
}

.table-summary__row--current .table-summary__cell b{
  font-size:2.8rem;
}

.table-summary__row--current .table-summary__cell--sum b{
  font-size:4.2rem;
}

.summary{
  max-width:600px;
  margin:2rem auto;
}

.summary__header{
  margin:2rem 0;
  text-align:center;
}

.summary__header h2{
  font-weight:300;
}

.summary__footer{
  margin:2rem -1rem;
  text-align:center;
}

.summary__row{
  padding:1rem 0;
  background:#fdfdfd;
}

.summary__row:nth-child(odd):not(.summary__header):not(.summary__footer){
  background:#f9f9f9;
}

.summary__row div:first-child{
  text-align:right;
  font-weight:600;
}

.summary__row span{
  margin-left:1rem;
}

.summary__row--header{
  border-bottom:1px solid #ededed;
  font-size:110%;
  margin-bottom:1rem;
}

.summary__row--footer{
  border-top:1px solid #ededed;
  font-size:110%;
  margin-top:1rem;
}

.summary__row--dark{
  background:#d9d9dc;
}
.fake-table__row{
  background:#fdfdfd;
  border:1px solid #d9d9dc;
  border-width:1px;
  margin-bottom:-1px;
}
@media (min-width: 768px){

  .fake-table__row:hover{
    background:#f9f9f9;
  }
}
.fake-table__row[draggable=true]{
  cursor:-webkit-grab;
  cursor:grab;
}
.fake-table__row[draggable=true]:active{
  background:rgb(237, 237, 237);
}
.fake-table__row a:not(.btn){
  color:inherit;
}
.fake-table__row.row--align-vertical a{
  color:#0095da;
}
.fake-table__row--selected, .fake-table__row--selected:hover{
  background:#ededed;
}
.fake-table__row--active{
  -webkit-box-shadow:4px 0px 0px #50bf9e inset;
  box-shadow:4px 0px 0px #50bf9e inset;
  background:#fdfdfd;
}
.fake-table__row--inactive *{
  color:#a5a4ab!important;
}
.fake-table__row > div[class*="col-"]{
  padding:1.4rem 1rem;
  min-height:4.8rem;
}
.fake-table__row > div[class*="col-"]:first-child{
  padding-left:2rem
}
.fake-table__row > div[class*="col-"]:last-child{
  padding-right:2rem;
}
.fake-table__row div[class*="col-"]{
  width:100%;
}
@media (min-width: 768px){

  .fake-table__row div[class*="col-"]{
    width:auto;
  }
}
.fake-table__row div[class*="col-"]::before{
  content:attr(data-label);
  display:block;
  color:#a5a4ab;
  text-transform:uppercase;
}
@media (min-width: 768px){

  .fake-table__row div[class*="col-"]::before{
    content:none;
  }
}
.fake-table__row--head{
  background:#ededed;
  text-align:center;
  font-weight:600;
  cursor:default;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
}
.fake-table__row--head:hover{
  background:#ededed;
}
@media (min-width: 768px){

  .fake-table__row--head{
    text-align:left;
  }
}
.fake-table__row--head .select, .fake-table__row--head .form__input{
  height:auto;
  padding:.25rem 2rem .25rem .5rem;
}
.fake-table__row--head:not(.always-visible){
  display:none;
}
@media (min-width: 768px){

  .fake-table__row--head:not(.always-visible){
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
}
.fake-table__row--foot{
  border:0;
  position:relative;
  padding-bottom:1rem;
  margin-bottom:2px;
}
.fake-table__row--foot:after{
  content:'';
  height:10px;
  width:calc(100% + 2.2rem);
  background:#f3f3f3;
  position:absolute;
  left:-1.1rem;
  bottom:-16px;
  z-index:2;
  border-top:1px solid #d9d9dc;
}
.fake-table__row--foot:hover{
  background:#fdfdfd;
}
.fake-table__row--foot a:not(.btn){
  color:#0095da;
}
.fake-table__row--subfoot{
  position:relative;
  border:0;
}
.fake-table__row--subfoot > *{
  position:relative;
  z-index:2;
}
.fake-table__row--subfoot:after{
  content:'';
  position:absolute;
  height:calc(100% + 1px);
  bottom:-8px;
  left:-1px;
  width:calc(100% + 2px);
  background:#f3f3f3;
}
.fake-table__row--with-inputs{
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
@media (min-width: 768px){

  .fake-table__row--with-inputs .form__input{
    margin-top:-1rem;
    margin-bottom:-1rem;
  }
}
.fake-table__row--borderless{
  border-width:1px 0 0 0;
}
.fake-table__row--detached{
  border-bottom:1px solid #d9d9dc;
  margin-bottom:1rem;
}
.fake-table__row--success{
  -webkit-box-shadow:4px 0px 0px #50bf9e inset;
  box-shadow:4px 0px 0px #50bf9e inset;
}
.fake-table__row--error{
  -webkit-box-shadow:4px 0px 0px #ed6b6a inset;
  box-shadow:4px 0px 0px #ed6b6a inset;
}

.fake-table__row--expanded{
  background:#ededed;
}

.fake-table__row--expanded:hover{
  background:#ededed;
}

.fake-table__row--expanded:last-child .fake-table__row--foot{
  margin-bottom:0;
  padding-bottom:1rem;
}

.fake-table__row--expanded > .fake-table__toggle-container{
  border-bottom:1px solid #d9d9dc;
}

.fake-table__row--selected .badge--numeric, .fake-table__row--expanded .badge--numeric{
  color:#fdfdfd;
  background:#504f56;
}

.fake-table__row__handle{
  display:none;
}

.fake-table__row__delete, .fake-table--numeric__divider > .fake-table--numeric__divider__delete{
  position:absolute;
  right:-3rem;
  top:1.5rem;
  color:#a5a4ab;
  display:none;
  padding-left:2rem;
}

.fake-table__row__delete > a, .fake-table--numeric__divider > .fake-table--numeric__divider__delete > a{
  padding:1rem;
}

.fake-table__row:hover > .fake-table__row__handle, .fake-table__row:hover > .fake-table__row__delete{
  display:block;
}
.fake-table__row--child{
  border:0;
  margin:0;
  padding:0;
  display:none;
  width:100%;
}
.fake-table__row--child > div{
  display:block;
  cursor:default;
}
.fake-table__row--child:nth-child(odd){
  background:#f9f9f9;
}
.fake-table__row--child:nth-child(odd):hover{
  background:#f9f9f9!important;
}
.fake-table__row--child > .fake-table__row > div[class*="col-"]:first-child{
  padding-left:3rem;
}
.fake-table__row--child__header{
  margin:1rem 0 0 2rem;
}

.fake-table__row--expanded > .fake-table__row--child{
  display:-webkit-box!important;
  display:-ms-flexbox!important;
  display:flex!important;
}

.fake-table__row--expanded > .fake-table__row--child:hover{
  background:#fdfdfd;
}
.toggle-sidebar a{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  height:3rem;
  position:relative;
  text-transform:uppercase;
  font-size:1.2rem;
  text-decoration:none;
  color:#504f56;
  top:.1rem;
  left:1rem;
  z-index:4;
}
.toggle-sidebar a::before{
  content:"\e914";
  font-family:'icomoon';
  font-size:2.4rem;
  position:relative;
}
.toggle-sidebar a::after{
  content:'menu';
  position:relative;
  left:.5rem;
}
.toggle-sidebar.open a{
  color:#fff;
  margin-left:-7rem;
}
.toggle-sidebar.open a::before{
  content:"\e907";
  font-family:'icomoon';
  font-size:1.5rem;
}
.toggle-sidebar.open a::after{
  content:'lukk';
}
.tabs__nav{
  position:relative;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.tabs__nav__item{
  position:relative;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  text-align:center;
  padding:0;
  background:#f9f9f9;
  border:1px solid #d9d9dc;
  border-width:1px 0 0 1px;
}
@media (min-width: 768px){

  .tabs__nav__item{
    border-width:1px 0 0 1px;
  }
}
.tabs__nav__item:last-child{
  border-right-width:1px;
}
.tabs__nav__item a{
  text-decoration:none;
  color:#504f56;
  font-weight:600;
  padding:1rem 0;
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  display:block;
}
.tabs__nav__item:hover, .tabs__nav__item a.active{
  background:#ededed;
  position:relative;
}
.tabs__nav__item a.active::after{
  content:'';
  height:1px;
  position:absolute;
  left:0;
  bottom:-1px;
  background:#ededed;
  width:100%;
  z-index:1;
}
.tabs__nav__item--disabled > a{
  color:rgb(195, 195, 198);
  pointer-events:none;
}
.tabs__nav__item--disabled:hover{
  background:#f9f9f9;
}
.tabs__nav__item--disabled:hover::after{
  content:none;
}
.tabs__nav__item a.active{
  position:static;
}
.tabs__nav__item--search a{
  padding-top:1.6rem;
}
.tabs__nav__close{
  position:absolute;
  right:3px;
  top:3px;
  width:1.2rem;
  height:1.2rem;
  z-index:1;
}
.tabs__nav__close:after{
  font-family:'icomoon';
  color:#a5a4ab;
  font-size:8px;
  position:absolute;
  top:0;
  right:1px;
  font-weight:300;
}
.tabs__nav__close:hover::after{
  color:#504f56;
}

.tabs__nav--flexible{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  vertical-align:top;
}

.tabs__nav--flexible .tabs__nav__item{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  max-width:none;
}

.tabs__nav--flexible .tabs__nav__item > a{
  padding-left:1rem;
  padding-right:1.5rem;
}

.tabs__nav--flexible .tabs__nav__item > a:first-child{
  padding-left:2rem;
}

.tabs__nav--flexible .tabs__nav__item__text{
  max-width:210px;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:inline-block;
}
.tabs__nav__item__type{
  text-align:left;
  position:relative;
  font-size:1.2rem;
  color:#a5a4ab;
  left:0;
  margin:-1rem .5rem 0 0;
  display:block;
}
.tabs__nav__item__type:before{
  font-family:'icomoon';
  font-weight:400;
  font-size:100%;
  position:relative;
  top:.2rem;
  margin-right:.3rem;
}
.tabs__nav__item__type + a{
  padding-top:0!important;
}
.tabs__nav__item__type--recording:before{
  content:"\e919";
}
.tabs__nav__item__type--album:before{
  content:"\e917";
}
.tabs__nav__item__type--performer:before, .tabs__nav__item__type--group:before, .tabs__nav__item__type--person:before, .tabs__nav__item__type--inheritance:before, .tabs__nav__item__type--royalties:before{
  content:"\e916";
  top:.12rem;
}
.tabs__nav__item__type--label:before, .tabs__nav__item__type--owner:before{
  content:"\e918";
  top:.12rem;
}
.tabs__nav__item__type--worklist:before, .tabs__nav__item__type--change-requests:before, .tabs__nav__item__type--list:before, .tabs__nav__item__type--bulks:before{
  content:"\e921";
  top:.13rem;
}
.tabs__nav__item__type--duplicate:before{
  content:"\e911";
}
.tabs__section__nav{
  background:#ededed;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
}
@media (min-width: 768px){

  .tabs__section__nav{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }
}
@media (min-width: 768px){

  .tabs__section__nav--left{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
  }
}
.tabs__section__nav__item{
  position:relative;
}
.tabs__section__nav__item:before{
  position:absolute;
}
.tabs__section__nav__item > a{
  color:#504f56;
  padding:.6rem 1.5rem;
  display:block;
  position:relative;
}
@media (min-width: 768px){

  .tabs__section__nav__item > a{
    padding:.6rem 2rem;
  }
}
.tabs__section__nav__item > a:hover, .tabs__section__nav__item > a.active{
  background:#d9d9dc;
}
.tabs__section__nav__item > a:hover:after, .tabs__section__nav__item > a.active:after{
  content:'';
  position:absolute;
  left:50%;
  margin-left:-7px;
  bottom:-6px;
  width:0;
  height:0;
  background:none;
  border-style:solid;
  border-width:7px 7px 0 7px;
  border-color:#d9d9dc transparent transparent transparent;
  z-index:1;
}
.tabs__section__nav__item > a.active{
  background:#504f56;
  color:#fdfdfd;
  text-decoration:none;
}
.tabs__section__nav__item > a.active:after{
  border-color:#504f56 transparent transparent transparent;
}

.tabs__section__nav--absolute{

  margin:1.2rem 3rem 1.2rem -3rem;
}

@media (min-width: 1200px){

  .tabs__section__nav--absolute:before{
    content:'';
    width:100%;
    height:1px;
    border-bottom:1px solid #d9d9dc;
    position:absolute;
    left:0;
  }
}

@media (min-width: 768px){

  .tabs__section__nav--absolute{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    bottom:0;
    right:2rem;
    left:auto;
    margin:0 0 0 -1rem;
    position:absolute;
  }
}

@media (min-width: 1200px){

  .tabs__section__nav--absolute{
    right:auto;
    top:auto;
    bottom:0;
    left:calc(45% + .3rem);
    width:calc(55% + .7rem);
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
  }
}

.tabs__section__nav--absolute .tabs__section__nav__item a{
  text-decoration:none;
  padding:.6rem 1rem;
}

.tabs__section__nav--absolute .tabs__section__nav__item a span:last-child{
  text-decoration:underline;
}

.tabs__section__nav--absolute .tabs__section__nav__item a.active span{
  text-decoration:none;
}
@-webkit-keyframes fadeIn{
  0%{ opacity:0; }
  100%{ opacity:1; }
}
@keyframes fadeIn{
  0%{ opacity:0; }
  100%{ opacity:1; }
}

@-webkit-keyframes fadeOut{
  0%{ opacity:1; }
  100%{ opacity:0; }
}

@keyframes fadeOut{
  0%{ opacity:1; }
  100%{ opacity:0; }
}

.flash-message-wrapper{
  overflow:hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;  
  margin:0;
  -webkit-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  position:fixed; 
  top:0;
  left:0;
  right:0;
  z-index:8;
}

@media (min-width: 960px){

  .flash-message-wrapper{
    left:20rem;
  }
}

.flash-message-wrapper--full-width{
  left:0;
  top:19rem;
}

.flash-message-wrapper--static{
  position:static;
}

.pull .flash-message-wrapper{
  left:0;
}

.flash-message{
  text-align:center;
  background:#88c7d8;
  color:#fdfdfd;
  text-transform:uppercase;
  font-size:1.5rem;
  -webkit-animation:fadeIn ease 1s;
  animation:fadeIn ease 1s;
  padding:.4rem 0;
  min-height:3.2rem;
  -webkit-box-flex:1;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
}

.flash-message.exiting{
  -webkit-animation:fadeOut ease 1s;
  animation:fadeOut ease 1s;
}

.flash-message p{
  margin:0;
  display:inline-block;
}

.flash-message a{
  color:#fdfdfd;
}

.flash-message .btn{
  background:rgb(102, 149, 162);
  text-transform:uppercase;
  padding:.15rem 1rem;
  margin:0 0 0 .5rem;
}

@media (min-width: 960px){

  .flash-message .btn{
    margin:0 1rem;
  }
}

.flash-message--error{
  background:#ed6b6a;
}

.flash-message--error .btn{
  background:rgb(178, 80, 80);
}

.flash-message--success{
  background:#50bf9e;
}

.flash-message--success .btn{
  background:rgb(60, 143, 119);
}
.message{
  clear:both;
  margin:2rem 0;
  font-style:italic;
  color:#a5a4ab;
}
.search--with-dropdown{
  min-width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:0 1rem;
}
@media (min-width: 768px){

  .search--with-dropdown{
    min-width:0;
  }
}
.search--with-dropdown .search{
  width:100%;
}
@media (min-width: 960px){

  .search--with-dropdown .search{
    width:auto;
  }
}
.search--with-dropdown .search input[type="text"].search__form__input{
  border-radius:1px;
  margin:0;
}

.search--in-row, .input--in-row{
  padding:.75rem 1rem!important;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.search--in-row{
  -webkit-box-flex:1;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
}

@media (min-width: 768px){

  .search--in-row{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
  }
}

.search__form{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position:relative;
}

.search__form--center{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.search__form--right{
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}

.search__form--in-toolbar{
  margin-bottom:0;
}

input[type="text"].search__form__input{
  padding:0.55rem;
  padding-right:2rem;
  font-weight:400;
  display:block;
  background:#fdfdfd;
  overflow:hidden;
  -o-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:1px solid #d9d9dc;
  border-radius:2px 0 0 2px;
  outline:none;
  -webkit-box-flex:0;
  -ms-flex:0 1 500px;
  flex:0 1 500px;
  margin-bottom:0;
}

input[type="text"].search__form__input--large{
  padding:1.2rem;
}

@media (min-width: 960px){

  input[type="text"].search__form__input--fixed-width{
    min-width:400px;
  }
}

@media (min-width: 1200px){

  input[type="text"].search__form__input--fixed-width{
    min-width:500px;
  }
}

.search__submit{
  -webkit-box-flex:0;
  -ms-flex:0 1 40px;
  flex:0 1 40px;
  border:3px solid rgb(68, 67, 73);
  border-width:0 0 3px 0;
  border-radius:0 2px 2px 0;
  margin-left:-1px;
  background:#504f56;
  color:#fdfdfd;
  padding:.5rem 1.2rem 0 1.3rem;
}

@media (min-width: 768px){

  .search__submit{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
  }
}

.search__submit:before{
  content:"\e91a";
  font-family:'icomoon';
  font-size:1.7rem;
}
.footer--sticky{
  width:100%;
  text-align:center;
  background:rgb(227, 227, 229);
  padding:2rem;
}

.footer--full-width{
   margin:0 -3rem;
   width:calc(100% + 3rem);
}
.tooltip-wrapper{
  position:relative;
  -webkit-transform:translateZ(0);
  z-index:1;
}
.tooltip-wrapper--inline{
  display:inline-block;
  vertical-align:middle;
  top:-1px;
}

.tooltip-wrapper .tooltip{
  background:#434D5A;
  color:#fdfdfd;
  bottom:100%;
  display:block;
  margin-bottom:15px;
  opacity:0;
  padding:20px;
  pointer-events:none;
  position:absolute;
  width:auto;
  -webkit-transform:translateY(10px);
  -ms-transform:translateY(10px);
  transform:translateY(10px);
  -webkit-transition:all .25s ease-out;
  -o-transition:all .25s ease-out;
  transition:all .25s ease-out;
  -webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);
  left:calc(10% - 267px);
  min-width:300px;
}

.tooltip-wrapper .tooltip__list li{
  margin-bottom:1rem;
  text-align:left;
  font-size:1.4rem;
}

.tooltip-wrapper .tooltip a{
  color:#fdfdfd;
  margin-left:1rem;
}

.tooltip-wrapper--inline .tooltip{
  left:calc(10% - 260px);
}
.tooltip-wrapper .tooltip:before{
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}  

.tooltip-wrapper .tooltip:after{
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid #434D5A 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:90%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
  
.tooltip-wrapper:hover .tooltip{
  opacity:1;
  pointer-events:auto;
  -webkit-transform:translateY(0px);
  -ms-transform:translateY(0px);
  transform:translateY(0px);
}

.tooltip-wrapper--in-header{
  margin-left:.5rem;
  vertical-align:baseline;
}

.tooltip-wrapper--in-header .tooltip{
  bottom:auto;
  left:calc(10% - 260px);
  top:130%;
}

.tooltip-wrapper--in-header .tooltip:after{
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-bottom:solid #434D5A 10px;
  border-top:0;
  top:-10px;
  bottom:auto;
}

.tooltip-wrapper--in-header .icon--warning::before{
  font-size:1.6rem;
}
.ledger-links h4{
  display:inline-block;
  text-transform:uppercase;
  vertical-align:middle;
  margin-right:.5rem;
}
.ledger-links .tooltip-wrapper{
  top:2px;
}
.ledger-links .list--inline > li{
  margin:0;
}
.ledger-links .list--inline > li:not(:last-child):after{
  content:'|';
  color:#a5a4ab;
  margin:0 .5rem;
}
.site-header{
  position:fixed;
  top:0;
  left:20rem;
  right:0;
  background:#ededed;
  border-bottom:1px solid #d9d9dc;
  z-index:4;
  height:32px;
}

.pull .site-header{
  left:0;
}

.site-header--static{
  position:static;
  height:auto;
  padding:1rem;
}

  .form__fieldset{
    position:relative;
    border:0;
    padding:0;
    clear:both;
  }

  .form__fieldset .form__fieldset:not(.row){
  margin:0;
}

  .form__fieldset--group{
  padding:2rem;
  background:#ededed;
  border:1px solid #d9d9dc;
  margin-bottom:1.2rem;
}

  .form__fieldset--is-editing{
  background:#f9f9f9;
}

  .form__fieldset--labels-aligned{
  margin:1.2rem 0;
}

  @media (min-width: 768px){

  .form__fieldset--labels-aligned{
    margin-left:137px;
  }
}

  .form__fieldset--labels-aligned .form__label{
  min-width:80px;
}

  .form__fieldset--has-error{
  border:2px solid #ed6b6a;
}

  .form__section--action{
    margin-top:1.2rem;
    margin-bottom:1.2rem;
  }

  .form__section--action .btn:last-child{
  margin-top:1rem;
}

  @media (min-width: 768px){

  .form__section--action .btn:last-child{
    margin:0 0 0 0.2rem;
  }
}

  .form__section--action--right{
  text-align:right;
  padding-right:1rem;
}

  .form__section--action--padded{
  padding-bottom:4rem;
}
.list{
  list-style:none;
  padding:0;
  background:#fdfdfd;
  border:1px solid #d9d9dc;
}

.list--expandable .list__item{
  border-top:1px solid #d9d9dc;
  margin:0;
}

@media (min-width: 768px){

  .list--expandable .list__item:hover{
    background:#f9f9f9;
  }
}

.list--expandable .list__item--wrapper{
  padding:1.5rem 1rem;
  margin:0;
  position:relative;
  cursor:pointer;
}

.list--expandable .list__item:first-child{
  border-top:0;
}

.list--expandable .list__item--success{
  -webkit-box-shadow:4px 0px 0px #50bf9e inset;
  box-shadow:4px 0px 0px #50bf9e inset;
}

.list--expandable .list__item--error{
  -webkit-box-shadow:4px 0px 0px #ed6b6a inset;
  box-shadow:4px 0px 0px #ed6b6a inset;
}

.list--expandable .list__item__date, .list--expandable .list__item__results{
  display:block;
}

.list--expandable .list__item__date span{
  text-transform:uppercase;
  color:#a5a4ab;
  display:block;
}

.list--expandable .list__item__results{
  -ms-flex-item-align:end;
  align-self:flex-end;
  font-weight:300;
}

.list--expandable .list__item__results span{
  display:block;
}

@media (min-width: 960px){

  .list--expandable .list__item__results span{
    display:inline-block;
    margin-right:2.7rem;
  }
}

.list--expandable .list__item__action{
  -ms-flex-item-align:end;
  align-self:flex-end;
  text-align:right;
}

.list--expandable .list__item__action i{
  width:2rem;
  -ms-flex-item-align:end;
  align-self:flex-end;
}

.list--expandable .list__item__results i, .list--expandable .sub-list__item--downloads i{
  margin:0 0.4rem;
}
.list--sub-list{
  display:none;
}

.list--expandable .list__item--is-expanded{
  padding-bottom:0;
  background:#f9f9f9;
}

.list--expandable .list__item--is-expanded .list__item__action i{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.list--expandable .list__item--is-expanded .list--sub-list{
  list-style:none;
  margin:1rem 0 0 0;
  background:#fdfdfd;
  padding:0 1rem;
  position:relative;
  display:block;
}

.list--expandable .list__item--is-expanded .list--sub-list::before{
  content:'';
  background:rgb(202, 202, 205);
  width:100%;
  height:1px;
  top:0;
  left:0rem;
  position:absolute;
  width:100%;
}

.list--expandable .list__item--is-expanded .list--sub-list .sub-list__item{
  font-weight:300;
  padding:1.2rem 0.5rem;
  padding-left:0.5rem;
  margin-bottom:0;
}

.list--expandable .list__item--is-expanded .list--sub-list .sub-list__item:hover{
  background:#f9f9f9;
}

.list--expandable .list__item--is-expanded .list--sub-list .sub-list__item--downloads{
  display:block;
}

.list--expandable .list__item--is-expanded .list--sub-list .sub-list__item--message{
  font-style:italic;
}

.list--expandable .list__item--is-expanded .list--sub-list a{
  text-decoration:none;
}
.sidebar{
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -webkit-transform:translateX(-20rem);
  -ms-transform:translateX(-20rem);
  transform:translateX(-20rem);
  -webkit-transition:all .25s ease;
  -o-transition:all .25s ease;
  transition:all .25s ease;
  z-index:4;
}
@media (min-width: 768px){

  .sidebar{
    position:static;
  }
}
.sidebar--is-expanded{
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
  -webkit-box-flex:0;
  -ms-flex:0 0 20rem;
  flex:0 0 20rem;
}
.sidebar__content{
  position:fixed;
  width:20rem;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  background:#434D5A;
}
.sidebar__header{
  text-align:center;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
}
.sidebar__header__title{
  color:#ededed;
  margin-top:5rem;
  font-size:7rem;
}
.sidebar .sidebar__nav{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  overflow:auto;
}
.section-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-top:1.2rem;
}
.section-header__above, .section-header__below{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.section-header--with-border{
  border-bottom:1px solid #d9d9dc;
  padding-bottom:1.2rem;
}

.section-header header{
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
}

.section-header header h1{
  text-transform:uppercase;
  text-align:center;
}

@media (min-width: 768px){

  .section-header header h1{
    text-align:left;
    display:block;
  }
}

.section-header header h1 span{
  text-transform:none;
}

.section-header header h2, .section-header header .heading--with-icon{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.section-header__toggle, .section-header__link, .section-header__datepicker{
  -webkit-box-flex:0;
  -ms-flex:0 1 100%;
  flex:0 1 100%;
  margin-left:2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.section-header__toggle + div, .section-header__link + div{
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
}

.section-header__toolbar{
  -ms-flex-item-align:center;
  align-self:center;
}

.section-header--ordered header{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:1;
  order:1;
}

@media (tablet){

  .section-header--ordered header{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -webkit-box-ordinal-group:initial;
    -ms-flex-order:initial;
    order:initial;
  }
}

.section-header--divided{
  display:block;
  padding-bottom:0;
}

.section-header--divided .section-header__above, .section-header--divided .section-header__below{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.section-header--divided .section-header__below{
  padding:1.2rem .1rem;
  border-top:1px solid #d9d9dc;
}

.section-header--divided .section-header__below > *:first-child{
  -webkit-box-flex:0;
  -ms-flex:0 1 auto;
  flex:0 1 auto;
}

@media (min-width: 768px){

  .section-header--divided .section-header__below > *:first-child{
    -webkit-box-flex:1;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
  }
}

.section-header--divided .section-header__below > *:first-child[class$="--short"]{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
}

.section-header--divided .section-header__below--no-border{
  border:0;
}

.section-header--divided .section-header__meta{
  font-weight:600;
}

.section-header--divided .section-header__meta span{
  margin-right:1rem;
}

.section-header--divided .section-header__meta--cols{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.section-header--divided .section-header__meta--cols .col{
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-left:0;
}

@media (min-width: 1200px){

  .section-header--divided .section-header__meta--cols .col{
    -webkit-box-flex:0;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    margin-right:1rem;
  }
}

.section-header--divided .section-header__meta--cols .col--arrow, .section-header--divided .section-header__meta--cols .col--plus{
  -ms-flex-item-align:center;
  align-self:center;
  font-weight:300;
  margin-right:2rem;
}

.section-header--divided .section-header__meta--cols .col--plus::after{
  content:'+';
}

.section-header--divided .section-header__meta--cols .col--arrow::after{
  font-family:'icomoon';
  font-size:120%;
  color:#a5a4ab;
}

.section-header--divided .section-header__toolbar{
  text-align:right;
}

.section-header--fixed{
  background:#f3f3f3;
  position:fixed;
  right:1rem;
  z-index:2;
  left:21rem;
  top:3rem;
}

@media (min-width: 768px){

  .section-header--fixed{
    padding-top:3rem;
  }
}

@media (min-width: 960px){

  .section-header--fixed{
    left:23rem;
    top:3rem;
    padding-top:1rem;
  }
}

.section-header--fixed > *{
  max-width:1400px;
}

.section-header--fixed + *{
  margin-top:11rem;
}
main.pull .section-header--fixed{
  left:1rem;
}
.section-header--left{
  -webkit-box-align:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
}
.section-header--left header{
  -webkit-box-flex:0;
  -ms-flex:0 1 auto;
  flex:0 1 auto;
}
.section-header--left .section-header__toolbar{
  -ms-flex-item-align:auto;
  align-self:auto;
  margin-left:1rem;
}
.infobar{
  border-bottom:1px solid #d9d9dc;
  padding:1.2rem 0 1.2rem 0.2rem;
  position:relative;
}
@media (min-width: 768px){

  .infobar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-height:3.2rem;
  }
}
.infobar--in-tabs{
  background:#ededed;
  padding-left:3rem;
  padding-right:3rem;
  margin-bottom:0;
}
.infobar--no-border{
  border-bottom:0;
  padding-bottom:0;
}
@media (min-width: 1200px){

  .infobar--has-divider{
    background-image:url(img/line.png);
    background-repeat:repeat-y;
    background-position:calc(45% - .75rem) 0;
  }
}
@media (min-width: 1200px){

  .infobar--has-divider .infobar__left{
    -webkit-box-flex:0;
    -ms-flex:0 0 45%;
    flex:0 0 45%;
  }
}
.infobar__heading span, .infobar__count span{
  margin-left:2rem;
}
.infobar__heading, .infobar__count{
}
.infobar__left{
  -webkit-box-flex:1;
  -ms-flex:1 1 75%;
  flex:1 1 75%;
  padding-right:2rem;
}
@media (min-width: 768px){

  .infobar__right{
    text-align:right;
  }
}
.infobar__action{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}
@media (min-width: 768px){

  .infobar__action{
    margin-left:1rem;
  }
}
.infobar__action .btn{
  margin-top:.4rem;
}
.infobar h1[data-type]::before, .infobar h3[data-type]::before{
  margin-left:.25rem;
  margin-right:.75rem;
}

@media (min-width: 1200px){

  .infobar--fixed{
    position:fixed;
    width:inherit;
    z-index:2;
    width:615px;
  }

  .infobar--fixed + div{
    padding-top:15rem;
  }
}

@media (min-width: 1200px){

  .infobar--fixed{
    width:935px;
  }
}

[data-type]::before{
  content:'';
  margin-right:.5rem;
  font-family:'icomoon';
  font-size:1.2rem;
  font-weight:400;
  color:#a5a4ab;
}

[data-type*="performer"]::before, [data-type*="person"]::before, [data-type*="inheritance"]::before, [data-type*="garnishment-debtor"]::before, [data-type*="positions"]::before, [data-type*="user"]::before{
  content:"\e916";
}

[data-type*="album"]::before{
  content:"\e917";
}

[data-type*="recording"]::before{
  content:"\e919";
}

[data-type*="label"]::before, [data-type*="producer"]::before, [data-type*="organisation"]::before{
  content:"\e918";
}

[data-type*="contact"]::before{
  content:"\e91d";
}

[data-type*="member"]::before{
  content:"\e91e";
}

[data-type*="radio"]::before, [data-type*="tv"]::before{
  content:"";
  background-image:url(img/radio.svg);
  background-repeat:no-repeat;
  background-size:contain;
  width:30px;
  height:30px;
  display:block;
  position:relative;
  top:-4px;
}

[data-type*="tv"]::before{
  background-image:url(img/tv.svg);
  top:0px;
}
caption{
  font-weight:700;
  text-align:left;
  padding:1rem 2rem;
  background:#d9d9dc;
}
caption span:first-child{
  float:left;
}
caption span:last-child:not(:only-child){
  float:right;
}
table{
  border-collapse:collapse;
  border-spacing:0;
  width:100%;
  text-align:left;
}
table thead td, table thead th, table tbody td, table tbody th, table tfoot td, table tfoot th{
  color:#504f56;
  padding:1rem 2rem;
  border-bottom:1px solid #d9d9dc;
}
@media (min-width: 768px){

  table thead td, table thead th, table tbody td, table tbody th, table tfoot td, table tfoot th{
    padding:1rem;
    height:4.8rem;
  }
}
@media (min-width: 960px){

  table thead th:first-child, table thead td:first-child, table tbody th:first-child, table tbody td:first-child, table tfoot th:first-child, table tfoot td:first-child{
    padding-left:2rem;
  }
}
@media (min-width: 960px){

  table thead th:last-child, table thead td:last-child, table tbody th:last-child, table tbody td:last-child, table tfoot th:last-child, table tfoot td:last-child{
    padding-right:2rem;
  }
}

thead{
  border:1px solid #d9d9dc;
  text-align:center;
}

@media (min-width: 960px){

  thead{
    text-align:left;
  }
}

thead tr{
  background:#ededed;
}

thead th{
  font-weight:600;
  text-align:left;
}

tbody > tr{
  background:#fdfdfd;
}

@media (min-width: 768px){

  tbody > tr:hover:not(.table__row--subhead):not(.table__row--empty){
    background:#f9f9f9;
  }
}

@media (min-width: 768px){

  tbody > tr.table__row--selected:not(.table__row--subhead){
    background:rgb(232, 232, 232);
  }
}

tr:first-child{
  border-top:1px solid #d9d9dc;
}

tr > td:first-child{
  border-left:1px solid #d9d9dc;
}

tr > td:last-child{
  border-right:1px solid #d9d9dc;
}

.table--basic thead{
  border-width:0 0 1px 0;
}

.table--basic thead tr{
  background:none;
  border:0;
}

.table--basic th{
  padding:.5rem .5rem 1.2rem .5rem;
  border:0;
  height:auto;
}

.table--basic th:first-child{
  padding-left:0.25rem;
}

.table--basic th:last-child{
  padding-right:0.25rem;
}

.table--basic tr:first-child{
  border-top:0;
}

.table--basic tr:hover{
  background:none!important;
}

.table--basic td{
  padding:.5rem;
}

.table--basic td:first-child{
  border-left:0;
  padding-left:0.25rem;
}

.table--basic td:last-child{
  border-right:0;
  padding-right:0.25rem;
}

.table--basic__divider{
  position:relative;
  padding:1rem!important;
}

.table--basic__divider:before{
  content:'';
  position:absolute;
  background:#fdfdfd;
  width:100%;
  top:0;
  bottom:-1px;
  left:0;
}

.table--basic__divider:after{
  content:'';
  position:absolute;
  width:1px;
  height:100%;
  background:#d9d9dc;
  top:0;
  height:calc(100% + 1px);
}

.table--basic td:not(.table--basic__divider):empty{
  min-width:100px;
}

@media only screen and (max-width: 768px),
(min-device-width: 968px) and (max-device-width: 1024px){
  table, caption, thead, tbody, th, td, tr{
    display:block;
  }

  thead:not(.table__head--always-visible){
    display:none;
  }

  .table-cell--hidden-on-mobile{
    display:none;
  }

  td::before{
    content:attr(data-label);
    display:block;
    color:#a5a4ab;
    text-transform:uppercase;
  }

  th:empty, td:empty{
    display:none;
  }

  tr td{
    border:1px solid #d9d9dc;
    border-width:0 1px;
  }

  tr td:first-child{
  }
  tr td:last-child{
  }
}
.table{
  table-layout:fixed;
  width:100%;
}
@media (min-width: 960px){

  .table{
    min-width:700px;
    width:auto;
  }
}
@media (min-width: 1200px){

  .table{
    min-width:960px;
  }
}
@media (min-width: 960px){

  .table--fluid{
    min-width:100%;
  }
}
.table--full-width{
  table-layout:auto;
}
@media (min-width: 960px){

  .table--example{
    min-width:500px;
  }
}
@media (min-width: 1200px){

  .table--example{
    min-width:720px;
  }
}
.table--with-tabs{
  margin-top:0;
}
.table--selectable tr{
  cursor:pointer;
}
.table .tbody--with-spacing::before{
  content:'';
  display:block;
  height:1.2rem;
}
.table--in-row{
  position:absolute;
  left:-0.1rem;
  top:4.8rem;
  width:calc(100% + .2rem);
  z-index:1;
}
.table--for-agents th:not(:first-child), .table--for-agents td:not(:first-child){
  padding:1rem 0.25rem!important;
}
.table--for-agents th:not(:first-child).table__cell--contained, .table--for-agents td:not(:first-child).table__cell--contained{
  max-width:50px;
}
.table--for-agents th:first-child, .table--for-agents td:first-child{
  padding:1rem 0.25rem 1rem 1rem;
}

@media (min-width: 768px){

  .table__cell--action{
    text-align:right;
    position:relative;
  }
}

@media (min-width: 768px){

  .table--decimal td:not(:first-child), .table--decimal th:not(:first-child){
    text-align:right;
  }
}

.table--decimal .form__label{
  margin-right:0;
}

.table--decimal .form__label .form__input{
  text-align:right;
  padding-right:.25rem;
}
.table--scrollable{
  margin-top:2rem;
  display:block;
  min-width:0;
}
.table--scrollable tbody, .table--scrollable thead{
  display:block;
  overflow-y:scroll;
}
.table--scrollable tbody{
  height:300px;
  overflow-y:scroll;
}
.table--scrollable tr{
  display:table;
  border-collapse:collapse;
  width:100%;
}
.table--scrollable tr:first-child{
  border-top:0;
}
@media (min-width: 768px){

  .table--scrollable td, .table--scrollable th{
    width:40%;
  }
}
.table--scrollable tfoot{
  text-align:center;
}
.table--scrollable tfoot tr td{
  border:0;
}
.fake-table{
  min-width:100%;
  margin-top:0;
}

@media (min-width: 1200px){

  .fake-table--scrollable{
    height:calc(100vh - 21rem);
    overflow-y:auto;
    overflow-x:hidden;
  }
}
.tabs--toggleable #tab-control:checked ~ .tabs__section > .fake-table--scrollable{
  height:calc(100vh - 28rem);
}
.fake-table--numeric, .table--numeric{
  counter-reset:section;
  list-style-type:none;
}
.fake-table--numeric .fake-table__row, .table--numeric .fake-table__row, .table--numeric tr > td:first-child{
  position:relative;
  padding-left:4rem;
}
.fake-table--numeric > .fake-table__row > div[class*="col-"]:first-child, .table--numeric > .fake-table__row > div[class*="col-"]:first-child{
  padding-left:1rem
}
.fake-table--numeric > .fake-table__row > div[class*="col-"]:last-child, .table--numeric > .fake-table__row > div[class*="col-"]:last-child{
  padding-right:1rem;
}
.fake-table--numeric > .fake-table__row > *:first-child::before, .table--numeric > .fake-table__row > *:first-child::before, .table--numeric tr:not(.table__row--no-count) > td:first-child::before{
  counter-increment:section;
  content:counters(section,".") " ";
  position:absolute;
  margin-top:-1rem;
  left:1.5rem;
  top:2.3rem;
}
@media (min-width: 768px){

  .fake-table--numeric > .fake-table__row > *:first-child::before, .table--numeric > .fake-table__row > *:first-child::before, .table--numeric tr:not(.table__row--no-count) > td:first-child::before{
    top:50%;
  }
}
.fake-table--numeric .fake-table__row--head > *:first-child::before, .table--numeric .fake-table__row--head > *:first-child::before{
  content:none;
}
.fake-table--numeric .fake-table__row--child, .table--numeric .fake-table__row--child{
  margin-left:-4rem;
  width:calc(100% + 4rem);
  padding-left:0;
}
.panels__sidebar .fake-table--numeric > .fake-table__row > *:first-child::before{
  margin-top:1.5rem;
}
@media (min-width: 768px){

  .panels__sidebar .fake-table--numeric > .fake-table__row > *:first-child::before{
    top:0;
  }
}
.fake-table--numeric--checkboxes .fake-table__row input[type="checkbox"]{
  position:absolute;
  left:-5rem;
  top:1.7rem;
  z-index:1;
}
.fake-table--numeric--checkboxes .fake-table__row input[type="checkbox"]:before{
  left:7rem;
}
.fake-table--numeric--checkboxes .fake-table__row:hover input[type="checkbox"]{
  left:2.4rem;
}
.fake-table--numeric--checkboxes .fake-table__row:hover input[type="checkbox"]:before{
  visibility:hidden;
}
.fake-table--numeric--checkboxes input[type="checkbox"]:checked{
  left:2.4rem;
}
.fake-table--numeric--checkboxes input[type="checkbox"]:checked::before{
  visibility:hidden;
}

.fake-table--numeric__divider{
  font-weight:600;
  display:block;
  position:relative;
}

.fake-table--numeric__divider[draggable=true]{
  cursor:-webkit-grab;
  cursor:grab;
}

.fake-table--numeric__divider[draggable=true]:hover::before{
  content:'';
  top:50%;
  margin-top:-0.7rem;
  display:block;
}

.fake-table--numeric__divider[draggable=true]:active::after{
  border-color:rgb(184, 184, 187);
}

.fake-table--numeric__divider > .fake-table--numeric__divider__delete{
  top:50%;
  margin-top:-1rem;
  right:-3.9rem;
}

.fake-table--numeric__divider:hover > .fake-table--numeric__divider__delete{
  display:block;
}

.fake-table--numeric__divider .horizontal-rule--dashed{
  width:calc(100% + 1rem);
  margin-left:-.25rem;
}
.fake-table--distribution div.col{
  -ms-flex-preferred-size:95px;
  flex-basis:95px;
  max-width:95px;
  padding-left:.25rem;
  padding-right:.25rem;
}
.fake-table--distribution div.col.col--small{
  -ms-flex-preferred-size:70px;
  flex-basis:70px;
}
.fake-table--distribution div.col.col--x-small{
  -ms-flex-preferred-size:20px;
  flex-basis:20px;
  max-width:20px;
}
.fake-table--distribution .col:first-child, .fake-table--distribution .col:nth-child(2){
  -ms-flex-preferred-size:14%;
  flex-basis:14%;
  max-width:370px;
}
@media (min-width: 960px){

  .fake-table--distribution .col:first-child, .fake-table--distribution .col:nth-child(2){
    -ms-flex-preferred-size:20%;
    flex-basis:20%;
  }
}
@media (min-width: 1400px){

  .fake-table--distribution .col:first-child, .fake-table--distribution .col:nth-child(2){
    -ms-flex-preferred-size:27%;
    flex-basis:27%;
  }
}
.fake-table--distribution .col:first-child{
  padding-left:1rem;
}
.fake-table--distribution .x-toggle-btn{
  vertical-align:bottom;
}
.table--numeric tr > td:first-child{
  padding-left:4.7rem;
}
@media (min-width: 1200px){

  .table--numeric tr > td:first-child{
    max-width:120px;
  }
}
.table--numeric tr:not(.table__row--no-count) > td:first-child::before{
  top:50%;
}
.table--numeric .dd-open > td:first-child::before{
  color:#fdfdfd!important;
  background:#504f56!important;
}

.table--with-checkboxes tr > td:first-child::before{
  z-index:1;
}

.table--with-checkboxes tr > td:first-child .form__input--checkbox{
  position:relative;
  z-index:-1;
}

.table--with-checkboxes tr > td:first-child .form__label{
  position:absolute;
  left:1.5rem;
  top:calc(50% - 1.5rem);
  padding:.5rem .5rem .5rem .3rem;
}

.table--with-checkboxes tr > td:first-child .form__label span{
  width:100%;
  height:100%;
  background:#fdfdfd;
  display:block;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:-1;
}

.table--with-checkboxes tr > td:first-child .form__input--checkbox:checked{
  z-index:3;
}

.table--with-checkboxes tr > td:first-child .form__input--checkbox:checked + span{
  z-index:2;
}

.table--with-checkboxes tr:not(.row--no-checkbox):hover > td:first-child::before{
  visibility:hidden;
}

.table--with-checkboxes tr:not(.row--no-checkbox):hover .form__input--checkbox:not(:checked){
  z-index:0;
}

.table--with-checkboxes tr:not(.row--no-checkbox):hover .form__label span{
  background:#f9f9f9;
}

.table--with-checkboxes .dd-open > td:first-child .form__label span{
  background:#ededed;
}

.table--with-checkboxes .dd-open:hover > td:first-child .form__label span{
  background:#f9f9f9;
}

.table--with-checkboxes .table__row--no-count .row{
  padding-left:.75rem;
}
.table--with-badges tr > td:first-child::before{
  visibility:hidden;
}
.table--with-badges tr > td > .badge--numeric{
  position:absolute;
  margin-top:-1rem;
  left:.5rem;
  top:2.3rem;
  z-index:1;
}
@media (min-width: 768px){

  .table--with-badges tr > td > .badge--numeric{
    top:50%;
  }
}
.table--with-badges tr:not(.row--no-checkbox):hover .badge--numeric{
  visibility:hidden;
}
.table--with-badges .dd-open > td:first-child .badge--numeric{
  background:#504f56;
  color:#fdfdfd;
}
.tabs{
  position:relative;

}
.tabs--toggleable > .tabs__nav, .tabs--toggleable > .toolbar{
  display:none;
}
.tabs--toggleable #tab-control{
  display:none;
}
.tabs--toggleable #tab-control:checked ~ label[for="tab-control"], .tabs--toggleable #tab-control:checked ~ hr{
  display:none;
}
.tabs--toggleable #tab-control:checked ~ .tabs__nav, .tabs--toggleable #tab-control:checked ~ .toolbar{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.tabs--toggleable label[for="tab-control"]{
  color:#0095da;
  cursor:pointer;
  margin-left:1rem;
  font-weight:300;
}
.tabs__section--outline{
  border:1px solid #d9d9dc;
}
.tabs--compressed .tabs__nav{
  margin-top:-1px;
}
.tabs--compressed .tabs__nav__item{
  padding:0;
}
@media (min-width: 768px){

  .tabs--transparent{
    margin-top:0;
  }
}
.tabs--transparent .tabs__nav{
  margin-bottom:.5rem;
}
.tabs--transparent .tabs__nav__item{
  border:0;
  background:none;
  text-align:left;
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}
.tabs--transparent .tabs__nav__item a{
  padding:.5rem 0;
  font-weight:600;
  text-transform:uppercase;
  font-size:1.6rem;
  color:rgb(153, 213, 240);
  padding-bottom:0;
  position:relative;
}
.tabs--transparent .tabs__nav__item .btn{
  text-transform:none;
  padding:.3rem 2rem;
  font-weight:inherit;
  color:inherit;
  margin-bottom:0;
}
.tabs--transparent .tabs__nav__item .btn.active{
  background:#ededed;
  border-bottom-color:#ededed;
}
.tabs--transparent .tabs__nav__item .btn.active:after{
  content:'';
  height:7px;
  width:calc(100% + 2px);
  left:-1px;
  bottom:-9px;
  border:1px solid #d9d9dc;
  border-width:0 1px;
  position:absolute;
  background:#ededed;
}
.tabs--transparent .tabs__nav__item:hover, .tabs--transparent .tabs__nav__item a.active{
  background:none;
  color:#504f56!important;
}
@media (min-width: 768px){

  .tabs--transparent .tabs__nav__item:hover::after, .tabs--transparent .tabs__nav__item a.active::after{
    content:none;
  }
}
.tabs--transparent .tab__nav__item--right{
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
}
.empty-state{
  padding-top:2rem;
  text-align:center;
}
.empty-state h2, .empty-state h3, .empty-state h4{
  margin-bottom:2rem;
  font-weight:400;
  color:#a5a4ab;
}
.empty-state h2 > *, .empty-state h3 > *, .empty-state h4 > *{
  display:block;
  margin-top:1.5rem;
  margin-bottom:7.5rem;
}
.empty-state__icon{
  margin-top:5rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.empty-state__icon i{
  color:#d9d9dc;
  font-size:18rem;
  border:1px solid;
  width:18rem;
  height:18rem;
  line-height:1;
  border-radius:6px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.empty-state__icon i.icon--empty-state-error{
  font-size:12rem;
}
.empty-state--small{
  min-height:300px;
}
.empty-state--small .empty-state__icon i{
  font-size:5rem;
  width:5rem;
  height:5rem;
  margin:5rem auto;
  border:0;
}

.empty-state__action{
  margin:1.2rem 0;
}
.comments, .changelog, .reports{
  max-width:500px;
  text-align:right;
  position:absolute;
  top:-3.7rem;
  z-index:6;
  right:0;
}
@media (min-width: 960px){

  .comments, .changelog, .reports{
    min-width:500px;
  }
}
.comments__inner, .changelog__inner, .reports__inner{
  text-align:left;
  margin:1rem 0 0 0;
  background:#fdfdfd;
  padding:0 0 1rem 0;
  -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);
  box-shadow:0 3px 3px rgba(0,0,0,0.1);
  display:none;
  position:relative;
}
.comments__inner:before, .changelog__inner:before, .reports__inner:before{
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 10px 10px 10px;
  border-color:transparent transparent #fdfdfd transparent;
  top:-10px;
  right:20px;
}
.comments__inner .form, .changelog__inner .form, .reports__inner .form{
  padding:2rem 2rem 0 2rem;
}
.comments__inner .form__label, .changelog__inner .form__label, .reports__inner .form__label{
  border-bottom:1px solid #d9d9dc;
  padding-bottom:.3rem;
  margin-bottom:.6rem;
}
.comments__inner .form__input, .changelog__inner .form__input, .reports__inner .form__input{
  border:0;
  padding:0;
}
.comments__inner .form__section--action, .changelog__inner .form__section--action, .reports__inner .form__section--action{
  text-align:right;
}
.comments.show-inner > .comments__inner, .changelog.show-inner > .comments__inner, .reports.show-inner > .comments__inner{
  display:block;
}
.comments .comment__header, .changelog .comment__header, .changelog .changelog__content__header, .changelog .changelog__subheader, .reports .comment__header, .reports .changelog__content__header, .reports .changelog__subheader{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:.5rem;
}
.comments .comment__author, .changelog .comment__author, .reports .comment__author{
}
.comments .comment__date, .changelog .comment__date, .changelog .changelog__date, .reports .comment__date, .reports .changelog__date{
  font-weight:400;
  font-style:italic;
}
.comments .comments__content, .changelog .comments__content, .changelog .changelog__content, .reports .comments__content, .reports .changelog__content{
  max-height:550px;
  overflow-y:auto;
  padding:2rem;
}
.comments .comments__content li, .changelog .comments__content li, .changelog .changelog__content li, .reports .comments__content li, .reports .changelog__content li{
  border-bottom:1px dotted #d9d9dc;
  padding-bottom:.6rem;
  margin-bottom:1.2rem;
}
.comments .comments__content li p, .changelog .comments__content li p, .reports .comments__content li p{
  white-space:pre-wrap;
}
.comments .add-comment, .changelog .add-comment, .reports .add-comment{
  padding:1rem 2rem 0rem 2rem;
  display:inline-block;
}
.comments .toggle-comments, .changelog .toggle-comments, .changelog .toggle-changelog, .reports .toggle-comments, .reports .toggle-changelog, .toggle-reports{
  color:#504f56;
}
.comments .toggle-comments:before, .changelog .toggle-comments:before, .changelog .toggle-changelog:before, .reports .toggle-comments:before, .reports .toggle-changelog:before, .toggle-reports:before{
  font-family:'icomoon';
  opacity:0.5;
  margin-right:.5rem;
  position:relative;
  top:.2rem;
  font-size:90%;
}
.changelog, .reports{
  right:150px;
}
.changelog .changelog__header, .reports .changelog__header{
  padding:1rem 2rem;
  border-bottom:1px solid #ededed;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.changelog .changelog__header h3, .reports .changelog__header h3{
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
}
.changelog .changelog__header .changelog__download, .reports .changelog__header .changelog__download{
  text-transform:uppercase;
  color:inherit;
}
.changelog .changelog__content, .reports .changelog__content{
  padding-top:1rem;
}
.changelog.show-inner > .changelog__inner, .reports.show-inner > .changelog__inner{
  display:block;
}
.changelog .changelog__author, .reports .changelog__author{
}
.changelog .toggle-changelog:before, .reports .toggle-changelog:before{
  content:"\e924";
  font-size:2rem;
  line-height:1rem;
  position:relative;
  top:4px;
}
.changelog .changelog__content ul, .reports .changelog__content ul{
  list-style:none;
  padding:0;
}
.changelog .changelog__content ul li, .reports .changelog__content ul li{
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:.6rem;
}
.changelog .changelog__old, .reports .changelog__old{
  display:inline-block;
  margin:0 .75rem 0 .5rem;
  text-decoration:line-through;
  min-width:1rem;
}
.changelog .changelog__old::after, .reports .changelog__old::after{
  content:'';
  border-right:1px solid #a5a4ab;
  height:1.5rem;
  display:inline-block;
  vertical-align:middle;
  margin-left:.5rem;
}
.changelog .changelog__share, .reports .changelog__share{
  margin-left:0.5rem;
}

.reports{
  right:415px;
  z-index:7;
}

.reports.show-inner > .reports__inner{
  display:block;
}

.toggle-reports:before{
  content:"\e91e";
}
.file-upload{
  position:relative;
  text-align:right;
  margin-top:2rem;
}
@media (min-width: 960px){

  .file-upload{
    display:inline-block;
    margin-top:0;
  }
}

.file-upload__toggle{
  color:#a5a4ab;
  text-decoration:none;
}

.file-upload__toggle span{
  color:#a5a4ab;
  font-size:1.6rem;
  position:relative;
  top:-1px;
}

.file-upload__inner{
  display:none;
  background:#fdfdfd;
  position:absolute;
  right:4.5rem;
  top:-100%;
  text-align:left;
  -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);
  box-shadow:0 0 4px rgba(0,0,0,0.4);
  -webkit-transition:opacity .15s ease-in;
  -o-transition:opacity .15s ease-in;
  transition:opacity .15s ease-in;
}

.file-upload__inner.is-visible{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  z-index:2;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  width:auto;
  min-width:400px;
}

@media (min-width: 960px){

  .file-upload__inner.is-visible{
    min-width:500px;
  }
}

.file-upload__inner:before{
  content:"\e902";
  font-family:'icomoon';
  color:#ededed;
  position:absolute;
  text-shadow:1px 0 2px rgba(0,0,0,0.3);
  top:20px;
  right:-9px;
  z-index:-1;
}

@media (min-width: 960px){

  .file-upload__inner:before{
    color:#fdfdfd;
  }
}

.file-upload__inner.is-visible--over{
  top:auto;
  bottom:-10px;
}

.file-upload__inner.is-visible--over:before{
  top:auto;
  bottom:10px;
  color:#fdfdfd;
}

.file-upload__header{
  border-bottom:1px solid #d9d9dc;
  padding:1rem 2rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.file-upload__header--action{
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:right;
  -ms-flex-item-align:center;
  align-self:center;
}

.file-upload__header--action a{
  color:inherit;
  text-decoration:none;
  text-transform:uppercase;
}

.file-upload__header .icon{
  font-size:1.2rem;
  margin-right:.5rem;
}

.file-upload__form{
  border-bottom:1px solid #d9d9dc;
  background:rgb(230, 230, 230);
  padding:2rem;
}

.file-upload__form .form__label--comments{
  margin:1.2rem 0;
}

.file-upload__form .form__label--comments .form__input--block{
  max-width:300px;
}

.file-upload__form .form__label--upload{
  margin:.6rem 0;
}

.file-upload__form .form__label--upload input{
  outline:none;
}

.file-upload__form .form__section--action{
  margin-top:0;
}

.file-upload__list{
  -webkit-box-flex:1;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:0 2rem;
}

.file-upload__list ul{
  max-height:280px;
  min-height:150px;
  overflow-y:auto;
  overflow-x:hidden;
  margin-right:-2rem;
  padding-right:2rem;
}

.file-upload__list ul li{
  border-bottom:1px dotted #d9d9dc;
  margin:0;
  padding:0;
  padding-bottom:.6rem;
  margin-bottom:1.2rem;
}

.file-upload__list ul li > div[class^="col-"]{
  padding-left:.25rem;
  padding-right:.25rem;
}

.file-upload__list ul li > .text--right{
  text-align:right;
}

.file-upload__list ul li:first-child{
  margin-top:1rem;
}

.file-upload__list ul li:only-child{
  border:0;
  margin-bottom:0;
}

.file-upload__list--free-standing{
  background:#ededed;
  border:1px solid #d9d9dc;
  padding:1rem 2rem;
  margin-bottom:1.2rem;
}

.file-upload__list--free-standing ul{
  max-height:none;
  min-height:0;
}

.file-upload__list--free-standing ul li{
  border-bottom-color:#a5a4ab;
}

.file-upload--in-header{
  position:absolute;
  top:-3.7rem;
  right:300px;
  z-index:7;
  margin-top:0;
}

.file-upload--in-header .file-upload__toggle, .file-upload--in-header .file-upload__toggle span{
  color:#504f56;
  font-size:1.4rem;
  top:0;
}

.file-upload--in-header .file-upload__toggle > i{
  opacity:0.7;
  font-size:1.3rem;
  margin-right:.3rem;
  vertical-align:bottom;
}

.file-upload--in-header .file-upload__inner{
  position:static;
  -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.1);
  box-shadow:0 3px 3px rgba(0,0,0,0.1);
  margin-top:1rem;
}

.file-upload--in-header .file-upload__inner:before{
  content:'';
  position:absolute;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 10px 10px 10px;
  border-color:transparent transparent #fdfdfd transparent;
  right:20px;
  top:19px;
  border-color:transparent transparent #fdfdfd;
}
.wizard-steps{
  padding:0;
  list-style:none;
  margin-top:1.5rem;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  vertical-align:middle;
}
.wizard-steps > li{
  font-size:1.5rem;
  color:#a5a4ab;
  margin-right:1rem;
  white-space:nowrap;
}
.wizard-steps > li a{
  color:#a5a4ab;
  text-decoration:none;
}
.wizard-steps > li:after{
  content:'\e908';
  font-family:'icomoon';
  font-size:1.2rem;
  color:#d9d9dc;
  margin-left:1rem;
}
.wizard-steps > li:last-child::after{
  content:none;
}
.wizard-steps > li.selected, .wizard-steps > li.selected a{
  color:#0095da;
}
.wizard-steps--no-margin{
  margin:0;
}
.played-on-chooser{
  text-align:right;
}
@media (min-width: 768px){

  .played-on-chooser{
    margin-top:-2.6rem;
  }
}
.match-form{
  display:grid;
  width:100%;
  padding:1rem 2rem 0 2rem;
  gap:.25rem 1rem;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  grid-template-columns:auto 1fr auto 1.2fr;
}
@media (min-width: 768px){

  .match-form{
    grid-template-columns:auto 1fr 40px 1.2fr;
  }
}
.match-form .fake-table__cell--label{
  margin-bottom:.3rem;
}
.match-form .form__label--validation-shared.is-valid::after, .match-form .form__label--validation-shared.has-error::after{
  right:-40px;
  left:auto;
}
.match-form__header{
  justify-self:center;
}
.match-form__header:first-child{
  grid-column:2/3;
}
.match-form__header:nth-child(2){
  grid-column:4/-1;
}
.match-form .form__validation-divider{
  justify-self:center;
}
.match-form--no-result{
  position:relative;
}
.match-form--no-result [data-label="Match result"], .match-form--no-result .form__label--validation-shared.is-valid::after, .match-form--no-result .form__label--validation-shared.has-error::after{
  visibility:hidden;
}
.match-form--no-result::before{
  content:attr(data-match-status);
  grid-column:4/-1;
  justify-self:center;
  position:absolute;
  top:6rem;
  color:#a5a4ab;
  font-style:italic;
}
.match-form--no-result::after{
  font-family:'icomoon';
  content:"\e913";
  position:absolute;
  grid-column:4/-1;
  justify-self:center;
  top:7rem;
  font-size:7rem;
  color:#d9d9dc;
}
.component-view{
  padding:2rem;
  border:1px solid #ededed;
  background:#fdfdfd;
}
.component-view ~ h3{
  margin-top:4rem;
  border-top:1px dashed #d9d9dc;
  padding-top:2rem;
}
.placeholder{
  background:#ededed;
  padding:5rem 0;
  text-align:center;
  position:relative;
  color:#a5a4ab;
  margin-bottom:2rem;
}
.placeholder::before, .placeholder::after{
  content:'';
  position:absolute;
  height:10px;
  width:100%;
  left:0;
  top:0;
  background:#d9d9dc;
}
.placeholder::after{
  height:100%;
  width:40px;
  opacity:0.5;
  display:none;
}
@media (min-width: 1200px){

  .placeholder::after{
    display:block;
  }
}
.placeholder span{
  border:1px solid #d9d9dc;
  border-width:1px 0;
  padding:5%;
  display:inline-block;
}
.search__form--simple{
  margin-bottom:2rem;
}
.search__form--simple input{
  font-size:2rem;
  padding:.75rem!important;
}

.search__form--simple:before{
  border-radius:2px 0 0 2px;
  background:#d9d9dc;
  font-family:'icomoon';
  font-weight:normal;
  font-style:normal;
  color:#fdfdfd;
  content:"\e909";
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-flex:0;
  -ms-flex:0 0 4rem;
  flex:0 0 4rem;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

@media (min-width: 768px){

  .search__form--simple:before{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
  }
}

.search__clear{
  position:absolute;
  cursor:pointer;
  right:1.3rem;
  top:1.3rem;
  font-size:1.2rem;
  z-index:1;
  display:none;
}

.search__clear .icon--cross:before{
  color:#a5a4ab!important;
}
section[id^="section"] h4{
  text-decoration:underline;
  cursor:pointer;
  font-weight:400;
  color:#434D5A;
}

.code{
  position:relative;
  max-width:800px;
}

pre{
  position:relative;
  margin:0;
}

.bash::after{
  background:#a5a4ab;
  border-radius:4px 4px 0 0;
  content:"";
  display:block;
  height:2rem;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

.bash, .html{
  background:#222;
  border:0 none;
  border-radius:4px;
  color:#fdfdfd;
  padding:4rem 2rem 2rem 2rem;
  position:relative;
  display:block;

}

.html{
  background:#ededed;
  padding:0;
  color:#434D5A;
}

.highlight{
  display:none;
  overflow-y:hidden;
  overflow-x:auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background:#222;
  border-radius:2px;
  margin-top:.3rem;
  margin-bottom:4rem;
  padding-bottom:1rem;
}

.highlight.is-visible{
  display:block;
}

pre.prettyprint{
  padding:2rem 1rem!important;
  border:0!important;
  overflow:auto;
  white-space:pre-wrap;
  word-wrap:normal;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

pre.prettyprint span{
  color:#eee;
}

.tag{
    color:rgb(64, 176, 227)!important;

}

.atn{
    color:rgb(187, 80, 161)!important;
}

.atv{
    color:#50bf9e!important;
}
.page-contents{
  margin-top:2rem;
}
@media (min-width: 960px){

  .page-contents{
    margin:4rem 0 0 0;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
  }
}
.page-contents li{
  margin:0;
}
.page-contents li a{
  display:block;
  padding:1rem;
  border-bottom:1px solid #d9d9dc;
  text-decoration:none;
  color:#504f56;
}
.page-contents li a:hover, .page-contents li a.active{
  background:#0095da;
  color:#fdfdfd;
  border-color:#0095da;
}
@media (min-width: 960px){

  .page-contents--sticky.affix{
    position:fixed;
    top:2rem;
  }
}