html {
  line-height: 1.15; 
  -ms-text-size-adjust: 100%; 
  -webkit-text-size-adjust: 100%; 
}





body {
  margin: 0;
}



article,
aside,
footer,
header,
nav,
section {
  display: block;
}



h1 {
  font-size: 2em;
  margin: 0.67em 0;
}





figcaption,
figure,
main { 
  display: block;
}



figure {
  margin: 1em 40px;
}



hr {
  box-sizing: content-box; 
  height: 0; 
  overflow: visible; 
}



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





a {
  background-color: transparent; 
  -webkit-text-decoration-skip: objects; 
}



abbr[title] {
  border-bottom: none; 
  text-decoration: underline; 
  text-decoration: underline dotted; 
}



b,
strong {
  font-weight: inherit;
}



b,
strong {
  font-weight: bolder;
}



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



dfn {
  font-style: italic;
}



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



small {
  font-size: 80%;
}



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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}





audio,
video {
  display: inline-block;
}



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



img {
  border-style: none;
}



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





button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; 
  font-size: 100%; 
  line-height: 1.15; 
  margin: 0; 
}



button,
input { 
  overflow: visible;
}



button,
select { 
  text-transform: none;
}



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



button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}



button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}



fieldset {
  padding: 0.35em 0.75em 0.625em;
}



legend {
  box-sizing: border-box; 
  color: inherit; 
  display: table; 
  max-width: 100%; 
  padding: 0; 
  white-space: normal; 
}



progress {
  display: inline-block; 
  vertical-align: baseline; 
}



textarea {
  overflow: auto;
}



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



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



[type="search"] {
  -webkit-appearance: textfield; 
  outline-offset: -2px; 
}



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



::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}





details, 
menu {
  display: block;
}



summary {
  display: list-item;
}





canvas {
  display: inline-block;
}



template {
  display: none;
}





[hidden] {
  display: none;
}


.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr}.cropper-container img{display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%;height:100%;image-orientation:0deg}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;opacity:.5;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333333%;left:0;width:100%;height:33.33333333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333333%;width:33.33333333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75}}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.ngdialog,.ngdialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0}@-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}.ngdialog{box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000}.ngdialog *,.ngdialog :after,.ngdialog :before{box-sizing:inherit}.ngdialog.ngdialog-disabled-animation,.ngdialog.ngdialog-disabled-animation .ngdialog-content,.ngdialog.ngdialog-disabled-animation .ngdialog-overlay{-webkit-animation:none!important;animation:none!important}.ngdialog-overlay{background:rgba(0,0,0,.4);-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog-no-overlay{pointer-events:none}.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s;pointer-events:all}.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\D7';cursor:pointer}body.ngdialog-open,html.ngdialog-open{overflow:hidden}@-webkit-keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}.ngdialog.ngdialog-theme-default{padding-bottom:160px;padding-top:160px}.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background:#f0f0f0;border-radius:5px;color:#444;font-family:Helvetica,sans-serif;font-size:1.1em;line-height:1.5em;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px}.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:0;top:0}.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:0 0;border-radius:3px;color:#bbb;content:'\D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before{color:#777}.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],.ngdialog.ngdialog-theme-default .ngdialog-input textarea{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus{box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}@media (max-width:568px){.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777}

.editable-wrap{display:inline-block;white-space:pre;margin:0}.editable-wrap .editable-controls,.editable-wrap .editable-error{margin-bottom:0}.editable-wrap .editable-controls>input,.editable-wrap .editable-controls>select,.editable-wrap .editable-controls>textarea{margin-bottom:0}.editable-wrap .editable-input{display:inline-block}.editable-buttons{display:inline-block;vertical-align:top}.editable-buttons button{margin-left:5px}.editable-input.editable-has-buttons{width:auto}.editable-text{white-space:nowrap}.editable-bsdate{white-space:nowrap}.editable-bstime{white-space:nowrap}.editable-bstime .editable-input input[type=text]{width:46px}.editable-bstime .well-small{margin-bottom:0;padding:10px}.editable-range output{display:inline-block;min-width:30px;vertical-align:top;text-align:center}.editable-color input[type=color]{width:50px}.editable-checkbox label span,.editable-checklist label span,.editable-radiolist label span{margin-left:7px;margin-right:10px}.editable-hide{display:none!important}.editable-click,a.editable-click{text-decoration:none;color:#428bca;border-bottom:dashed 1px #428bca}.editable-click:hover,a.editable-click:hover{text-decoration:none;color:#2a6496;border-bottom-color:#2a6496}.editable-empty,.editable-empty:hover,.editable-empty:focus,a.editable-empty,a.editable-empty:hover,a.editable-empty:focus{font-style:italic;color:#D14;text-decoration:none}.ui-popover-wrapper a{display:inline!important}.ui-popover-wrapper form{display:none!important}.popover-wrapper>a{display:inline!important}.popover-wrapper{display:inline;position:relative}.popover-wrapper form{position:absolute;top:-53px;background:#FFF;border:1px solid #AAA;border-radius:5px;padding:7px;width:auto;display:inline-block;left:50%;z-index:101}.popover-wrapper form:before{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #AAA;position:absolute;bottom:-10px}.popover-wrapper form:after{content:"";width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #FFF;position:absolute;bottom:-9px}@media screen and (max-width:750px){.popover-wrapper form{margin-left:-60px}.popover-wrapper form:before{left:50px}.popover-wrapper form:after{left:51px}}@media screen and (min-width:750px){.popover-wrapper form{margin-left:-110px}.popover-wrapper form:before{left:100px}.popover-wrapper form:after{left:101px}}@charset "UTF-8";

.cf {
  
  *zoom: 1;
}
.cf:before, .cf:after {
  content: " ";
  
  display: table;
  
}
.cf:after {
  clear: both;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row.no-padding {
  padding: 0 !important;
}
.row.no-padding-right {
  padding-right: 0 !important;
}
.row.no-padding-left {
  padding-left: 0 !important;
}
.row.half-padding {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.col {
  padding-left: 1rem;
  padding-right: 1rem;
  float: left;
}
.col.no-padding {
  padding: 0 !important;
}
.col.no-padding-right {
  padding-right: 0 !important;
}
.col.no-padding-left {
  padding-left: 0 !important;
}
.col.half-padding {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.col.center-align {
  text-align: center;
}
.col.c-100 {
  width: 100%;
}
.col.c-99 {
  width: 99%;
}
.col.c-95 {
  width: 95%;
}
.col.c-90 {
  width: 90%;
}
.col.c-85 {
  width: 85%;
}
.col.c-80 {
  width: 80%;
}
.col.c-75 {
  width: 75%;
}
.col.c-70 {
  width: 70%;
}
.col.c-65 {
  width: 65%;
}
.col.c-60 {
  width: 60%;
}
.col.c-55 {
  width: 55%;
}
.col.c-50 {
  width: 50%;
}
.col.c-45 {
  width: 45%;
}
.col.c-40 {
  width: 40%;
}
.col.c-35 {
  width: 35%;
}
.col.c-30 {
  width: 30%;
}
.col.c-25 {
  width: 25%;
}
.col.c-20 {
  width: 20%;
}
.col.c-15 {
  width: 15%;
}
.col.c-12 {
  width: 12.5%;
}
.col.c-10 {
  width: 10%;
}
.col.c-5 {
  width: 5%;
}
.col.c-1 {
  width: 1%;
}

.icon-spin {
  display: inline-block;
  -webkit-animation: spin 0.4s infinite linear;
  -moz-animation: spin 0.4s infinite linear;
  -o-animation: spin 0.4s infinite linear;
  animation: spin 0.4s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.form-line, #sideImageError {
  margin-bottom: 8px;
  padding: 0;
}
.form-line.error-message, #sideImageError.error-message {
  display: none;
}
.form-line.error-message.with-message, #sideImageError.error-message.with-message {
  display: inline-block;
}
.form-line.error-message.with-message .error, #sideImageError.error-message.with-message .error {
  color: #AA0000;
  font-weight: 400;
  font-size: 0.9rem;
  padding-top: 10px;
}
.form-line.error-message.with-message .error span, #sideImageError.error-message.with-message .error span {
  font-weight: 600;
}

.form-col {
  position: relative;
  padding: 0;
}
.form-col.with-error input {
  box-shadow: 0 0 2px #AA0000;
}
.form-col.with-error input:focus, .form-col.with-error input:active {
  box-shadow: 0 0 2px #AA0000;
  border-color: #AA0000;
}
.form-col.with-no-error:after {
  content: "\EA10";
  position: absolute;
  top: 9px;
  font-family: "IcoMoon-Free", sans-serif;
  right: 20px;
  color: #465969;
  font-size: 0.9rem;
}
.form-col.c-22 {
  width: 22%;
  padding-right: 1.45%;
  padding-left: 0;
}
.form-col.c-22-p5 {
  width: 24.5%;
}
.form-col.c-15 {
  width: 15%;
  padding-right: 1.45%;
  padding-left: 0;
}
.form-col.c-11 {
  width: 11.95%;
  padding-right: 1.45%;
  padding-left: 0;
}
.form-col.c-22-15 {
  width: 37%;
  padding-right: 1.45%;
  padding-left: 0;
}
.form-col.c-11-22-15 {
  width: 48.95%;
  padding-right: 1.45%;
  padding-left: 0;
}
.form-col.c-11-22-15 label.inline-label {
  width: 22%;
  padding-right: 1.45%;
  display: inline-block;
}
.form-col.c-11-22-15 div.with-label {
  width: 74.75%;
  display: inline-block;
}
.form-col.c-11-22 {
  width: 34%;
  padding-right: 1.45%;
  padding-left: 0;
}
.form-col.c-4 {
  width: 4%;
  padding: 1.45%;
  float: left;
  margin: 0;
}
.form-col.c-4.operator {
  padding: 0;
}
.form-col.c-full {
  width: 89.75%;
  padding: 0;
  margin: 0;
}
.form-col.c-quarter {
  width: 22.8%;
  margin: 0;
  padding: 0 1.45% 0 0;
}
.form-col.c-three-quarter {
  width: 68.45%;
  padding: 0 1.45% 0 0;
  margin: 0;
}
.form-col.c-three-quarter-minus-4 {
  width: calc(68.45% - 4% - 1.45%);
  padding: 0 1.45% 0 0;
  margin: 0;
}
.form-col.c-half {
  width: 45.6%;
  padding: 0 1.45% 0 0;
  margin: 0;
}
.form-col.c-22-15-11-22 {
  width: 69.55%;
  padding: 0;
  margin: 0;
}
.form-col.c-22-15-11-22 + .c-15 {
  float: left;
  padding-left: 1.45%;
}
.form-col.no-padding {
  padding: 0;
}
.form-col .button.add-line {
  margin-top: 2px;
}
.form-col .button.remove-line {
  margin-top: 4px;
}

.second-line {
  clear: both;
}
.second-line > div {
  margin-top: 3px;
}

.c-quarter.single-word {
  line-height: 30px;
}
.c-quarter.single-word .fetch-checkbox {
  display: inline-block;
}

.multiSelect .vertical {
  float: none;
}
.multiSelect .horizontal:not(.multiSelectGroup) {
  float: left;
}
.multiSelect .line {
  padding: 2px 0px 4px 0px;
  max-height: 30px;
  overflow: hidden;
  box-sizing: content-box;
}
.multiSelect .acol {
  display: inline-block;
  min-width: 12px;
}
.multiSelect .inlineBlock {
  display: inline-block;
}
.multiSelect > button {
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
  border: 1px solid #C6C6C6;
  padding: 1px 8px 1px 8px;
  font-size: 14px;
  min-height: 38px !important;
  border-radius: 4px;
  color: #555;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  white-space: normal;
  background-color: #FFF;
  background-image: linear-gradient(#FFF, #F7F7F7);
}
.multiSelect > button:hover {
  background-image: linear-gradient(#FFF, #E9E9E9);
}
.multiSelect > button:disabled {
  background-image: linear-gradient(#FFF, #FFF);
  border: 1px solid #DDD;
  color: #999;
}
.multiSelect .buttonClicked {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.multiSelect .buttonLabel {
  display: inline-block;
  padding: 5px 0px 5px 0px;
}
.multiSelect .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0px 0px 1px 12px !important;
  vertical-align: middle;
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
}
.multiSelect .checkboxLayer {
  background-color: #FFF;
  position: absolute;
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  min-width: 278px;
  display: none !important;
}
.multiSelect .checkboxLayer.bottom-up {
  bottom: 28px;
  -webkit-box-shadow: 6px 0 12px rgba(0, 0, 0, 0.175);
  box-shadow: 6px 0 12px rgba(0, 0, 0, 0.175);
}
.multiSelect .checkboxLayer.scroll {
  max-height: 300px;
  overflow-y: scroll;
}
.multiSelect .helperContainer {
  border-bottom: 1px solid #DDD;
  padding: 8px 8px 0px 8px;
}
.multiSelect .helperButton {
  display: inline;
  text-align: center;
  cursor: pointer;
  border: 1px solid #CCC;
  height: 26px;
  font-size: 13px;
  border-radius: 2px;
  color: #666;
  background-color: #F1F1F1;
  line-height: 1.6;
  margin: 0px 0px 8px 0px;
}
.multiSelect .helperButton.reset {
  float: right;
}
.multiSelect .helperButton:not(.reset) {
  margin-right: 4px;
}
.multiSelect .clearButton {
  position: absolute;
  display: inline;
  text-align: center;
  cursor: pointer;
  border: 1px solid #CCC;
  height: 22px;
  width: 22px;
  font-size: 13px;
  border-radius: 2px;
  color: #666;
  background-color: #F1F1F1;
  line-height: 1.4;
  right: 2px;
  top: 4px;
}
.multiSelect .inputFilter {
  border-radius: 2px;
  border: 1px solid #CCC;
  height: 26px;
  font-size: 14px;
  width: 100%;
  padding-left: 7px;
  -webkit-box-sizing: border-box;
  
  -moz-box-sizing: border-box;
  
  box-sizing: border-box;
  
  color: #888;
  margin: 0px 0px 8px 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.multiSelect .clearButton:hover {
  border: 1px solid #CCC;
  color: #999;
  background-color: #F4F4F4;
}
.multiSelect .helperButton:hover {
  border: 1px solid #CCC;
  color: #999;
  background-color: #F4F4F4;
}
.multiSelect .helperButton:disabled {
  color: #CCC;
  border: 1px solid #DDD;
}
.multiSelect .clearButton:focus, .multiSelect .helperButton:focus, .multiSelect .inputFilter:focus {
  border: 1px solid #66AFE9 !important;
  outline: 0;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.065), 0 0 5px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.065), 0 0 5px rgba(102, 175, 233, 0.6) !important;
}
.multiSelect .checkBoxContainer {
  display: block;
  padding: 8px;
  overflow: hidden;
}
.multiSelect .show {
  display: block !important;
}
.multiSelect .multiSelectItem {
  display: block;
  padding: 3px;
  color: #444;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  position: relative;
  min-width: 278px;
  min-height: 32px;
}
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
  background-image: linear-gradient(#E9E9E9, #F1F1F1);
  color: #555;
  cursor: pointer;
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  border-right: 1px solid #D9D9D9;
}
.multiSelect .multiSelectItem .acol label {
  display: inline-block;
  padding-right: 30px;
  margin: 0px;
  font-weight: normal;
  line-height: normal;
}
.multiSelect .multiSelectItem:hover {
  background-image: linear-gradient(#C1C1C1, #999) !important;
  color: #FFF !important;
  cursor: pointer;
  border: 1px solid #CCC !important;
}
.multiSelect .multiSelectItem.annotation label:before {
  content: ".";
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: black;
  left: 7px;
  top: 13px;
  color: transparent;
}
.multiSelect .multiSelectItem.annotation.a-A label:before {
  background: cornflowerblue;
}
.multiSelect .multiSelectItem.annotation.a-B label:before {
  background: darkslategray;
}
.multiSelect .multiSelectItem.annotation.a-C label:before {
  background: purple;
}
.multiSelect .multiSelectItem.annotation.a-D label:before {
  background: violet;
}
.multiSelect .multiSelectItem.annotation.a-E label:before {
  background: orange;
}
.multiSelect .multiSelectItem.annotation.a-F label:before {
  background: green;
}
.multiSelect .multiSelectGroup:hover, .multiSelect .multiSelectFocus {
  background-image: linear-gradient(#C1C1C1, #999) !important;
  color: #FFF !important;
  cursor: pointer;
  border: 1px solid #CCC !important;
}
.multiSelect .multiSelectItem span:hover {
  cursor: pointer;
}
.multiSelect .multiSelectGroup {
  display: block;
  clear: both;
}
.multiSelect .multiSelectGroup span:hover {
  cursor: pointer;
}
.multiSelect .tickMark {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 10px;
}
.multiSelect .checkbox {
  color: #DDD !important;
  position: absolute;
  left: -9999px;
  cursor: pointer;
}
.multiSelect .disabled {
  color: #C4C4C4 !important;
  cursor: not-allowed !important;
}
.multiSelect .disabled:hover, .multiSelect .disabled label input:hover ~ span {
  color: #C4C4C4 !important;
  cursor: not-allowed !important;
}
.multiSelect img {
  vertical-align: middle;
  margin-bottom: 0px;
  max-height: 22px;
  max-width: 22px;
}

.multiSelect > button {
  min-height: 31px !important;
}
.multiSelect > button > div {
  padding: 0;
  line-height: 30px;
  padding-left: 2px;
  display: block;
}
.multiSelect > button, .multiSelect > button > div {
  max-width: 100%;
  min-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.multiSelect > button span, .multiSelect > button > div span {
  top: 12px;
  position: absolute;
  right: 10px;
}

div[isteven-multi-select] {
  height: 34px !important;
}

.checkboxLayer {
  border-radius: 2px !important;
  min-width: 100% !important;
}
.checkboxLayer .not-single-description {
  padding: 5px;
  border-bottom: 1px solid #CCC;
}
.checkboxLayer .helperContainer {
  text-align: right;
}
.checkboxLayer .helperContainer .helperButton {
  padding: 3px 5px;
  height: auto;
}
.checkboxLayer .checkBoxContainer {
  padding: 0;
}
.checkboxLayer .checkBoxContainer .multiSelectItem {
  min-width: 160px !important;
  border: none !important;
}
.checkboxLayer .checkBoxContainer .multiSelectItem.multiSelectFocus {
  background: #C1C1C1 !important;
  background-image: none !important;
  color: #555 !important;
}
.checkboxLayer .checkBoxContainer .multiSelectItem:hover {
  background: #C1C1C1;
  background-image: none !important;
}
.checkboxLayer .checkBoxContainer .multiSelectItem .tickMark {
  left: 10px;
  line-height: 30px;
  top: auto;
  color: green;
}
.checkboxLayer .checkBoxContainer .multiSelectItem label {
  text-align: left !important;
  padding-left: 20px;
}
.checkboxLayer .checkBoxContainer .multiSelectItem label span:not(.tickMark) {
  line-height: 30px;
  padding-left: 2px;
}
.checkboxLayer .checkBoxContainer div[is-disabled=true] {
  opacity: 0.5;
}

.multiSelect {
  position: relative;
}
.multiSelect .buttonLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 15px);
  min-width: calc(100% - 15px);
  padding: 0 0 0 2px !important;
}
.multiSelect .buttonLabel.annotation {
  color: transparent;
}
.multiSelect .buttonLabel.annotation:before {
  content: ".";
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: black;
  left: 10px;
  top: 9px;
  color: transparent;
}
.multiSelect .buttonLabel.annotation.a-0:before {
  background: lightgray;
}
.multiSelect .buttonLabel.annotation.a-A:before {
  background: cornflowerblue;
}
.multiSelect .buttonLabel.annotation.a-B:before {
  background: darkslategray;
}
.multiSelect .buttonLabel.annotation.a-C:before {
  background: purple;
}
.multiSelect .buttonLabel.annotation.a-D:before {
  background: violet;
}
.multiSelect .buttonLabel.annotation.a-E:before {
  background: orange;
}
.multiSelect .buttonLabel.annotation.a-F:before {
  background: green;
}
.multiSelect > button {
  border-radius: 2px;
}
.multiSelect > button > div {
  line-height: normal !important;
  vertical-align: middle;
}
.multiSelect .line {
  padding: 2px 0 10px 0;
  text-align: right;
}
.multiSelect .line button {
  height: auto;
  line-height: auto;
  margin: 0;
}
.multiSelect.class-dropdown .buttonLabel {
  max-width: calc(100% - 34px);
  min-width: calc(100% - 34px);
}

.steven-checkbox:checked + .tickMark {
  display: inline-block;
}
.steven-checkbox + .tickMark {
  display: none;
}

.form-control {
  outline: 0;
  border: 1px solid #ECECEC;
  width: 95%;
  background-color: #FFFFFF;
  padding: 6px;
  border-radius: 2px;
  margin-bottom: 5px;
  font-size: 14px;
}

.angucomplete-holder {
  position: relative;
  width: 100%;
  display: inline-block;
}

.angucomplete-dropdown {
  border: 1px solid #ECECEC;
  border-radius: 2px;
  width: 100%;
  padding: 6px;
  cursor: pointer;
  z-index: 9999;
  position: absolute;
  margin-top: -6px;
  background-color: #FFFFFF;
}

.angucomplete-searching {
  color: #ACACAC;
  font-size: 14px;
}

.angucomplete-description {
  font-size: 14px;
}

.angucomplete-row {
  padding: 5px;
  color: #000000;
  margin-bottom: 4px;
}

.angucomplete-selected-row, .angucomplete-row:hover {
  background-color: lightblue;
  color: #FFFFFF;
}

.angucomplete-image-holder {
  padding-top: 2px;
  float: left;
  margin-right: 10px;
  margin-left: 5px;
}

.angucomplete-image {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 1px solid #ECECEC;
}

.angucomplete-image-default {
  background-position: center;
  background-size: contain;
  height: 34px;
  width: 34px;
}

angucomplete .angucomplete-holder.with-dropdown .angucomplete-input {
  transition: all 0.5s ease !important;
  margin-bottom: 0 !important;
  position: absolute;
  top: -15px;
  box-shadow: none !important;
  z-index: 10 !important;
  width: calc(100% + 65px) !important;
}
angucomplete .angucomplete-title {
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
}
angucomplete .angucomplete-title:focus {
  border: 0;
  box-shadow: none;
}
angucomplete .angucomplete-dropdown {
  overflow-x: hidden;
  overflow-y: scroll;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 0 2px #0D252C;
  border: 1px solid #0D252C;
  width: calc(100% + 100px);
  top: -23px;
  left: -6px;
  z-index: 9;
  padding-top: 50px;
  min-height: 100px;
  text-overflow: ellipsis;
}

.date-picker-popup {
  background: white;
  border: 1px solid #D2D2D2;
  position: absolute;
  width: 48.5%;
  padding: 10px;
  top: -200px;
  opacity: 0;
  left: -99999px;
  margin-bottom: 70px;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 0 2px #465969;
  display: none;
  -webkit-transition: opacity 0.5s ease, top 0.5s ease;
  -moz-transition: opacity 0.5s ease, top 0.5s ease;
  -ms-transition: opacity 0.5s ease, top 0.5s ease;
  -o-transition: opacity 0.5s ease, top 0.5s ease;
  transition: opacity 0.5s ease, top 0.5s ease;
}
.date-picker-popup table tbody tr td {
  padding: 5px;
}
.date-picker-popup.isActive {
  left: 0;
  opacity: 1;
  top: -225px;
  display: block;
}
.date-picker-popup.moveArrowLeft::before, .date-picker-popup.moveArrowLeft::after {
  right: 290px;
}
.date-picker-popup .mighty-picker__holder {
  width: 100%;
  display: inline-block;
}
.date-picker-popup .mighty-picker__holder .mighty-picker__month {
  display: inline-block;
  width: 98%;
}
.date-picker-popup .mighty-picker__holder .mighty-picker__wrapper button {
  padding: 0;
  background: none;
  border: none;
  font-size: 0.8rem;
  box-shadow: none;
  display: inline-block;
  width: 8%;
  text-align: left;
}
.date-picker-popup .mighty-picker__holder .mighty-picker__wrapper button.left-button {
  text-align: right;
}
.date-picker-popup .mighty-picker__holder .mighty-picker__month-name {
  text-align: center;
  width: 79%;
  display: inline-block;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar {
  width: 100%;
  border: none;
  padding: 0;
  text-align: center;
  margin-top: 9px;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr {
  height: auto;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr th {
  font-weight: 200;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr td {
  height: 20px;
  width: 20px;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr td.mighty-picker-calendar__day {
  cursor: pointer;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr td.mighty-picker-calendar__day--selected, .date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr td.mighty-picker-calendar__day--selected-to {
  border: 1px solid #465969;
  color: #465969;
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr td.mighty-picker-calendar__day--in-range {
  color: #465969;
  background: rgba(70, 89, 105, 0.1);
}
.date-picker-popup .mighty-picker__holder table.mighty-picker-calendar tr td.mighty-picker-calendar__day--disabled {
  opacity: 0.4;
  cursor: auto;
}

.annotation-list i.a-NONE.bg, i.a-NONE.bg, .annotation-big-button.a-NONE.bg {
  background: #FFF;
  color: #DE4326;
  border: 1px solid #DE4326;
}
.annotation-list i.a-NONE.bg:hover, i.a-NONE.bg:hover, .annotation-big-button.a-NONE.bg:hover {
  background: #DE4326;
  color: #FFF;
}
.annotation-list i.a-NONE.filter, i.a-NONE.filter, .annotation-big-button.a-NONE.filter {
  color: #DE4326 !important;
}
.annotation-list i.a-NONE:not(.filter):before, i.a-NONE:not(.filter):before, .annotation-big-button.a-NONE:not(.filter):before {
  border-color: #DE4326;
}
.annotation-list i.a-NONE:not(.filter):after, i.a-NONE:not(.filter):after, .annotation-big-button.a-NONE:not(.filter):after {
  background: #DE4326;
}
.annotation-list i.a-A.bg, i.a-A.bg, .annotation-big-button.a-A.bg {
  background: #FFF;
  color: #DE4326;
  border: 1px solid #DE4326;
}
.annotation-list i.a-A.bg:hover, i.a-A.bg:hover, .annotation-big-button.a-A.bg:hover {
  background: #DE4326;
  color: #FFF;
}
.annotation-list i.a-A.filter, i.a-A.filter, .annotation-big-button.a-A.filter {
  color: #DE4326 !important;
}
.annotation-list i.a-A:not(.filter):before, i.a-A:not(.filter):before, .annotation-big-button.a-A:not(.filter):before {
  border-color: #DE4326;
}
.annotation-list i.a-A:not(.filter):after, i.a-A:not(.filter):after, .annotation-big-button.a-A:not(.filter):after {
  background: #DE4326;
}
.annotation-list i.a-B.bg, i.a-B.bg, .annotation-big-button.a-B.bg {
  background: #FFF;
  color: #a674b0;
  border: 1px solid #a674b0;
}
.annotation-list i.a-B.bg:hover, i.a-B.bg:hover, .annotation-big-button.a-B.bg:hover {
  background: #a674b0;
  color: #FFF;
}
.annotation-list i.a-B.filter, i.a-B.filter, .annotation-big-button.a-B.filter {
  color: #a674b0 !important;
}
.annotation-list i.a-B:not(.filter):before, i.a-B:not(.filter):before, .annotation-big-button.a-B:not(.filter):before {
  border-color: #a674b0;
}
.annotation-list i.a-B:not(.filter):after, i.a-B:not(.filter):after, .annotation-big-button.a-B:not(.filter):after {
  background: #a674b0;
}
.annotation-list i.a-C.bg, i.a-C.bg, .annotation-big-button.a-C.bg {
  background: #FFF;
  color: #00819C;
  border: 1px solid #00819C;
}
.annotation-list i.a-C.bg:hover, i.a-C.bg:hover, .annotation-big-button.a-C.bg:hover {
  background: #00819C;
  color: #FFF;
}
.annotation-list i.a-C.filter, i.a-C.filter, .annotation-big-button.a-C.filter {
  color: #00819C !important;
}
.annotation-list i.a-C:not(.filter):before, i.a-C:not(.filter):before, .annotation-big-button.a-C:not(.filter):before {
  border-color: #00819C;
}
.annotation-list i.a-C:not(.filter):after, i.a-C:not(.filter):after, .annotation-big-button.a-C:not(.filter):after {
  background: #00819C;
}
.annotation-list i.a-D.bg, i.a-D.bg, .annotation-big-button.a-D.bg {
  background: #FFF;
  color: #F1AC1E;
  border: 1px solid #F1AC1E;
}
.annotation-list i.a-D.bg:hover, i.a-D.bg:hover, .annotation-big-button.a-D.bg:hover {
  background: #F1AC1E;
  color: #FFF;
}
.annotation-list i.a-D.filter, i.a-D.filter, .annotation-big-button.a-D.filter {
  color: #F1AC1E !important;
}
.annotation-list i.a-D:not(.filter):before, i.a-D:not(.filter):before, .annotation-big-button.a-D:not(.filter):before {
  border-color: #F1AC1E;
}
.annotation-list i.a-D:not(.filter):after, i.a-D:not(.filter):after, .annotation-big-button.a-D:not(.filter):after {
  background: #F1AC1E;
}
.annotation-list i.a-E.bg, i.a-E.bg, .annotation-big-button.a-E.bg {
  background: #FFF;
  color: #0D252C;
  border: 1px solid #0D252C;
}
.annotation-list i.a-E.bg:hover, i.a-E.bg:hover, .annotation-big-button.a-E.bg:hover {
  background: #0D252C;
  color: #FFF;
}
.annotation-list i.a-E.filter, i.a-E.filter, .annotation-big-button.a-E.filter {
  color: #0D252C !important;
}
.annotation-list i.a-E:not(.filter):before, i.a-E:not(.filter):before, .annotation-big-button.a-E:not(.filter):before {
  border-color: #0D252C;
}
.annotation-list i.a-E:not(.filter):after, i.a-E:not(.filter):after, .annotation-big-button.a-E:not(.filter):after {
  background: #0D252C;
}
.annotation-list i.a-F.bg, i.a-F.bg, .annotation-big-button.a-F.bg {
  background: #FFF;
  color: #F1AC1E;
  border: 1px solid #F1AC1E;
}
.annotation-list i.a-F.bg:hover, i.a-F.bg:hover, .annotation-big-button.a-F.bg:hover {
  background: #F1AC1E;
  color: #FFF;
}
.annotation-list i.a-F.filter, i.a-F.filter, .annotation-big-button.a-F.filter {
  color: #F1AC1E !important;
}
.annotation-list i.a-F:not(.filter):before, i.a-F:not(.filter):before, .annotation-big-button.a-F:not(.filter):before {
  border-color: #F1AC1E;
}
.annotation-list i.a-F:not(.filter):after, i.a-F:not(.filter):after, .annotation-big-button.a-F:not(.filter):after {
  background: #F1AC1E;
}

.annotation-list {
  position: relative;
  height: 30px;
  text-align: center;
}
.annotation-list .annotation-button {
  z-index: 499;
}
.annotation-list .annotation-button.expanded {
  z-index: 501;
}
.annotation-list .annotation-button:active i, .annotation-list .annotation-button:focus i {
  outline: 2px;
  box-shadow: 0 0 4px #0D252C;
  border-radius: 50%;
  border: 1px solid #0D252C;
  width: 22px;
  height: 22px;
  background: #0D252C;
}
.annotation-list .flag-button {
  z-index: 499;
  margin-right: 1rem;
  outline: 1px;
}
.annotation-list button:not(.flag-button) {
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}
.annotation-list button:not(.flag-button):focus, .annotation-list button:not(.flag-button):active {
  border: none;
  box-shadow: none;
}
.annotation-list ul {
  margin: 0;
  padding: 0;
  width: 120px;
  background: #f9f9f9;
  border: 1px solid #D2D2D2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  z-index: 500;
  top: -999999px;
  left: -76px;
  -webkit-transition: opacity, min-height 0.5s ease;
  -moz-transition: opacity, min-height 0.5s ease;
  -ms-transition: opacity, min-height 0.5s ease;
  -o-transition: opacity, min-height 0.5s ease;
  transition: opacity, min-height 0.5s ease;
  opacity: 0;
  max-height: 0;
}
.annotation-list ul li {
  list-style: none;
  width: 100%;
  display: inline-block;
  text-align: center;
  padding-left: 1px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
.annotation-list ul li:first-of-type {
  margin-top: 40px;
}
.annotation-list ul li .group-label {
  margin: 0 10px;
}
.annotation-list ul li span.label {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0;
  display: block;
  position: absolute;
  z-index: 1001;
  width: 100px;
  top: -2px;
  right: 40px;
  line-height: 24px;
  background: #FFF;
  border: 1px solid #D2D2D2;
}
.annotation-list ul li span.label:after {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  z-index: 1015;
  content: "";
  top: -1px;
  right: -11px;
  border-right: 0;
  border-left: 12px solid #FFF;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.annotation-list ul li span.label:before {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  z-index: 1010;
  content: "";
  top: -1px;
  right: -13px;
  border-right: 0;
  border-left: 13px solid #D2D2D2;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.annotation-list ul li button:focus span.label, .annotation-list ul li button:hover span.label {
  opacity: 1;
}
.annotation-list ul li button:active span.label {
  opacity: 0;
}
.annotation-list i:not(.icon) {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.annotation-list i:not(.icon):before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  content: " ";
  border: 2px solid #F07327;
  z-index: 5;
}
.annotation-list i:not(.icon):after {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: "\EA10";
  font-family: "IcoMoon-Free", sans-serif;
  background: #F07327;
  border: 4px solid #FFF;
  z-index: 2;
  color: #FFF;
  font-size: 0.4rem;
  line-height: 13px;
  letter-spacing: 1px;
  opacity: 0;
  transform-origin: 50% 50%;
  transform: scale(0);
  text-align: center;
}
.annotation-list i.selected:after {
  opacity: 1;
  transform: scale(1);
}
.annotation-list .current {
  line-height: 30px;
  position: absolute;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
}
.annotation-list .current.extracted i:after {
  opacity: 1;
  transform: scale(1);
}
.annotation-list.extracted button:hover + ul {
  top: -7px;
  left: -76px;
  opacity: 1;
  max-height: 300px;
}
.annotation-list.extracted button:hover + ul li {
  opacity: 1;
  line-height: 2.2rem;
}
.annotation-list.extracted button:hover + ul li button i:after {
  padding-right: 1px;
}
.annotation-list.extracted[data-expanded=true] ul, .annotation-list.extracted:hover ul {
  top: -7px;
  left: -61px;
  opacity: 1;
  max-height: 300px;
}
.annotation-list.extracted[data-expanded=true] ul li, .annotation-list.extracted:hover ul li {
  opacity: 1;
  line-height: 2.2rem;
}
.annotation-list.extracted[data-expanded=true] ul li:hover, .annotation-list.extracted[data-expanded=true] ul li:focus, .annotation-list.extracted:hover ul li:hover, .annotation-list.extracted:hover ul li:focus {
  background: #b0becb;
  color: #FFF;
}
.annotation-list.extracted[data-expanded=true] ul li:hover button, .annotation-list.extracted[data-expanded=true] ul li:focus button, .annotation-list.extracted:hover ul li:hover button, .annotation-list.extracted:hover ul li:focus button {
  color: #FFF;
}
.annotation-list.extracted[data-expanded=true] ul li button i:after, .annotation-list.extracted:hover ul li button i:after {
  padding-right: 1px;
}

.icon-spin {
  display: inline-block;
  -webkit-animation: spin 0.4s infinite linear;
  -moz-animation: spin 0.4s infinite linear;
  -o-animation: spin 0.4s infinite linear;
  animation: spin 0.4s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
input[type=submit], button {
  transition: all 0.3s ease;
}

input[type=submit], button, a.button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 0.9rem;
  padding: 6px 16px;
  cursor: pointer;
  text-decoration: none;
  font-weight: normal;
  display: inline-block;
  font-family: "Open Sans", sans-serif, Arial, Verdana !important;
}
input[type=submit].small-inline, button.small-inline, a.button.small-inline {
  height: 2rem;
}
input[type=submit].fill.red, button.fill.red, a.button.fill.red {
  border: 1px solid;
  border-color: #AA0000;
  background: #AA0000;
  color: #FFF;
}
input[type=submit].fill.red:hover, button.fill.red:hover, a.button.fill.red:hover {
  color: #AA0000;
  background: #FFF;
}
input[type=submit].fill.red:focus, button.fill.red:focus, a.button.fill.red:focus {
  box-shadow: 0 0 2px #440000;
  border: solid 1px #AA0000;
}
input[type=submit].fill.tm-red, button.fill.tm-red, a.button.fill.tm-red {
  border: 1px solid;
  border-color: #AA0000;
  background: #AA0000;
  color: #FFF;
}
input[type=submit].fill.tm-red:hover, button.fill.tm-red:hover, a.button.fill.tm-red:hover {
  color: #AA0000;
  background: #FFF;
}
input[type=submit].fill.tm-red:focus, button.fill.tm-red:focus, a.button.fill.tm-red:focus {
  box-shadow: 0 0 2px #440000;
  border: solid 1px #AA0000;
}
input[type=submit].fill.green, button.fill.green, a.button.fill.green {
  border: 1px solid;
  border-color: #315E88;
  background: #315E88;
  color: #FFF;
}
input[type=submit].fill.green:hover, button.fill.green:hover, a.button.fill.green:hover {
  color: #315E88;
  background: #FFF;
}
input[type=submit].fill.green:focus, button.fill.green:focus, a.button.fill.green:focus {
  box-shadow: 0 0 2px #162a3d;
  border: solid 1px #315E88;
}
input[type=submit].fill.grey, button.fill.grey, a.button.fill.grey {
  border: 1px solid;
  border-color: #D2D2D2;
  background: #eef1f3;
  color: #231F20;
}
input[type=submit].fill.grey:hover, button.fill.grey:hover, a.button.fill.grey:hover {
  color: #eef1f3;
  background: #231F20;
}
input[type=submit].fill.grey:focus, button.fill.grey:focus, a.button.fill.grey:focus {
  box-shadow: 0 0 2px #b0becb;
  border: solid 1px #eef1f3;
  border-color: #D2D2D2;
}
input[type=submit].no-fill.no-color, button.no-fill.no-color, a.button.no-fill.no-color {
  box-shadow: none !important;
  border: none;
}
input[type=submit].no-fill.red, button.no-fill.red, a.button.no-fill.red {
  border: 1px solid;
  border-color: #AA0000;
  background: #FFF;
  color: #AA0000;
}
input[type=submit].no-fill.red:hover, button.no-fill.red:hover, a.button.no-fill.red:hover {
  color: #FFF;
  background: #AA0000;
}
input[type=submit].no-fill.red:focus, button.no-fill.red:focus, a.button.no-fill.red:focus {
  box-shadow: 0 0 2px #cccccc;
  border: solid 1px #FFF;
  border-color: #AA0000;
}
input[type=submit].no-fill.tm-red, button.no-fill.tm-red, a.button.no-fill.tm-red {
  border: 1px solid;
  border-color: #AA0000;
  background: #FFF;
  color: #AA0000;
}
input[type=submit].no-fill.tm-red:hover, button.no-fill.tm-red:hover, a.button.no-fill.tm-red:hover {
  color: #FFF;
  background: #AA0000;
}
input[type=submit].no-fill.tm-red:focus, button.no-fill.tm-red:focus, a.button.no-fill.tm-red:focus {
  box-shadow: 0 0 2px #cccccc;
  border: solid 1px #FFF;
  border-color: #AA0000;
}
input[type=submit].no-fill.green, button.no-fill.green, a.button.no-fill.green {
  border: 1px solid;
  border-color: #315E88;
  background: #FFF;
  color: #315E88;
}
input[type=submit].no-fill.green:hover, button.no-fill.green:hover, a.button.no-fill.green:hover {
  color: #FFF;
  background: #315E88;
}
input[type=submit].no-fill.green:focus, button.no-fill.green:focus, a.button.no-fill.green:focus {
  box-shadow: 0 0 2px #cccccc;
  border: solid 1px #FFF;
  border-color: #315E88;
}
input[type=submit].no-fill.green.clear, button.no-fill.green.clear, a.button.no-fill.green.clear {
  border: 1px solid;
  border-color: #FFF;
  background: #FFF;
  color: #315E88;
}
input[type=submit].no-fill.green.clear:hover, button.no-fill.green.clear:hover, a.button.no-fill.green.clear:hover {
  color: #FFF;
  background: #315E88;
}
input[type=submit].no-fill.green.clear:focus, button.no-fill.green.clear:focus, a.button.no-fill.green.clear:focus {
  box-shadow: 0 0 2px #cccccc;
  border: solid 1px #FFF;
  border-color: #315E88;
}
input[type=submit].no-fill.grey, button.no-fill.grey, a.button.no-fill.grey {
  border: 1px solid;
  border-color: #D2D2D2;
  background: #eef1f3;
  color: #231F20;
}
input[type=submit].no-fill.grey:hover, button.no-fill.grey:hover, a.button.no-fill.grey:hover {
  color: #eef1f3;
  background: #231F20;
}
input[type=submit].no-fill.grey:focus, button.no-fill.grey:focus, a.button.no-fill.grey:focus {
  box-shadow: 0 0 2px #b0becb;
  border: solid 1px #eef1f3;
  border-color: #D2D2D2;
}
input[type=submit].disabled, input[type=submit][disabled=disabled], button.disabled, button[disabled=disabled], a.button.disabled, a.button[disabled=disabled] {
  border: 1px solid;
  border-color: #D2D2D2 !important;
  background: #eef1f3 !important;
  color: #231F20 !important;
  cursor: default;
  opacity: 0.7;
}
input[type=submit].disabled:focus, input[type=submit][disabled=disabled]:focus, button.disabled:focus, button[disabled=disabled]:focus, a.button.disabled:focus, a.button[disabled=disabled]:focus {
  box-shadow: 0 0 2px #b0becb !important;
  border: solid 1px #eef1f3 !important;
  border-color: #D2D2D2 !important;
}
input[type=submit].square, button.square, a.button.square {
  width: 2rem;
  height: 2rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
input[type=submit].no-size, button.no-size, a.button.no-size {
  padding: 0;
  text-align: center;
}
input[type=submit].transparent, button.transparent, a.button.transparent {
  background: none;
  border: none;
  box-shadow: none;
}
input[type=submit].no-pointer, button.no-pointer, a.button.no-pointer {
  cursor: auto;
}
input[type=submit].no-pointer.no-fill:hover, button.no-pointer.no-fill:hover, a.button.no-pointer.no-fill:hover {
  color: inherit;
  background: inherit;
}
input[type=submit].no-shadow, button.no-shadow, a.button.no-shadow {
  border: 0;
  box-shadow: none;
}

.pagination-buttons {
  margin-right: 5px;
}
.pagination-buttons a {
  margin: -1px;
}
.pagination-buttons.left {
  margin-right: 0;
  margin-left: 5px;
  height: 40px;
}

button.tm-extract i:not(.icon) {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
button.tm-extract i:not(.icon):before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  content: " ";
  border: 2px solid #F07327;
  z-index: 5;
}
button.tm-extract i:not(.icon):after {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: "\EA10";
  font-family: "IcoMoon-Free", sans-serif;
  background: #F07327;
  border: 4px solid #FFF;
  z-index: 2;
  color: #FFF;
  font-size: 0.4rem;
  line-height: 13px;
  letter-spacing: 1px;
  opacity: 0;
  transform-origin: 50% 50%;
  transform: scale(0);
  text-align: center;
}
button.tm-extract.extracted {
  border-color: #DC3416;
}
button.tm-extract.extracted i:after {
  opacity: 1;
  transform: scale(1);
}
button.tm-extract.extracted:hover {
  background-color: #DC3416;
}
button.tm-extract.extracted i, button.tm-extract.extracted svg {
  color: #DC3416;
  transform: rotate(0deg);
}
button.tm-extract i {
  color: #465969;
  position: relative;
  transform: rotate(15deg);
  top: 2px;
}
button.tm-extract:hover i {
  color: #FFF;
}
button.tm-extract:focus {
  border: 1px solid #738ca2 !important;
}

.button.refine-button {
  border: 1px solid #465969;
  transition: all 0.3s ease;
}

.shepherd-element {
  display: block !important;
  z-index: 2000;
}
.shepherd-element.shepherd-theme-arrows {
  opacity: 0;
  top: -9999px !important;
  left: -999px !important;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.shepherd-element.shepherd-theme-arrows.shepherd-open {
  top: 0 !important;
  left: 0 !important;
  opacity: 1;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  padding: 0.7rem;
  height: auto;
  background: #888;
  color: #fff;
  border: none;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header h3 {
  font-size: 0.9rem;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header .shepherd-cancel-link {
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  opacity: 0.8;
  margin-top: 1px;
  font-weight: 100;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content .shepherd-text {
  padding: 0.8rem;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content .shepherd-text p {
  font-size: 0.7rem;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content .shepherd-text ul {
  list-style: none;
  padding-left: 5px;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content .shepherd-text ul li {
  font-size: 0.7rem;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content .shepherd-text ul li span {
  display: inline-block;
  width: 20px;
  font-weight: bold;
  text-align: center;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content footer {
  background: none;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content footer .shepherd-buttons li .shepherd-button {
  padding: 5px;
  margin: 0;
  background: #465969;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content footer .shepherd-buttons li .shepherd-button.grey {
  background: #aaa;
  color: #eee;
  margin-right: 5px;
  padding: 5px;
}
.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content footer .shepherd-buttons li .shepherd-button:hover {
  opacity: 0.8;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #888;
}

.status-line-container {
  position: absolute;
  z-index: -1;
}

.over-status-line {
  margin-top: 10px;
  position: relative;
  -webkit-transition: margin-top 0.5s ease;
  -moz-transition: margin-top 0.5s ease;
  -ms-transition: margin-top 0.5s ease;
  -o-transition: margin-top 0.5s ease;
  transition: margin-top 0.5s ease;
}
.over-status-line.expand {
  margin-top: 120px;
}
.over-status-line.expand .status-line-show-hide {
  top: -130px;
}
.over-status-line .status-line-show-hide {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  text-align: center;
  color: #465969;
  font-size: 0.8rem;
  width: 100%;
  top: -20px;
}

aside .timeline-group .title {
  background: #c33f07 !important;
}
aside .timeline-group .title.registered {
  background: #1dbf79 !important;
}
aside .timeline-group .title.pending {
  background: #ea8f13 !important;
}
aside .timeline-group .title.no-data {
  background: #465969;
}

#verticalStatusLineContainer {
  position: relative;
}
#verticalStatusLineContainer .stage {
  width: 100%;
  text-align: left;
  position: relative;
  margin-left: 10px;
}
#verticalStatusLineContainer .stage[data-status] {
  min-height: 65px;
}
#verticalStatusLineContainer .stage .dates {
  position: absolute;
  top: 25px;
  left: 8px;
  font-size: 0.8rem;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#verticalStatusLineContainer .stage span {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  min-height: 65px;
  text-align: left;
  display: block;
  position: relative;
  font-size: 0.78rem;
  padding-left: 6px;
  padding-top: 0;
  font-weight: 600;
  border-left: 8px solid #c6c4bf;
}
#verticalStatusLineContainer .stage span a, #verticalStatusLineContainer .stage span a:active, #verticalStatusLineContainer .stage span a:link, #verticalStatusLineContainer .stage span a:visited, #verticalStatusLineContainer .stage span a:hover {
  color: #231F20;
}
#verticalStatusLineContainer .stage span a:hover {
  opacity: 0.8;
}
#verticalStatusLineContainer .stage span:before {
  content: " ";
  position: absolute;
  z-index: 12;
  top: 2px;
  left: -10px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  border: 2px solid orange;
}
#verticalStatusLineContainer .stage span:after {
  content: " ";
  position: absolute;
  top: 0;
  left: -12px;
  width: 16px;
  height: 16px;
  z-index: 10;
  background: white;
  border-radius: 50%;
  border: 2px solid #FFF;
}
#verticalStatusLineContainer .stage span.future-dotted {
  padding: 0 !important;
  min-height: 20px;
  margin-top: 30px;
}
#verticalStatusLineContainer .stage span.future-dotted:before, #verticalStatusLineContainer .stage span.future-dotted:after {
  display: none;
}
#verticalStatusLineContainer .stage span.future-dotted:before {
  display: block;
  position: absolute;
  left: -6px;
  top: -24px;
  height: 20px;
  background: transparent;
  width: 0px;
  border-radius: 0;
  border: none;
  border-left: 4px dotted black;
}
#verticalStatusLineContainer .stage dl {
  margin: 0;
}
#verticalStatusLineContainer .stage dl dd, #verticalStatusLineContainer .stage dl dt {
  text-align: left;
  margin: 0;
}
#verticalStatusLineContainer .stage dl dt {
  font-size: 0.75rem;
  position: relative;
  line-height: 1.5rem;
  width: 100%;
  padding-left: 12px;
}
#verticalStatusLineContainer .stage dl dt:not(:first-of-type) {
  padding-top: 5px;
}
#verticalStatusLineContainer .stage dl dd {
  font-size: 0.75rem;
  padding-left: 13px;
}
#verticalStatusLineContainer .stage.completed.negative span {
  border-left-color: #c33f07;
}
#verticalStatusLineContainer .stage.completed.negative span:before {
  border-color: #c33f07;
}
#verticalStatusLineContainer .stage.completed.negative dt:after {
  background: #611f03;
}
#verticalStatusLineContainer .stage.completed.positive span {
  border-left-color: #1dbf79;
}
#verticalStatusLineContainer .stage.completed.positive span:before {
  border-color: #1dbf79;
}
#verticalStatusLineContainer .stage.completed.positive dt:after {
  background: #106641;
}
#verticalStatusLineContainer .stage.not-completed span {
  border-left-color: #ea8f13;
}
#verticalStatusLineContainer .stage.not-completed span:before {
  border-color: #ea8f13;
}
#verticalStatusLineContainer .stage.not-completed dt:after {
  background: #8c550b;
}
#verticalStatusLineContainer .stage.not-completed.future * {
  color: #a69b9e;
}
#verticalStatusLineContainer .stage.not-completed.future span {
  border-left-color: #deddda;
}
#verticalStatusLineContainer .stage.not-completed.future span:before {
  border-color: #deddda;
}
#verticalStatusLineContainer .stage.not-completed.future dt {
  font-weight: 600;
}
#verticalStatusLineContainer .stage.not-completed.future dt:after {
  background: #aeaba4;
}
#verticalStatusLineContainer .stage.last span:after, #verticalStatusLineContainer .stage.last span:before {
  display: none;
}
#verticalStatusLineContainer .stage .dates {
  opacity: 1;
}
#verticalStatusLineContainer .stage.dates-1 span {
  min-height: 85px;
}
#verticalStatusLineContainer .stage.dates-2 span {
  min-height: 145px;
}
#verticalStatusLineContainer .stage.dates-3 span {
  min-height: 205px;
}
#verticalStatusLineContainer .stage.reverse span {
  padding-top: 80px;
  font-size: 0.8rem;
}
#verticalStatusLineContainer .stage.reverse span:before {
  bottom: 2px;
  top: auto;
}
#verticalStatusLineContainer .stage.reverse span:after {
  bottom: 0;
  top: auto;
}
#verticalStatusLineContainer .stage.reverse span.dates-2 {
  padding-top: 110px !important;
}
#verticalStatusLineContainer .stage.reverse .dates {
  top: 10px;
}
#verticalStatusLineContainer .stage.first span {
  min-height: 15px;
  height: 15px;
}
#verticalStatusLineContainer .stage.first span:after, #verticalStatusLineContainer .stage.first span:before {
  display: none;
}
#verticalStatusLineContainer.never_registered .stage.negative, #verticalStatusLineContainer.refused .stage.negative, #verticalStatusLineContainer.removed .stage.negative {
  color: #a69b9e;
}
#verticalStatusLineContainer.never_registered .stage span, #verticalStatusLineContainer.refused .stage span, #verticalStatusLineContainer.removed .stage span {
  border-left-color: #969289 !important;
}
#verticalStatusLineContainer.never_registered .stage span:before, #verticalStatusLineContainer.refused .stage span:before, #verticalStatusLineContainer.removed .stage span:before {
  border-color: #969289 !important;
}
#verticalStatusLineContainer.never_registered .stage.future span, #verticalStatusLineContainer.refused .stage.future span, #verticalStatusLineContainer.removed .stage.future span {
  border-left-color: #deddda !important;
}
#verticalStatusLineContainer.never_registered .stage.future span:before, #verticalStatusLineContainer.refused .stage.future span:before, #verticalStatusLineContainer.removed .stage.future span:before {
  border-color: #deddda !important;
}
#verticalStatusLineContainer .stage-container:last-of-type span:not(.future-dotted) {
  border-left-color: transparent !important;
}
#verticalStatusLineContainer .stage-container.has-future {
  margin-top: -35px;
}
#verticalStatusLineContainer .stage-container.has-future .future-dotted:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  height: 26px;
  left: -8px;
  top: -27px;
  border: none;
  background: #f9f9f9;
}

.save-load-container {
  background: #f9f9f9;
  position: relative;
  overflow: hidden;
  height: 0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.save-load-container.active {
  border-top: 1px solid #D2D2D2;
  height: 120px;
}
.save-load-container .saveload {
  width: 100%;
  height: 120px;
  padding: 35px 10px;
  position: absolute;
}
.save-load-container .saveload .description .title {
  display: block;
  font-weight: 600;
  padding-bottom: 8px;
}
.save-load-container .saveload form {
  text-align: right;
  padding-top: 10px;
}
.save-load-container .saveload form input[type=text], .save-load-container .saveload form input[type=password] {
  display: inline-block;
  width: 30%;
  margin-right: 5px;
}
.save-load-container .saveload form button {
  width: 85px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  border-radius: 3px;
  padding: 0;
  background: #FFF;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  width: 580px;
  font-family: "Open Sans", sans-serif, Arial, Verdana !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spacer {
  margin-bottom: 1rem;
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 {
  border-bottom: 1px solid #EEEEEE;
  color: #231F20;
  padding: 1rem;
  margin: 0;
  border-radius: 3px 3px 0 0;
  font-size: 1rem;
  font-weight: 600;
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 .switch {
  display: inline-block;
  cursor: pointer;
  font-size: 0.85rem;
  position: absolute;
  right: 62px;
  top: 17px;
  opacity: 0.6;
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 .switch.selected {
  opacity: 1;
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 .switch .slider {
  position: absolute;
  z-index: 1;
  background: #FFF;
  right: -30px;
  left: auto;
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 .switch .slider:before {
  width: 9px;
  height: 9px;
  left: 3px;
  bottom: 3px;
  background: rgba(13, 37, 44, 0.7);
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 .switch span {
  transition: all 0.5s ease-in-out;
  position: absolute;
  z-index: 3;
  top: 4px;
  left: 23px;
  color: rgba(13, 37, 44, 0.7);
}
.ngdialog.ngdialog-theme-default .ngdialog-content h1 .switch input:checked + .slider:before {
  background: #DC3416;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content {
  padding: 1rem 1.5rem;
  color: #231F20;
  font-size: 0.9rem;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content p:first-of-type {
  margin-top: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content p:last-of-type {
  margin-bottom: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content .no-padding-left {
  padding-left: 0 !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content .no-margin-top {
  margin-top: 0;
  line-height: 1.25rem;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content .no-margin-bottom {
  margin-bottom: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content form {
  text-align: center;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .content .button, .ngdialog.ngdialog-theme-default .ngdialog-content .content button {
  box-shadow: none;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container {
  position: relative;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container:after {
  display: none;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container.with-dropdown:before {
  font-family: "IcoMoon-Free" !important;
  content: "\EA43";
  display: block;
  position: absolute;
  right: 1rem;
  width: 20px;
  height: 30px;
  vertical-align: middle;
  background: white;
  top: 10px;
  color: #465969;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container input:focus + .dropdown-spaces {
  left: 0.5rem;
  top: 100%;
  opacity: 1;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container.expanded input + .dropdown-spaces {
  left: 0.5rem;
  top: 100%;
  opacity: 1;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container .dropdown-spaces {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: absolute;
  background: #FFF;
  width: calc(100% - 1rem);
  border: 1px solid #D2D2D2;
  border-radius: 0 0 2px 2px;
  top: -9999px;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container .dropdown-spaces:hover {
  left: 0.5rem;
  top: 100%;
  opacity: 1;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container .dropdown-spaces button {
  width: 100%;
  background: none;
  border: none;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #D2D2D2;
  border-radius: 0;
  padding: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container .dropdown-spaces button:last-of-type {
  border-bottom: none;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .spaces-dropdown-container .dropdown-spaces button:hover {
  background: #465969;
  color: #FFF;
}
.ngdialog.ngdialog-theme-default.release-notes-dialog {
  padding-top: 60px;
}
.ngdialog.ngdialog-theme-default.release-notes-dialog .ngdialog-content {
  width: 750px;
}
.ngdialog.ngdialog-theme-default.user-preferences-dialog .ngdialog-content {
  width: 620px;
}
.ngdialog.ngdialog-theme-default .ngdialog-close {
  transition: all 0.3s ease;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  color: #231F20;
  font-size: 1.2rem;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before {
  opacity: 0.8;
}

.tooltip {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  visibility: hidden;
  width: 110px;
  background-color: rgba(13, 37, 44, 0.5);
  color: #FFF;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 90%;
  left: 50%;
  margin-left: -56px !important;
  opacity: 0;
  font-size: 0.8rem;
  overflow: visible !important;
}
.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top-color: rgba(13, 37, 44, 0.5);
}
.tooltip.bottom {
  bottom: -150%;
}
.tooltip.bottom::after {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-bottom-color: rgba(13, 37, 44, 0.5);
}
.tooltip.opposition {
  background-color: #0D252C;
  left: 38px;
  width: 200px;
  padding: 5px;
}
.tooltip.opposition:after {
  border-top-color: #0D252C;
  left: 28px;
}
.tooltip.opposition.section {
  font-weight: normal;
}
.tooltip.opposition.section:after {
  left: 50px;
}
.tooltip.opposition.non-use {
  width: 350px;
  text-align: left;
  line-height: 1rem;
  bottom: 23px;
  left: 35px;
}

.with-tooltip {
  position: relative;
}
.with-tooltip:hover .tooltip,
.with-tooltip .tooltip.active {
  visibility: visible;
  opacity: 1;
  bottom: 21px;
}
.with-tooltip:hover .tooltip.bottom,
.with-tooltip .tooltip.active.bottom {
  bottom: -65%;
}
.with-tooltip.top-button:hover .tooltip {
  visibility: hidden;
  opacity: 0;
}
.with-tooltip.top-button .tooltip {
  width: 200px;
  max-width: 400px !important;
  left: 50%;
  margin-left: -100px !important;
  line-height: 1.5rem;
}

.fetch-checkbox {
  font-size: 0.9rem;
  position: relative;
  display: block;
  margin-bottom: 0;
  padding-left: 26px;
  cursor: pointer;
  
  
}
.fetch-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  
  
  
  
}
.fetch-checkbox input:disabled ~ .fetch-checkbox-indicator:after {
  border-color: #b0becb;
}
.fetch-checkbox input:checked ~ .fetch-checkbox-indicator {
  background: #465969;
  border: none;
}
.fetch-checkbox input:disabled ~ .fetch-checkbox-indicator {
  pointer-events: none;
  opacity: 0.6;
  background: #b0becb;
}
.fetch-checkbox input:checked ~ .fetch-checkbox-indicator:after {
  display: block;
}
.fetch-checkbox .fetch-checkbox-indicator {
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #FFF;
  border: 1px solid #3b4c5a;
  border-radius: 2px;
  
}
.fetch-checkbox .fetch-checkbox-indicator:after {
  position: absolute;
  display: none;
  content: "";
  top: 4px;
  left: 7px;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #FFF;
  border-width: 0 2px 2px 0;
}
.fetch-checkbox:hover input ~ .fetch-checkbox-indicator,
.fetch-checkbox input:focus ~ .fetch-checkbox-indicator {
  box-shadow: 0 0 2px #465969;
}
.fetch-checkbox:hover input:not(:checked) ~ .fetch-checkbox-indicator,
.fetch-checkbox input:not(:checked):focus ~ .fetch-checkbox-indicator {
  border: 1px solid #465969;
}
.fetch-checkbox:hover input:not([disabled]):checked ~ .fetch-checkbox-indicator,
.fetch-checkbox input:checked:focus ~ .fetch-checkbox-indicator {
  background: #465969;
  box-shadow: 0 0 2px #465969;
}

aside {
  z-index: 1;
}
aside .aside-groups {
  margin: 20px 0;
}
aside .aside-groups input.with-error {
  box-shadow: 0 0 2px #AA0000;
  border-color: #AA0000;
}
aside .aside-groups input.with-error:focus, aside .aside-groups input.with-error:active {
  box-shadow: 0 0 2px #AA0000;
  border-color: #AA0000;
}
aside .aside-groups .group {
  margin-top: 1px;
  background: #F0f0f0;
}
aside .aside-groups .group .title {
  display: block;
  font-weight: 400;
  color: #FFF;
  font-size: 0.9rem;
  background: #315E88;
  padding: 10px 10px 10px 15px;
  box-shadow: 0 2px 1px -1px #b0becb;
  margin: 0;
}
aside .aside-groups .group .content {
  padding: 15px;
}
aside .aside-groups .group .content input.class-list-input {
  height: 30px;
  margin-bottom: 5px;
}
aside .aside-groups .group .content.aside-buttons .sidebar-count {
  margin: 0 0 5px;
  font-size: 0.9rem;
  font-weight: 600;
}
aside .aside-groups .group .content.aside-buttons .button, aside .aside-groups .group .content.aside-buttons button {
  min-width: 48%;
  text-align: center;
}
aside .aside-groups .group .content dl dd.image-constituent {
  white-space: normal;
}
aside .aside-groups .group .content dl dd.image-constituent .update-image-terms {
  display: block;
  padding: 5px 0;
  position: relative;
}
aside .aside-groups .group .content dl dd.image-constituent .update-image-terms input {
  padding: 5px;
  width: 65%;
}
aside .aside-groups .group .content dl dd.image-constituent .update-image-terms span {
  position: absolute;
  text-align: right;
  display: block;
  top: 6px;
  right: 0;
  z-index: 1;
}
aside .aside-groups .group .content dl dd.image-constituent .update-image-terms span button {
  font-size: 0.6rem;
}
aside .aside-groups .group .content dl dd.image-constituent .update-image-terms .angucomplete-dropdown {
  width: 105%;
}
aside .aside-groups .group .content dl dd.image-constituent .update-image-terms .with-dropdown input {
  width: calc(100% - 20px) !important;
}
aside .aside-groups .group .content dl dd.image-constituent a {
  text-decoration: none;
  border-bottom: dashed 1px #015A96;
}
aside .aside-groups .group .content dl dd.image-constituent a.editing {
  display: none;
}
aside .aside-groups .group .content dl dd.image-constituent a.editing + .update-image-terms {
  display: block;
}
aside .aside-groups .group .content ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
aside .aside-groups .group .content ul.filter li span {
  font-size: 0.8rem;
  font-weight: 600;
  float: right;
}
aside .aside-groups .group .content ul.classes li {
  display: inline-block;
  width: 66px;
  height: 66px;
  border: 1px solid #eef1f3 #b0becb #738ca2 #465969;
  border-radius: 2px;
  text-align: center;
  padding: 13px 3px 3px 3px;
  margin: 3px;
  font-family: "Source Sans Pro", "Open Sans", sans-serif;
  font-size: 1rem;
}
aside .aside-groups .group .content ul.classes li span {
  font-size: 0.8rem;
  float: right;
}
aside .aside-groups .group .content ul.classes li:nth-child(n+10) {
  display: none;
}
aside .aside-groups .group .content ul li.class-combined span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  float: inherit;
}
aside .aside-groups .group .content ul li {
  margin: 0;
  padding: 3px 0;
  font-size: 0.9rem;
}
aside .aside-groups .group .content ul li.class-filter {
  width: 18%;
  display: inline-block;
  text-align: left;
}
aside .aside-groups .group .content ul li.class-filter i {
  color: #2B8FB2;
}
aside .aside-groups .group .content ul li i {
  color: #465969;
}
aside .aside-groups .group .content ul li i.status {
  margin-right: 0;
  font-size: 1rem;
  color: #c33f07;
}
aside .aside-groups .group .content ul li i.status.registered {
  color: #1dbf79;
}
aside .aside-groups .group .content ul li i.status.pending {
  color: #ea8f13;
}
aside .aside-groups .group .content ul li i.image-grouping.exact {
  color: #8BC34A;
}
aside .aside-groups .group .content ul li i.image-grouping.similar {
  color: #FDD835;
}
aside .aside-groups .group .content ul li i.image-grouping.other {
  color: #607D8B;
}
aside .aside-groups .group .content .filter-pill {
  display: inline-block;
  border-radius: 2px;
  border: 1px solid #465969;
  margin: 2px 1px;
  padding: 4px;
  font-size: 0.8rem;
  font-weight: 200;
  cursor: pointer;
  color: #465969;
  background: #FFF;
}
aside .aside-groups .group .content .filter-pill i {
  width: 13px;
  font-size: 0.7rem;
}
aside .aside-groups .group .content .filter-pill .icon-checkbox-checked {
  display: none;
}
aside .aside-groups .group .content .filter-pill .icon-checkbox-unchecked {
  display: inline-block;
}
aside .aside-groups .group .content .filter-pill.selected {
  color: #FFF;
  background: #465969;
}
aside .aside-groups .group .content .filter-pill.selected:hover {
  color: #465969;
  background: #FFF;
}
aside .aside-groups .group .content .filter-pill.selected:hover .icon-checkbox-checked {
  display: inline-block;
}
aside .aside-groups .group .content .filter-pill.selected:hover .icon-checkbox-unchecked {
  display: none;
}
aside .aside-groups .group .content .filter-pill.selected .icon-checkbox-checked {
  display: inline-block;
}
aside .aside-groups .group .content .filter-pill.selected .icon-checkbox-unchecked {
  display: none;
}
aside .aside-groups .group .content .filter-pill.add-new {
  margin-top: 10px;
  color: #465969;
  border-color: #465969;
}
aside .aside-groups .group .content .filter-pill.add-new:hover {
  background: #465969;
}
aside .aside-groups .group .content .filter-pill.add-new.open {
  width: 100%;
  height: 64px;
}
aside .aside-groups .group .content .filter-pill.add-new.open input:hover, aside .aside-groups .group .content .filter-pill.add-new.open input:focus {
  box-shadow: 0 0 2px #AA0000 !important;
  border-color: #AA0000 !important;
}
aside .aside-groups .group .content .filter-pill.add-new.open angucomplete {
  margin-top: 10px;
  display: block;
}
aside .aside-groups .group .content .filter-pill.add-new.open angucomplete .angucomplete-dropdown {
  box-shadow: 0 0 2px #AA0000 !important;
  border-color: #AA0000 !important;
}
aside .aside-groups .group .content .filter-pill:hover {
  color: #FFF;
  background: #465969;
}
aside .aside-groups .group .content .filter-pill:hover .icon-checkbox-checked {
  display: inline-block;
}
aside .aside-groups .group .content .filter-pill:hover .icon-checkbox-unchecked {
  display: none;
}
aside .aside-groups .group .content .filter li {
  cursor: pointer;
}
aside .aside-groups .group .content .filter li i {
  display: none;
  font-size: 0.7rem !important;
}
aside .aside-groups .group .content .filter li i.icon-checkbox-unchecked {
  display: inline-block;
}
aside .aside-groups .group .content .filter li.active i {
  display: none;
}
aside .aside-groups .group .content .filter li.active i.icon-checkbox-checked {
  display: inline-block;
}
aside .aside-groups .group .content .filter li button {
  display: inline-block;
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}
aside .aside-groups .group .content .filter input[type=radio] + label {
  padding-left: 20px;
  position: relative;
  font-size: 0.85rem;
}
aside .aside-groups .group .content .filter input[type=radio] + label:before {
  font-family: "IcoMoon-Free";
  position: absolute;
  content: "\EA56";
  font-size: 0.75rem;
  left: 2px;
  top: 3px;
}
aside .aside-groups .group .content .filter input[type=radio]:checked + label:before {
  content: "\EA54";
}
aside .aside-groups .group .content .combo-buttons {
  padding-top: 10px;
  text-align: center;
}
aside .aside-groups .group .content .search-number-left {
  padding-right: 0.5rem !important;
  margin-bottom: 10px;
}
aside .aside-groups .group .content .search-number-right {
  padding-left: 0.5rem !important;
  margin-bottom: 10px;
}
aside .aside-groups .group.selected-extract .group-buttons {
  margin-top: -5px;
}
aside .aside-groups .group.selected-extract .group-buttons span {
  font-size: 0.9rem;
}
aside .aside-groups .group.selected-extract .group-buttons button {
  padding: 5px 8px;
  font-size: 0.9rem;
  margin-top: 5px;
  display: inline-block;
}
aside .aside-groups .group.selected-extract .remove-filters {
  margin-top: 20px;
  display: inline-block;
  padding: 5px 8px;
  font-size: 0.9rem;
}
aside .aside-groups .group.selected-extract .remove-filters i {
  font-size: 0.7rem;
}

.dropdown-holder {
  display: inline-block;
  position: relative;
}
.dropdown-holder .qa-space-button {
  transition: none;
}
.dropdown-holder button {
  background: none;
}
.dropdown-holder button.user-menu:focus + .dropdown-menu, .dropdown-holder button.user-menu:hover + .dropdown-menu {
  display: block;
}
.dropdown-holder button.user-menu svg {
  width: 1rem;
  height: 1rem;
}
.dropdown-holder button.user-menu svg[bars] {
  display: inline-block;
}
.dropdown-holder button.user-menu svg[chevron-circle-down] {
  display: none;
}
.dropdown-holder button.user-menu.unsaved {
  color: #F07327;
}
.dropdown-holder button.user-menu.alerts-button {
  position: relative;
  transition: none;
}
.dropdown-holder button.user-menu.alerts-button span {
  position: absolute;
  text-align: center;
  border-radius: 50%;
  display: block;
  color: #FFF;
  width: 15px;
  height: 15px;
  top: calc(50% - 1.1rem);
  right: calc(50% - 1.1rem);
  background: #DC3416;
  max-width: 20px !important;
  font-size: 0.7rem;
  overflow: visible;
  line-height: 14px;
  font-weight: 600;
}
.dropdown-holder:hover, .dropdown-holder.expanded {
  color: #231F20;
  background: #f9f9f9;
}
.dropdown-holder:hover button.user-menu, .dropdown-holder:hover button.user-menu:hover, .dropdown-holder.expanded button.user-menu, .dropdown-holder.expanded button.user-menu:hover {
  color: #231F20;
  background: #f9f9f9;
}
.dropdown-holder:hover button.user-menu svg[bars], .dropdown-holder.expanded button.user-menu svg[bars] {
  display: none;
}
.dropdown-holder:hover button.user-menu svg[chevron-circle-down], .dropdown-holder.expanded button.user-menu svg[chevron-circle-down] {
  display: inline-block;
}
.dropdown-holder:hover button.user-menu.unsaved, .dropdown-holder.expanded button.user-menu.unsaved {
  color: #FFF;
  background: #F07327;
}
.dropdown-holder:hover .dropdown-menu, .dropdown-holder.expanded .dropdown-menu {
  top: 6px;
  display: block;
}
.dropdown-holder:hover:after, .dropdown-holder.expanded:after {
  display: block;
  opacity: 1;
}
.dropdown-holder.unsaved:after {
  background: #F07327;
}
.dropdown-holder .dropdown-menu {
  position: absolute;
  z-index: 1000;
  top: -9999px;
  right: 0px;
  display: none;
}
.dropdown-holder .dropdown-menu:hover {
  top: 6px;
  display: block;
}
.dropdown-holder .dropdown-menu.results-dropdown-menu .content {
  top: 15px;
}
.dropdown-holder .dropdown-menu.top-bar-dropdnown-menu .content {
  top: 4rem;
}
.dropdown-holder .dropdown-menu .content {
  background-color: #FFF;
  color: #231F20;
  width: 230px;
  position: absolute;
  right: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button, .dropdown-holder .dropdown-menu .content button.dropdown-button {
  display: block;
  text-align: left;
  line-height: 45px;
  width: 100%;
  font-size: 0.9rem;
  padding: 0 10px;
  color: #231F20;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(210, 210, 210, 0.4);
  cursor: pointer;
  border-radius: 0;
  height: 3rem;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button:hover, .dropdown-holder .dropdown-menu .content button.dropdown-button:hover {
  background: #0D252C;
  color: #FFF;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button.first, .dropdown-holder .dropdown-menu .content button.dropdown-button.first {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button.delete, .dropdown-holder .dropdown-menu .content button.dropdown-button.delete {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button.delete:hover, .dropdown-holder .dropdown-menu .content button.dropdown-button.delete:hover {
  background: #AA0000;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button i, .dropdown-holder .dropdown-menu .content button.dropdown-button i {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.dropdown-holder .dropdown-menu .content a.dropdown-button i.u, .dropdown-holder .dropdown-menu .content button.dropdown-button i.u {
  width: auto;
}
.dropdown-holder .dropdown-menu .content .notification {
  line-height: 1.3rem;
  text-align: left;
  padding: 0.5rem;
  font-family: "Open Sans", sans-serif, Arial, Verdana;
  font-size: 0.9rem;
  border-bottom: 1px solid lightgrey;
}
.dropdown-holder .dropdown-menu .content .notification .right {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  line-height: 1.3rem;
}
.dropdown-holder .dropdown-menu .content .notification .left {
  width: 10%;
  line-height: 75px;
  display: table-cell;
  padding-right: 5px;
  vertical-align: middle;
}
.dropdown-holder .dropdown-menu .content .notification .left i {
  vertical-align: middle;
}
.dropdown-holder .dropdown-menu .content .notification:last-of-type {
  border-bottom: none;
}
.dropdown-holder .dropdown-menu.left {
  left: 0;
  right: auto;
}
.dropdown-holder .dropdown-menu.left .content {
  left: 0;
  right: auto;
}
.dropdown-holder .dropdown-menu.right .content {
  right: -5px;
  top: 73px;
}
.dropdown-holder .dropdown-menu .sub-menu-holder {
  position: relative;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu {
  display: none;
  position: absolute;
  width: 180px;
  left: -180px;
  top: 0;
  background: #FFF;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button {
  display: block;
  text-align: left;
  line-height: 45px;
  width: 100%;
  font-size: 0.9rem;
  padding: 0 10px;
  color: #231F20;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(210, 210, 210, 0.4);
  cursor: pointer;
  border-radius: 0;
  height: 3rem;
  line-height: auto;
  height: 45px;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button:hover, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button:hover {
  background: #0D252C;
  color: #FFF;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button.first, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button.first {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button.delete, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button.delete {
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button.delete:hover, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button.delete:hover {
  background: #AA0000;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button i, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button i {
  display: inline-block;
  width: 30px;
  text-align: center;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button i.u, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button i.u {
  width: auto;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button span, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button span {
  width: 100%;
  max-width: 100%;
  display: block;
  line-height: 1rem;
  transition: none;
}
.dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu button span:last-of-type, .dropdown-holder .dropdown-menu .sub-menu-holder .sub-menu a.dropdown-button span:last-of-type {
  font-size: 0.75rem;
  color: #D2D2D2;
}
.dropdown-holder .dropdown-menu .sub-menu-holder:hover .sub-menu, .dropdown-holder .dropdown-menu .sub-menu-holder.opened .sub-menu {
  display: block;
}

footer {
  z-index: 2;
  background: #0e252b;
  text-align: center;
  color: #0e252b;
  width: 100%;
  padding: 0.7rem;
  font-size: 0.8rem;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
}
footer.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1001;
}
footer.floating {
  position: absolute;
}
footer a {
  display: inline-block;
  margin: 0 0.5rem;
}
footer a, footer a:link, footer a:visited, footer a:hover {
  color: #FFF;
}
footer a:hover {
  text-decoration: underline;
}

.history-opposition-container.last {
  margin-bottom: 50px !important;
}
.history-opposition-container .detail-section-title {
  cursor: pointer;
}
.history-opposition-container .detail-section-title a {
  color: #231F20;
}
.history-opposition-container .detail-section-title a i.down {
  display: inline-block;
  transform: rotate(90deg);
  margin-left: 5px;
}
.history-opposition-container .detail-section-title a i.up {
  display: inline-block;
  transform: rotate(-90deg);
  margin-left: 5px;
}
.history-opposition-container .history-opposition h3 {
  font-size: 1rem !important;
}
.history-opposition-container .history-opposition table tbody {
  height: auto !important;
}
.history-opposition-container .history-opposition table tbody i {
  font-size: 0.7rem;
}
.history-opposition-container .history-opposition table tbody:nth-of-type(1) {
  background-color: #EEE !important;
  text-transform: capitalize !important;
  height: 30px !important;
}
.history-opposition-container .history-opposition table tbody:nth-of-type(1) th {
  text-align: left;
  padding: 10px;
  font-size: 0.8rem;
}
.history-opposition-container .history-opposition table tbody td {
  border-bottom: 1px solid #EEE;
}
.history-opposition-container .history-opposition table tbody td.links {
  width: 40%;
  text-align: right;
}
.history-opposition-container .history-opposition table tbody td.links a {
  color: #015A96;
  display: block;
  padding-left: 0;
}
.history-opposition-container .history-opposition table tbody td.links a:hover {
  text-decoration: underline;
}
.history-opposition-container .history-opposition table tbody tr.expanded td {
  border-bottom: 1px solid white;
}
.history-opposition-container .history-opposition table tbody.sub-row td.container {
  width: 100% !important;
  padding: 1rem;
}
.history-opposition-container .history-opposition table tbody.sub-row div {
  overflow: visible !important;
}
.history-opposition-container .history-opposition table tbody.sub-row br:first-of-type {
  display: none;
}
.history-opposition-container .history-opposition table tbody.sub-row table {
  width: 100% !important;
}
.history-opposition-container .history-opposition table tbody.sub-row table tr {
  font-size: 0.93rem !important;
  background: none !important;
}
.history-opposition-container .history-opposition table tbody.sub-row table tr td {
  padding: 5px;
}
.history-opposition-container .history-opposition table tbody.sub-row table tr td:first-of-type {
  width: 35%;
}
.history-opposition-container .history-opposition table tbody tr.clickable {
  cursor: pointer;
}
.history-opposition-container .history-opposition table tbody tr.clickable:hover {
  background: #F4F4F4;
}
.history-opposition-container .history-opposition a {
  padding-left: 1rem;
  display: block;
}
.history-opposition-container .history-opposition a table {
  display: block !important;
  margin-top: 1rem;
}
.history-opposition-container .history-opposition a table tr {
  height: auto !important;
}
.history-opposition-container .history-opposition a table tr td:first-of-type {
  padding-left: 0 !important;
}
.history-opposition-container .history-opposition a.opposition-link {
  font-size: 0.9rem;
  padding: 0.5rem 0 0 0;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#toast-container {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: fixed;
  z-index: 1999;
  bottom: 150px;
  box-sizing: border-box;
  left: calc(50% - 250px);
  background: #b5341c;
  color: #FFF;
  width: 500px;
  text-align: center;
  padding: 0.5rem;
  font-size: 0.8rem;
  line-height: 1rem;
  animation: fade 0.5s ease-in;
  animation-fill-mode: forwards;
}
#toast-container .toast-title {
  display: none;
}

.nav .breadcrumb {
  display: inline-block;
  color: #FFF;
}
.nav .breadcrumb:not(.home):hover {
  text-decoration: underline;
}
.nav .breadcrumb:after {
  font-family: "ipa-icon" !important;
  content: "\E908";
  display: inline-block;
  font-size: 0.7rem;
  margin-left: 3px;
}
.nav .breadcrumb.current:hover {
  text-decoration: none;
}
.nav.breadcrumb span:last-of-type .breadcrumb:after {
  content: "";
}

nav.breadcrumb {
  background: #F4F4F4;
  padding: 1.2rem 0;
  font-size: 0.9rem;
}
nav.breadcrumb a {
  display: inline-block;
}
nav.breadcrumb a:link, nav.breadcrumb a:visited {
  color: #5D2067;
}
nav.breadcrumb a:hover {
  text-decoration: underline;
}
nav.breadcrumb a:after {
  font-family: "Ionicons" !important;
  content: "\F3D3";
  display: inline-block;
  font-size: 0.9rem;
  margin-left: 5px;
  color: #231F20;
}

.combination-container .combo {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-radius: 2px;
  padding: 4px;
  position: relative;
  font-size: 0.8rem;
  display: inline-block;
  margin: 2px 0;
  white-space: nowrap;
}
.combination-container .combo.even {
  background: #e0e0e0;
}
.combination-container .combo.even.refine {
  display: block;
  text-align: left;
  white-space: normal;
  text-wrap: avoid;
}
.combination-container .combo.odd {
  background: #c6c6c6;
}
.combination-container .combo-op {
  padding: 4px;
  font-weight: 600;
  display: inline-block;
  font-size: 0.8rem;
}

aside .combination-container .combo.full {
  display: block;
}
aside .combination-container .combo-op.full {
  display: block;
  text-align: center;
}


.switch {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  cursor: pointer;
}


.switch input {
  display: none;
}


.slider {
  width: 25px;
  height: 15px;
  position: absolute;
  top: 6px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #CCC;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #465969;
}

input:focus + .slider {
  box-shadow: 0 0 1px #465969;
}

input:checked + .slider:before {
  -webkit-transform: translateX(9px);
  -ms-transform: translateX(9px);
  transform: translateX(9px);
}


.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

header {
  background: #FFF;
  padding: 1rem;
  margin: 10px auto 25px auto !important;
}
header .logo img {
  margin: 10px 0 0 0;
  vertical-align: middle;
}
header .logo a.release-notes {
  line-height: 5rem;
  cursor: pointer;
}
header .logo a.release-notes, header .logo a.release-notes:visited, header .logo a.release-notes:link, header .logo a.release-notes:hover {
  color: #738ca2;
}

.content-header {
  border-bottom: 3px solid #DE4326;
  background: #0D252C;
  line-height: 4.5rem;
  font-family: Montserrat, "Open Sans", sans-serif, Arial, Verdana;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.content-header.stuck {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
}
.content-header a:not(.button) {
  color: #FFF;
}
.content-header a:not(.button).inline-with-i {
  position: relative;
  display: inline-block;
}
.content-header a:not(.button).inline-with-i i {
  position: absolute;
  font-size: 1.1rem;
  top: 2px;
  right: 0;
}
.content-header a:not(.button).inline-with-i span {
  line-height: 1.4rem;
  display: inline-block;
  margin-right: 9px;
}
.content-header a:not(.button).inline-with-i.left i {
  left: 0;
}
.content-header a:not(.button).inline-with-i.left span {
  padding-right: 0;
  margin-left: 9px;
}
.content-header a:not(.button) i {
  font-size: 1rem;
}
.content-header a:not(.button):hover span {
  margin-right: 11px;
}
.content-header a:not(.button):hover.left span {
  margin-left: 11px;
}
.content-header .user-buttons button, .content-header .user-buttons a.button, .content-header .user-buttons a.dropdown-button {
  padding: 0 1rem;
  border: none;
  font-size: 1rem;
  color: #FFF;
  border-radius: 0;
  min-width: 2rem;
  text-align: center;
}
.content-header .user-buttons button i, .content-header .user-buttons a.button i, .content-header .user-buttons a.dropdown-button i {
  font-size: 1rem;
}
.content-header .user-buttons button span, .content-header .user-buttons a.button span, .content-header .user-buttons a.dropdown-button span {
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
}
.content-header .user-buttons button:hover, .content-header .user-buttons a.button:hover, .content-header .user-buttons a.dropdown-button:hover {
  background: #5D2067;
}
.content-header .user-buttons button:hover span, .content-header .user-buttons a.button:hover span, .content-header .user-buttons a.dropdown-button:hover span {
  max-width: 150px;
}
.content-header .user-buttons button.save i.loading, .content-header .user-buttons button.save i.logout, .content-header .user-buttons a.button.save i.loading, .content-header .user-buttons a.button.save i.logout, .content-header .user-buttons a.dropdown-button.save i.loading, .content-header .user-buttons a.dropdown-button.save i.logout {
  display: none;
}
.content-header .user-buttons button.save i.loading, .content-header .user-buttons a.button.save i.loading, .content-header .user-buttons a.dropdown-button.save i.loading {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.content-header .user-buttons button.active, .content-header .user-buttons a.button.active, .content-header .user-buttons a.dropdown-button.active {
  background: #5D2067;
  color: #FFF;
}
.content-header .user-buttons button.grey.active, .content-header .user-buttons button.grey:hover, .content-header .user-buttons button.grey:focus, .content-header .user-buttons a.button.grey.active, .content-header .user-buttons a.button.grey:hover, .content-header .user-buttons a.button.grey:focus, .content-header .user-buttons a.dropdown-button.grey.active, .content-header .user-buttons a.dropdown-button.grey:hover, .content-header .user-buttons a.dropdown-button.grey:focus {
  background: #eef1f3;
  color: #0D252C;
}
.content-header .user-buttons form {
  display: inline;
}
.content-header .user-buttons form button.logout {
  display: inline-block;
  background: none;
  border: none;
  color: #465969;
  padding: 0;
  margin: 0 5px 0 0;
}

.announcement {
  padding: 0.5rem;
  font-size: 0.9rem;
  background: #b0becb;
  color: #1D252C;
}
.announcement button.dismiss {
  border: none;
  background: none;
  color: #1D252C;
  padding: 0;
  margin: 0;
}
.announcement .content {
  line-height: 1.2rem;
}

.search-space-message {
  padding: 0.5rem;
  text-align: right;
  font-size: 0.9rem;
  color: #27323b;
}
.search-space-message .active {
  color: #3b4c5a;
}

button.jump-help {
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  position: absolute;
}

.side-options {
  max-width: 180px;
}
.side-options ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.side-options ul li {
  height: 47px;
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  line-height: 45px;
  padding-top: 1px;
}
.side-options.result-count {
  overflow: hidden;
  margin-top: 20px;
  text-align: right;
  opacity: 1;
  padding: 0 2px 20px 0;
}
.side-options.result-count .number {
  font-size: 2.8rem;
  font-family: "Source Sans Pro", "Open Sans", sans-serif;
}
.side-options.result-count .buttons {
  margin-top: 10px;
  text-align: right;
}
.side-options.result-count .buttons i {
  vertical-align: middle;
}
.side-options.result-count .search-button {
  font-size: 1rem;
  line-height: 2rem;
  margin-bottom: 1rem;
  width: 100%;
}
.side-options.result-count .count-container {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-bottom: 10px;
}
.side-options.result-count .count-container.with-count {
  max-height: 80px;
  height: 80px;
  opacity: 1;
}
.side-options.result-count.with-image {
  height: 50px;
  opacity: 1;
}
.side-options.result-count.with-image .count-container {
  display: none;
}
.side-options.result-count.with-image .buttons {
  text-align: center;
  margin-top: 0;
}
.side-options.image-search-side {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
}
.side-options.image-search-side svg {
  display: none;
}
.side-options.image-search-side.upload-button {
  height: 120px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.side-options.image-search-side.upload-button i {
  padding-top: 20px;
  font-size: 2.6rem;
  color: #315E88;
  opacity: 0.8;
  display: inline-block;
}
.side-options.image-search-side.upload-button span {
  color: #315E88;
  font-size: 0.7rem;
  text-align: center;
  width: 100%;
  display: block;
  opacity: 1;
}
.side-options.image-search-side.uploading .click-upload {
  display: none;
}
.side-options.image-search-side.with-image .click-upload {
  display: none;
}
.side-options.image-search-side .upload-button-overlay {
  width: 100%;
  height: 120px;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: transparent;
  border: none;
}
.side-options.image-search-side .upload-button-overlay:focus, .side-options.image-search-side .upload-button-overlay:active {
  box-shadow: 0 0 2px #315E88;
  border: solid 1px #315E88;
}
.side-options.image-search-side.uploading .upload-button-overlay, .side-options.image-search-side.with-image .upload-button-overlay {
  display: none;
}
.side-options.image-search-side div[tm-image] {
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  margin: 0;
  width: 100%;
  height: 120px;
  background: none;
  box-shadow: none;
}
.side-options.image-search-side div[tm-image].with-image {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.side-options.image-search-side div[tm-image].with-image.loaded {
  background: none;
}
.side-options.image-search-side div[tm-image].uploading {
  height: 100px;
  padding: 0;
}
.side-options .button-no-button {
  color: #465969;
  cursor: pointer;
  opacity: 0.8;
  display: inline-block;
  padding: 0;
  margin: auto;
  border: none;
  background: transparent;
}
.side-options .button-no-button:hover {
  opacity: 1;
}
.side-options .button-no-button.icon-cancel-circle {
  color: #AA0000;
}
.side-options .button-no-button.disabled {
  color: #738ca2;
}

.inline-help-message {
  position: absolute;
  display: none;
  width: 500px;
  z-index: 1000;
  background: #00819C;
  padding: 0.5rem;
  margin-left: 24px;
  top: -50%;
  color: #FFF;
  border-radius: 3px;
}
.inline-help-message a {
  color: #FFF;
}
.inline-help-message:before {
  content: " ";
  position: absolute;
  z-index: 800;
  left: -10px;
  top: 13px;
  width: 10px;
  height: 10px;
  border-top: 10px solid transparent;
  border-right: 10px solid #00819C;
  border-bottom: 10px solid transparent;
  cursor: pointer;
}
.inline-help-message:after {
  content: " ";
  position: absolute;
  z-index: 799;
  width: 30px;
  height: 40px;
  left: -30px;
  top: 0;
  background: transparent;
  cursor: pointer;
}
.inline-help-message:hover {
  display: block;
}
.inline-help-message p:first-of-type {
  margin-top: 0;
}
.inline-help-message p:last-of-type {
  margin-bottom: 0;
}

.inline-help-container {
  display: inline-block;
  position: relative;
}

i.inline-help {
  cursor: pointer;
  color: #015A96;
  opacity: 0.5;
  font-size: 0.8rem;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
i.inline-help.active {
  opacity: 1;
}
i.inline-help.active + .inline-help-message {
  display: block;
}

label {
  position: relative;
}

.search-form.advanced-search input[type=text] {
  padding: 5px 6px;
}
.search-form.advanced-search label {
  line-height: 25px;
}
.search-form.advanced-search .form-fields {
  margin: 20px 0;
}
.search-form.advanced-search .form-line.label {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.search-form.advanced-search .form-line.super-thin .associated-classes {
  font-size: 0.9rem;
}
.search-form.advanced-search .advanced-form-container {
  width: 880px;
  min-width: 880px;
  margin: 0 auto 20px auto;
}
.search-form.advanced-search .advanced-form-container .left {
  width: 700px;
  min-width: 700px;
}
.search-form.advanced-search .advanced-form-container .right {
  width: 180px;
  min-width: 180px;
}
.search-form.advanced-search .results-side {
  margin-top: 45px;
}
.search-form.advanced-search .results-side .two-buttons button {
  width: calc(50% - 4px);
  display: block;
}
.search-form.advanced-search .results-side .two-buttons button:first-of-type {
  float: left;
  margin-right: 2px;
}
.search-form.advanced-search .results-side .two-buttons button:first-of-type i {
  font-size: 0.75rem;
}
.search-form.advanced-search .results-side .two-buttons button:last-of-type {
  float: right;
  margin-left: 2px;
}
.search-form.advanced-search .results-side .two-buttons button:last-of-type i {
  font-size: 0.7rem;
}
.search-form.advanced-search .freeze {
  font-size: 0.9rem;
  margin-top: 50px;
  text-align: left;
}
.search-form.advanced-search .freeze label {
  color: rgba(70, 89, 105, 0.5);
}
.search-form.advanced-search .freeze.frozen label {
  color: #465969;
}

#chartPreview path {
  stroke: #FFFFFF;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#chartPreview #container path {
  opacity: 0;
}
#chartPreview #container path:nth-of-type(500) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.5s;
}
#chartPreview #container path:nth-of-type(499) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.475s;
}
#chartPreview #container path:nth-of-type(498) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.45s;
}
#chartPreview #container path:nth-of-type(497) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.425s;
}
#chartPreview #container path:nth-of-type(496) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.4s;
}
#chartPreview #container path:nth-of-type(495) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.375s;
}
#chartPreview #container path:nth-of-type(494) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.35s;
}
#chartPreview #container path:nth-of-type(493) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.325s;
}
#chartPreview #container path:nth-of-type(492) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.3s;
}
#chartPreview #container path:nth-of-type(491) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.275s;
}
#chartPreview #container path:nth-of-type(490) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.25s;
}
#chartPreview #container path:nth-of-type(489) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.225s;
}
#chartPreview #container path:nth-of-type(488) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.2s;
}
#chartPreview #container path:nth-of-type(487) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.175s;
}
#chartPreview #container path:nth-of-type(486) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.15s;
}
#chartPreview #container path:nth-of-type(485) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.125s;
}
#chartPreview #container path:nth-of-type(484) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.1s;
}
#chartPreview #container path:nth-of-type(483) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.075s;
}
#chartPreview #container path:nth-of-type(482) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.05s;
}
#chartPreview #container path:nth-of-type(481) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14.025s;
}
#chartPreview #container path:nth-of-type(480) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 14s;
}
#chartPreview #container path:nth-of-type(479) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.975s;
}
#chartPreview #container path:nth-of-type(478) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.95s;
}
#chartPreview #container path:nth-of-type(477) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.925s;
}
#chartPreview #container path:nth-of-type(476) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.9s;
}
#chartPreview #container path:nth-of-type(475) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.875s;
}
#chartPreview #container path:nth-of-type(474) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.85s;
}
#chartPreview #container path:nth-of-type(473) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.825s;
}
#chartPreview #container path:nth-of-type(472) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.8s;
}
#chartPreview #container path:nth-of-type(471) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.775s;
}
#chartPreview #container path:nth-of-type(470) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.75s;
}
#chartPreview #container path:nth-of-type(469) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.725s;
}
#chartPreview #container path:nth-of-type(468) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.7s;
}
#chartPreview #container path:nth-of-type(467) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.675s;
}
#chartPreview #container path:nth-of-type(466) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.65s;
}
#chartPreview #container path:nth-of-type(465) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.625s;
}
#chartPreview #container path:nth-of-type(464) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.6s;
}
#chartPreview #container path:nth-of-type(463) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.575s;
}
#chartPreview #container path:nth-of-type(462) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.55s;
}
#chartPreview #container path:nth-of-type(461) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.525s;
}
#chartPreview #container path:nth-of-type(460) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.5s;
}
#chartPreview #container path:nth-of-type(459) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.475s;
}
#chartPreview #container path:nth-of-type(458) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.45s;
}
#chartPreview #container path:nth-of-type(457) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.425s;
}
#chartPreview #container path:nth-of-type(456) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.4s;
}
#chartPreview #container path:nth-of-type(455) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.375s;
}
#chartPreview #container path:nth-of-type(454) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.35s;
}
#chartPreview #container path:nth-of-type(453) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.325s;
}
#chartPreview #container path:nth-of-type(452) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.3s;
}
#chartPreview #container path:nth-of-type(451) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.275s;
}
#chartPreview #container path:nth-of-type(450) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.25s;
}
#chartPreview #container path:nth-of-type(449) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.225s;
}
#chartPreview #container path:nth-of-type(448) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.2s;
}
#chartPreview #container path:nth-of-type(447) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.175s;
}
#chartPreview #container path:nth-of-type(446) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.15s;
}
#chartPreview #container path:nth-of-type(445) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.125s;
}
#chartPreview #container path:nth-of-type(444) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.1s;
}
#chartPreview #container path:nth-of-type(443) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.075s;
}
#chartPreview #container path:nth-of-type(442) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.05s;
}
#chartPreview #container path:nth-of-type(441) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13.025s;
}
#chartPreview #container path:nth-of-type(440) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 13s;
}
#chartPreview #container path:nth-of-type(439) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.975s;
}
#chartPreview #container path:nth-of-type(438) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.95s;
}
#chartPreview #container path:nth-of-type(437) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.925s;
}
#chartPreview #container path:nth-of-type(436) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.9s;
}
#chartPreview #container path:nth-of-type(435) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.875s;
}
#chartPreview #container path:nth-of-type(434) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.85s;
}
#chartPreview #container path:nth-of-type(433) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.825s;
}
#chartPreview #container path:nth-of-type(432) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.8s;
}
#chartPreview #container path:nth-of-type(431) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.775s;
}
#chartPreview #container path:nth-of-type(430) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.75s;
}
#chartPreview #container path:nth-of-type(429) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.725s;
}
#chartPreview #container path:nth-of-type(428) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.7s;
}
#chartPreview #container path:nth-of-type(427) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.675s;
}
#chartPreview #container path:nth-of-type(426) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.65s;
}
#chartPreview #container path:nth-of-type(425) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.625s;
}
#chartPreview #container path:nth-of-type(424) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.6s;
}
#chartPreview #container path:nth-of-type(423) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.575s;
}
#chartPreview #container path:nth-of-type(422) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.55s;
}
#chartPreview #container path:nth-of-type(421) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.525s;
}
#chartPreview #container path:nth-of-type(420) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.5s;
}
#chartPreview #container path:nth-of-type(419) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.475s;
}
#chartPreview #container path:nth-of-type(418) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.45s;
}
#chartPreview #container path:nth-of-type(417) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.425s;
}
#chartPreview #container path:nth-of-type(416) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.4s;
}
#chartPreview #container path:nth-of-type(415) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.375s;
}
#chartPreview #container path:nth-of-type(414) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.35s;
}
#chartPreview #container path:nth-of-type(413) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.325s;
}
#chartPreview #container path:nth-of-type(412) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.3s;
}
#chartPreview #container path:nth-of-type(411) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.275s;
}
#chartPreview #container path:nth-of-type(410) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.25s;
}
#chartPreview #container path:nth-of-type(409) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.225s;
}
#chartPreview #container path:nth-of-type(408) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.2s;
}
#chartPreview #container path:nth-of-type(407) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.175s;
}
#chartPreview #container path:nth-of-type(406) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.15s;
}
#chartPreview #container path:nth-of-type(405) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.125s;
}
#chartPreview #container path:nth-of-type(404) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.1s;
}
#chartPreview #container path:nth-of-type(403) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.075s;
}
#chartPreview #container path:nth-of-type(402) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.05s;
}
#chartPreview #container path:nth-of-type(401) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12.025s;
}
#chartPreview #container path:nth-of-type(400) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 12s;
}
#chartPreview #container path:nth-of-type(399) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.975s;
}
#chartPreview #container path:nth-of-type(398) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.95s;
}
#chartPreview #container path:nth-of-type(397) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.925s;
}
#chartPreview #container path:nth-of-type(396) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.9s;
}
#chartPreview #container path:nth-of-type(395) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.875s;
}
#chartPreview #container path:nth-of-type(394) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.85s;
}
#chartPreview #container path:nth-of-type(393) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.825s;
}
#chartPreview #container path:nth-of-type(392) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.8s;
}
#chartPreview #container path:nth-of-type(391) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.775s;
}
#chartPreview #container path:nth-of-type(390) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.75s;
}
#chartPreview #container path:nth-of-type(389) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.725s;
}
#chartPreview #container path:nth-of-type(388) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.7s;
}
#chartPreview #container path:nth-of-type(387) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.675s;
}
#chartPreview #container path:nth-of-type(386) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.65s;
}
#chartPreview #container path:nth-of-type(385) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.625s;
}
#chartPreview #container path:nth-of-type(384) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.6s;
}
#chartPreview #container path:nth-of-type(383) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.575s;
}
#chartPreview #container path:nth-of-type(382) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.55s;
}
#chartPreview #container path:nth-of-type(381) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.525s;
}
#chartPreview #container path:nth-of-type(380) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.5s;
}
#chartPreview #container path:nth-of-type(379) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.475s;
}
#chartPreview #container path:nth-of-type(378) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.45s;
}
#chartPreview #container path:nth-of-type(377) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.425s;
}
#chartPreview #container path:nth-of-type(376) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.4s;
}
#chartPreview #container path:nth-of-type(375) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.375s;
}
#chartPreview #container path:nth-of-type(374) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.35s;
}
#chartPreview #container path:nth-of-type(373) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.325s;
}
#chartPreview #container path:nth-of-type(372) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.3s;
}
#chartPreview #container path:nth-of-type(371) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.275s;
}
#chartPreview #container path:nth-of-type(370) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.25s;
}
#chartPreview #container path:nth-of-type(369) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.225s;
}
#chartPreview #container path:nth-of-type(368) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.2s;
}
#chartPreview #container path:nth-of-type(367) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.175s;
}
#chartPreview #container path:nth-of-type(366) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.15s;
}
#chartPreview #container path:nth-of-type(365) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.125s;
}
#chartPreview #container path:nth-of-type(364) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.1s;
}
#chartPreview #container path:nth-of-type(363) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.075s;
}
#chartPreview #container path:nth-of-type(362) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.05s;
}
#chartPreview #container path:nth-of-type(361) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11.025s;
}
#chartPreview #container path:nth-of-type(360) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 11s;
}
#chartPreview #container path:nth-of-type(359) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.975s;
}
#chartPreview #container path:nth-of-type(358) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.95s;
}
#chartPreview #container path:nth-of-type(357) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.925s;
}
#chartPreview #container path:nth-of-type(356) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.9s;
}
#chartPreview #container path:nth-of-type(355) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.875s;
}
#chartPreview #container path:nth-of-type(354) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.85s;
}
#chartPreview #container path:nth-of-type(353) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.825s;
}
#chartPreview #container path:nth-of-type(352) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.8s;
}
#chartPreview #container path:nth-of-type(351) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.775s;
}
#chartPreview #container path:nth-of-type(350) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.75s;
}
#chartPreview #container path:nth-of-type(349) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.725s;
}
#chartPreview #container path:nth-of-type(348) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.7s;
}
#chartPreview #container path:nth-of-type(347) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.675s;
}
#chartPreview #container path:nth-of-type(346) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.65s;
}
#chartPreview #container path:nth-of-type(345) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.625s;
}
#chartPreview #container path:nth-of-type(344) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.6s;
}
#chartPreview #container path:nth-of-type(343) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.575s;
}
#chartPreview #container path:nth-of-type(342) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.55s;
}
#chartPreview #container path:nth-of-type(341) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.525s;
}
#chartPreview #container path:nth-of-type(340) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.5s;
}
#chartPreview #container path:nth-of-type(339) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.475s;
}
#chartPreview #container path:nth-of-type(338) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.45s;
}
#chartPreview #container path:nth-of-type(337) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.425s;
}
#chartPreview #container path:nth-of-type(336) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.4s;
}
#chartPreview #container path:nth-of-type(335) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.375s;
}
#chartPreview #container path:nth-of-type(334) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.35s;
}
#chartPreview #container path:nth-of-type(333) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.325s;
}
#chartPreview #container path:nth-of-type(332) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.3s;
}
#chartPreview #container path:nth-of-type(331) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.275s;
}
#chartPreview #container path:nth-of-type(330) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.25s;
}
#chartPreview #container path:nth-of-type(329) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.225s;
}
#chartPreview #container path:nth-of-type(328) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.2s;
}
#chartPreview #container path:nth-of-type(327) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.175s;
}
#chartPreview #container path:nth-of-type(326) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.15s;
}
#chartPreview #container path:nth-of-type(325) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.125s;
}
#chartPreview #container path:nth-of-type(324) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.1s;
}
#chartPreview #container path:nth-of-type(323) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.075s;
}
#chartPreview #container path:nth-of-type(322) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.05s;
}
#chartPreview #container path:nth-of-type(321) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10.025s;
}
#chartPreview #container path:nth-of-type(320) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 10s;
}
#chartPreview #container path:nth-of-type(319) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.975s;
}
#chartPreview #container path:nth-of-type(318) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.95s;
}
#chartPreview #container path:nth-of-type(317) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.925s;
}
#chartPreview #container path:nth-of-type(316) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.9s;
}
#chartPreview #container path:nth-of-type(315) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.875s;
}
#chartPreview #container path:nth-of-type(314) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.85s;
}
#chartPreview #container path:nth-of-type(313) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.825s;
}
#chartPreview #container path:nth-of-type(312) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.8s;
}
#chartPreview #container path:nth-of-type(311) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.775s;
}
#chartPreview #container path:nth-of-type(310) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.75s;
}
#chartPreview #container path:nth-of-type(309) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.725s;
}
#chartPreview #container path:nth-of-type(308) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.7s;
}
#chartPreview #container path:nth-of-type(307) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.675s;
}
#chartPreview #container path:nth-of-type(306) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.65s;
}
#chartPreview #container path:nth-of-type(305) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.625s;
}
#chartPreview #container path:nth-of-type(304) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.6s;
}
#chartPreview #container path:nth-of-type(303) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.575s;
}
#chartPreview #container path:nth-of-type(302) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.55s;
}
#chartPreview #container path:nth-of-type(301) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.525s;
}
#chartPreview #container path:nth-of-type(300) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.5s;
}
#chartPreview #container path:nth-of-type(299) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.475s;
}
#chartPreview #container path:nth-of-type(298) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.45s;
}
#chartPreview #container path:nth-of-type(297) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.425s;
}
#chartPreview #container path:nth-of-type(296) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.4s;
}
#chartPreview #container path:nth-of-type(295) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.375s;
}
#chartPreview #container path:nth-of-type(294) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.35s;
}
#chartPreview #container path:nth-of-type(293) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.325s;
}
#chartPreview #container path:nth-of-type(292) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.3s;
}
#chartPreview #container path:nth-of-type(291) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.275s;
}
#chartPreview #container path:nth-of-type(290) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.25s;
}
#chartPreview #container path:nth-of-type(289) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.225s;
}
#chartPreview #container path:nth-of-type(288) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.2s;
}
#chartPreview #container path:nth-of-type(287) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.175s;
}
#chartPreview #container path:nth-of-type(286) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.15s;
}
#chartPreview #container path:nth-of-type(285) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.125s;
}
#chartPreview #container path:nth-of-type(284) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.1s;
}
#chartPreview #container path:nth-of-type(283) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.075s;
}
#chartPreview #container path:nth-of-type(282) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.05s;
}
#chartPreview #container path:nth-of-type(281) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9.025s;
}
#chartPreview #container path:nth-of-type(280) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 9s;
}
#chartPreview #container path:nth-of-type(279) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.975s;
}
#chartPreview #container path:nth-of-type(278) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.95s;
}
#chartPreview #container path:nth-of-type(277) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.925s;
}
#chartPreview #container path:nth-of-type(276) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.9s;
}
#chartPreview #container path:nth-of-type(275) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.875s;
}
#chartPreview #container path:nth-of-type(274) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.85s;
}
#chartPreview #container path:nth-of-type(273) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.825s;
}
#chartPreview #container path:nth-of-type(272) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.8s;
}
#chartPreview #container path:nth-of-type(271) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.775s;
}
#chartPreview #container path:nth-of-type(270) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.75s;
}
#chartPreview #container path:nth-of-type(269) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.725s;
}
#chartPreview #container path:nth-of-type(268) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.7s;
}
#chartPreview #container path:nth-of-type(267) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.675s;
}
#chartPreview #container path:nth-of-type(266) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.65s;
}
#chartPreview #container path:nth-of-type(265) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.625s;
}
#chartPreview #container path:nth-of-type(264) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.6s;
}
#chartPreview #container path:nth-of-type(263) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.575s;
}
#chartPreview #container path:nth-of-type(262) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.55s;
}
#chartPreview #container path:nth-of-type(261) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.525s;
}
#chartPreview #container path:nth-of-type(260) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.5s;
}
#chartPreview #container path:nth-of-type(259) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.475s;
}
#chartPreview #container path:nth-of-type(258) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.45s;
}
#chartPreview #container path:nth-of-type(257) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.425s;
}
#chartPreview #container path:nth-of-type(256) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.4s;
}
#chartPreview #container path:nth-of-type(255) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.375s;
}
#chartPreview #container path:nth-of-type(254) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.35s;
}
#chartPreview #container path:nth-of-type(253) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.325s;
}
#chartPreview #container path:nth-of-type(252) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.3s;
}
#chartPreview #container path:nth-of-type(251) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.275s;
}
#chartPreview #container path:nth-of-type(250) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.25s;
}
#chartPreview #container path:nth-of-type(249) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.225s;
}
#chartPreview #container path:nth-of-type(248) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.2s;
}
#chartPreview #container path:nth-of-type(247) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.175s;
}
#chartPreview #container path:nth-of-type(246) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.15s;
}
#chartPreview #container path:nth-of-type(245) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.125s;
}
#chartPreview #container path:nth-of-type(244) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.1s;
}
#chartPreview #container path:nth-of-type(243) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.075s;
}
#chartPreview #container path:nth-of-type(242) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.05s;
}
#chartPreview #container path:nth-of-type(241) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8.025s;
}
#chartPreview #container path:nth-of-type(240) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 8s;
}
#chartPreview #container path:nth-of-type(239) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.975s;
}
#chartPreview #container path:nth-of-type(238) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.95s;
}
#chartPreview #container path:nth-of-type(237) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.925s;
}
#chartPreview #container path:nth-of-type(236) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.9s;
}
#chartPreview #container path:nth-of-type(235) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.875s;
}
#chartPreview #container path:nth-of-type(234) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.85s;
}
#chartPreview #container path:nth-of-type(233) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.825s;
}
#chartPreview #container path:nth-of-type(232) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.8s;
}
#chartPreview #container path:nth-of-type(231) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.775s;
}
#chartPreview #container path:nth-of-type(230) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.75s;
}
#chartPreview #container path:nth-of-type(229) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.725s;
}
#chartPreview #container path:nth-of-type(228) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.7s;
}
#chartPreview #container path:nth-of-type(227) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.675s;
}
#chartPreview #container path:nth-of-type(226) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.65s;
}
#chartPreview #container path:nth-of-type(225) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.625s;
}
#chartPreview #container path:nth-of-type(224) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.6s;
}
#chartPreview #container path:nth-of-type(223) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.575s;
}
#chartPreview #container path:nth-of-type(222) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.55s;
}
#chartPreview #container path:nth-of-type(221) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.525s;
}
#chartPreview #container path:nth-of-type(220) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.5s;
}
#chartPreview #container path:nth-of-type(219) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.475s;
}
#chartPreview #container path:nth-of-type(218) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.45s;
}
#chartPreview #container path:nth-of-type(217) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.425s;
}
#chartPreview #container path:nth-of-type(216) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.4s;
}
#chartPreview #container path:nth-of-type(215) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.375s;
}
#chartPreview #container path:nth-of-type(214) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.35s;
}
#chartPreview #container path:nth-of-type(213) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.325s;
}
#chartPreview #container path:nth-of-type(212) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.3s;
}
#chartPreview #container path:nth-of-type(211) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.275s;
}
#chartPreview #container path:nth-of-type(210) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.25s;
}
#chartPreview #container path:nth-of-type(209) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.225s;
}
#chartPreview #container path:nth-of-type(208) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.2s;
}
#chartPreview #container path:nth-of-type(207) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.175s;
}
#chartPreview #container path:nth-of-type(206) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.15s;
}
#chartPreview #container path:nth-of-type(205) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.125s;
}
#chartPreview #container path:nth-of-type(204) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.1s;
}
#chartPreview #container path:nth-of-type(203) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.075s;
}
#chartPreview #container path:nth-of-type(202) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.05s;
}
#chartPreview #container path:nth-of-type(201) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7.025s;
}
#chartPreview #container path:nth-of-type(200) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 7s;
}
#chartPreview #container path:nth-of-type(199) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.975s;
}
#chartPreview #container path:nth-of-type(198) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.95s;
}
#chartPreview #container path:nth-of-type(197) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.925s;
}
#chartPreview #container path:nth-of-type(196) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.9s;
}
#chartPreview #container path:nth-of-type(195) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.875s;
}
#chartPreview #container path:nth-of-type(194) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.85s;
}
#chartPreview #container path:nth-of-type(193) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.825s;
}
#chartPreview #container path:nth-of-type(192) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.8s;
}
#chartPreview #container path:nth-of-type(191) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.775s;
}
#chartPreview #container path:nth-of-type(190) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.75s;
}
#chartPreview #container path:nth-of-type(189) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.725s;
}
#chartPreview #container path:nth-of-type(188) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.7s;
}
#chartPreview #container path:nth-of-type(187) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.675s;
}
#chartPreview #container path:nth-of-type(186) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.65s;
}
#chartPreview #container path:nth-of-type(185) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.625s;
}
#chartPreview #container path:nth-of-type(184) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.6s;
}
#chartPreview #container path:nth-of-type(183) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.575s;
}
#chartPreview #container path:nth-of-type(182) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.55s;
}
#chartPreview #container path:nth-of-type(181) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.525s;
}
#chartPreview #container path:nth-of-type(180) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.5s;
}
#chartPreview #container path:nth-of-type(179) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.475s;
}
#chartPreview #container path:nth-of-type(178) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.45s;
}
#chartPreview #container path:nth-of-type(177) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.425s;
}
#chartPreview #container path:nth-of-type(176) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.4s;
}
#chartPreview #container path:nth-of-type(175) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.375s;
}
#chartPreview #container path:nth-of-type(174) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.35s;
}
#chartPreview #container path:nth-of-type(173) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.325s;
}
#chartPreview #container path:nth-of-type(172) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.3s;
}
#chartPreview #container path:nth-of-type(171) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.275s;
}
#chartPreview #container path:nth-of-type(170) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.25s;
}
#chartPreview #container path:nth-of-type(169) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.225s;
}
#chartPreview #container path:nth-of-type(168) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.2s;
}
#chartPreview #container path:nth-of-type(167) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.175s;
}
#chartPreview #container path:nth-of-type(166) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.15s;
}
#chartPreview #container path:nth-of-type(165) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.125s;
}
#chartPreview #container path:nth-of-type(164) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.1s;
}
#chartPreview #container path:nth-of-type(163) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.075s;
}
#chartPreview #container path:nth-of-type(162) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.05s;
}
#chartPreview #container path:nth-of-type(161) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6.025s;
}
#chartPreview #container path:nth-of-type(160) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 6s;
}
#chartPreview #container path:nth-of-type(159) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.975s;
}
#chartPreview #container path:nth-of-type(158) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.95s;
}
#chartPreview #container path:nth-of-type(157) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.925s;
}
#chartPreview #container path:nth-of-type(156) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.9s;
}
#chartPreview #container path:nth-of-type(155) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.875s;
}
#chartPreview #container path:nth-of-type(154) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.85s;
}
#chartPreview #container path:nth-of-type(153) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.825s;
}
#chartPreview #container path:nth-of-type(152) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.8s;
}
#chartPreview #container path:nth-of-type(151) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.775s;
}
#chartPreview #container path:nth-of-type(150) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.75s;
}
#chartPreview #container path:nth-of-type(149) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.725s;
}
#chartPreview #container path:nth-of-type(148) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.7s;
}
#chartPreview #container path:nth-of-type(147) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.675s;
}
#chartPreview #container path:nth-of-type(146) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.65s;
}
#chartPreview #container path:nth-of-type(145) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.625s;
}
#chartPreview #container path:nth-of-type(144) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.6s;
}
#chartPreview #container path:nth-of-type(143) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.575s;
}
#chartPreview #container path:nth-of-type(142) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.55s;
}
#chartPreview #container path:nth-of-type(141) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.525s;
}
#chartPreview #container path:nth-of-type(140) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.5s;
}
#chartPreview #container path:nth-of-type(139) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.475s;
}
#chartPreview #container path:nth-of-type(138) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.45s;
}
#chartPreview #container path:nth-of-type(137) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.425s;
}
#chartPreview #container path:nth-of-type(136) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.4s;
}
#chartPreview #container path:nth-of-type(135) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.375s;
}
#chartPreview #container path:nth-of-type(134) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.35s;
}
#chartPreview #container path:nth-of-type(133) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.325s;
}
#chartPreview #container path:nth-of-type(132) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.3s;
}
#chartPreview #container path:nth-of-type(131) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.275s;
}
#chartPreview #container path:nth-of-type(130) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.25s;
}
#chartPreview #container path:nth-of-type(129) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.225s;
}
#chartPreview #container path:nth-of-type(128) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.2s;
}
#chartPreview #container path:nth-of-type(127) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.175s;
}
#chartPreview #container path:nth-of-type(126) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.15s;
}
#chartPreview #container path:nth-of-type(125) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.125s;
}
#chartPreview #container path:nth-of-type(124) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.1s;
}
#chartPreview #container path:nth-of-type(123) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.075s;
}
#chartPreview #container path:nth-of-type(122) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.05s;
}
#chartPreview #container path:nth-of-type(121) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5.025s;
}
#chartPreview #container path:nth-of-type(120) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 5s;
}
#chartPreview #container path:nth-of-type(119) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.975s;
}
#chartPreview #container path:nth-of-type(118) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.95s;
}
#chartPreview #container path:nth-of-type(117) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.925s;
}
#chartPreview #container path:nth-of-type(116) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.9s;
}
#chartPreview #container path:nth-of-type(115) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.875s;
}
#chartPreview #container path:nth-of-type(114) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.85s;
}
#chartPreview #container path:nth-of-type(113) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.825s;
}
#chartPreview #container path:nth-of-type(112) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.8s;
}
#chartPreview #container path:nth-of-type(111) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.775s;
}
#chartPreview #container path:nth-of-type(110) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.75s;
}
#chartPreview #container path:nth-of-type(109) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.725s;
}
#chartPreview #container path:nth-of-type(108) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.7s;
}
#chartPreview #container path:nth-of-type(107) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.675s;
}
#chartPreview #container path:nth-of-type(106) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.65s;
}
#chartPreview #container path:nth-of-type(105) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.625s;
}
#chartPreview #container path:nth-of-type(104) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.6s;
}
#chartPreview #container path:nth-of-type(103) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.575s;
}
#chartPreview #container path:nth-of-type(102) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.55s;
}
#chartPreview #container path:nth-of-type(101) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.525s;
}
#chartPreview #container path:nth-of-type(100) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.5s;
}
#chartPreview #container path:nth-of-type(99) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.475s;
}
#chartPreview #container path:nth-of-type(98) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.45s;
}
#chartPreview #container path:nth-of-type(97) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.425s;
}
#chartPreview #container path:nth-of-type(96) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.4s;
}
#chartPreview #container path:nth-of-type(95) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.375s;
}
#chartPreview #container path:nth-of-type(94) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.35s;
}
#chartPreview #container path:nth-of-type(93) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.325s;
}
#chartPreview #container path:nth-of-type(92) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.3s;
}
#chartPreview #container path:nth-of-type(91) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.275s;
}
#chartPreview #container path:nth-of-type(90) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.25s;
}
#chartPreview #container path:nth-of-type(89) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.225s;
}
#chartPreview #container path:nth-of-type(88) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.2s;
}
#chartPreview #container path:nth-of-type(87) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.175s;
}
#chartPreview #container path:nth-of-type(86) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.15s;
}
#chartPreview #container path:nth-of-type(85) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.125s;
}
#chartPreview #container path:nth-of-type(84) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.1s;
}
#chartPreview #container path:nth-of-type(83) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.075s;
}
#chartPreview #container path:nth-of-type(82) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.05s;
}
#chartPreview #container path:nth-of-type(81) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4.025s;
}
#chartPreview #container path:nth-of-type(80) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 4s;
}
#chartPreview #container path:nth-of-type(79) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.975s;
}
#chartPreview #container path:nth-of-type(78) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.95s;
}
#chartPreview #container path:nth-of-type(77) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.925s;
}
#chartPreview #container path:nth-of-type(76) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.9s;
}
#chartPreview #container path:nth-of-type(75) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.875s;
}
#chartPreview #container path:nth-of-type(74) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.85s;
}
#chartPreview #container path:nth-of-type(73) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.825s;
}
#chartPreview #container path:nth-of-type(72) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.8s;
}
#chartPreview #container path:nth-of-type(71) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.775s;
}
#chartPreview #container path:nth-of-type(70) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.75s;
}
#chartPreview #container path:nth-of-type(69) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.725s;
}
#chartPreview #container path:nth-of-type(68) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.7s;
}
#chartPreview #container path:nth-of-type(67) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.675s;
}
#chartPreview #container path:nth-of-type(66) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.65s;
}
#chartPreview #container path:nth-of-type(65) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.625s;
}
#chartPreview #container path:nth-of-type(64) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.6s;
}
#chartPreview #container path:nth-of-type(63) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.575s;
}
#chartPreview #container path:nth-of-type(62) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.55s;
}
#chartPreview #container path:nth-of-type(61) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.525s;
}
#chartPreview #container path:nth-of-type(60) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.5s;
}
#chartPreview #container path:nth-of-type(59) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.475s;
}
#chartPreview #container path:nth-of-type(58) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.45s;
}
#chartPreview #container path:nth-of-type(57) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.425s;
}
#chartPreview #container path:nth-of-type(56) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.4s;
}
#chartPreview #container path:nth-of-type(55) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.375s;
}
#chartPreview #container path:nth-of-type(54) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.35s;
}
#chartPreview #container path:nth-of-type(53) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.325s;
}
#chartPreview #container path:nth-of-type(52) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.3s;
}
#chartPreview #container path:nth-of-type(51) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.275s;
}
#chartPreview #container path:nth-of-type(50) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.25s;
}
#chartPreview #container path:nth-of-type(49) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.225s;
}
#chartPreview #container path:nth-of-type(48) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.2s;
}
#chartPreview #container path:nth-of-type(47) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.175s;
}
#chartPreview #container path:nth-of-type(46) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.15s;
}
#chartPreview #container path:nth-of-type(45) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.125s;
}
#chartPreview #container path:nth-of-type(44) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.1s;
}
#chartPreview #container path:nth-of-type(43) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.075s;
}
#chartPreview #container path:nth-of-type(42) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.05s;
}
#chartPreview #container path:nth-of-type(41) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3.025s;
}
#chartPreview #container path:nth-of-type(40) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 3s;
}
#chartPreview #container path:nth-of-type(39) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.975s;
}
#chartPreview #container path:nth-of-type(38) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.95s;
}
#chartPreview #container path:nth-of-type(37) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.925s;
}
#chartPreview #container path:nth-of-type(36) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.9s;
}
#chartPreview #container path:nth-of-type(35) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.875s;
}
#chartPreview #container path:nth-of-type(34) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.85s;
}
#chartPreview #container path:nth-of-type(33) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.825s;
}
#chartPreview #container path:nth-of-type(32) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.8s;
}
#chartPreview #container path:nth-of-type(31) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.775s;
}
#chartPreview #container path:nth-of-type(30) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.75s;
}
#chartPreview #container path:nth-of-type(29) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.725s;
}
#chartPreview #container path:nth-of-type(28) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.7s;
}
#chartPreview #container path:nth-of-type(27) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.675s;
}
#chartPreview #container path:nth-of-type(26) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.65s;
}
#chartPreview #container path:nth-of-type(25) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.625s;
}
#chartPreview #container path:nth-of-type(24) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.6s;
}
#chartPreview #container path:nth-of-type(23) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.575s;
}
#chartPreview #container path:nth-of-type(22) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.55s;
}
#chartPreview #container path:nth-of-type(21) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.525s;
}
#chartPreview #container path:nth-of-type(20) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.5s;
}
#chartPreview #container path:nth-of-type(19) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.475s;
}
#chartPreview #container path:nth-of-type(18) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.45s;
}
#chartPreview #container path:nth-of-type(17) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.425s;
}
#chartPreview #container path:nth-of-type(16) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.4s;
}
#chartPreview #container path:nth-of-type(15) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.375s;
}
#chartPreview #container path:nth-of-type(14) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.35s;
}
#chartPreview #container path:nth-of-type(13) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.325s;
}
#chartPreview #container path:nth-of-type(12) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.3s;
}
#chartPreview #container path:nth-of-type(11) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.275s;
}
#chartPreview #container path:nth-of-type(10) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.25s;
}
#chartPreview #container path:nth-of-type(9) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.225s;
}
#chartPreview #container path:nth-of-type(8) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.2s;
}
#chartPreview #container path:nth-of-type(7) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.175s;
}
#chartPreview #container path:nth-of-type(6) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.15s;
}
#chartPreview #container path:nth-of-type(5) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.125s;
}
#chartPreview #container path:nth-of-type(4) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.1s;
}
#chartPreview #container path:nth-of-type(3) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.075s;
}
#chartPreview #container path:nth-of-type(2) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.05s;
}
#chartPreview #container path:nth-of-type(1) {
  animation-name: fadeIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 2.025s;
}

.chart-section {
  margin: 20px 0 0 0 !important;
}
.chart-section h1.title {
  font-size: 1.1rem;
  color: #465969;
  font-weight: 400;
  margin-top: 0;
}

.visualisation {
  width: 100%;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

#visualisationsContainerThree #sequence {
  position: absolute;
  display: flex;
  width: 100%;
  left: 0;
  top: 0;
}
#visualisationsContainerThree #sequence text, #visualisationsContainerThree #legend text {
  font-weight: 600;
  fill: #FFF;
}
#visualisationsContainerThree #chart {
  position: relative;
}
#visualisationsContainerThree #chart path {
  stroke: #FFF;
}
#visualisationsContainerThree #explanation {
  position: absolute;
  top: 210px;
  left: 285px;
  width: 140px;
  text-align: center;
  color: #666;
  z-index: -1;
}
#visualisationsContainerThree #percentage {
  font-size: 2.5rem;
  font-family: "Source Sans Pro", "Open Sans", sans-serif;
}

.page-container.results-summary h4.title {
  margin: 0;
}
.page-container.results-summary .search-description-list {
  max-width: 300px;
  display: inline-block;
  margin: 1rem;
}
.page-container.results-summary .search-description-list .search-criteria-term {
  margin: 6px 0 0;
}
.page-container.results-summary .combination-container .combo {
  background: none;
}
.page-container.results-summary .combination-container .refine {
  display: inline-block;
}
.page-container.results-summary .combination-container dt, .page-container.results-summary .combination-container dd {
  display: inline-block;
  margin: 0;
}
.page-container.results-summary .combination-container dt:after {
  content: ":";
  display: inline-block;
}
.page-container.results-summary .combination-container dl {
  margin: 0 1rem 1rem 0;
}


body.detailsBody {
  min-width: 21cm;
  max-width: 21cm;
  margin: 0 auto;
}

.detailsView .additional-options {
  padding: 2rem 0;
  text-align: left;
  display: flex;
  line-height: 1.5rem;
  font-size: 0.9rem;
  align-items: center;
  justify-content: center;
}
.detailsView .additional-options .fetch-checkbox {
  margin-left: 0.5rem;
  display: inline-block;
  vertical-align: middle;
}
.detailsView * {
  font-family: Arial, sans-serif !important;
  mso-bidi-font-family: Arial;
  mso-ascii-font-family: Arial;
  mso-hansi-font-family: Arial;
}
.detailsView table {
  font-size: 1rem;
}
.detailsView table th.title {
  padding-right: 5px;
  text-align: left;
}
.detailsView .detail-section-title, .detailsView .title {
  white-space: nowrap !important;
  font-weight: 600 !important;
  padding-bottom: 5px !important;
  text-align: left !important;
  vertical-align: top;
  width: 15%;
}
.detailsView #imageContainer img {
  max-height: 100%;
  max-width: 100%;
}
.detailsView .goods-service {
  padding-bottom: 1rem;
}
.detailsView .goods-service .title {
  padding-right: 2rem;
}
.detailsView .goods-service:last-of-type {
  padding-bottom: 0;
}

.page-container.help-page #helpContent {
  line-height: 1.6rem;
}
.page-container.help-page aside {
  height: calc(100vh - 185px);
  overflow: hidden;
  position: fixed;
  min-height: 0;
  width: 300px !important;
  overflow-y: scroll;
  transition: height 0.5s ease;
}
.page-container.help-page aside.stuck {
  top: 75px;
  height: calc(100vh - 75px);
}
.page-container.help-page aside ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
}
.page-container.help-page aside ul li a {
  text-transform: uppercase;
  margin-bottom: 0.6rem;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: bold;
  margin-top: 0.6rem;
}
.page-container.help-page aside ul li ul {
  list-style: none;
  padding-left: 1rem;
}
.page-container.help-page aside ul li ul li a {
  text-transform: none;
  margin: 0;
  font-weight: normal;
}
.page-container.help-page .help-content {
  margin-left: 320px;
  overflow: hidden;
}
.page-container.help-page .help-content.mobile {
  margin: 0;
  width: 100%;
}
.page-container.help-page .help-content a.anchor {
  display: block;
  position: relative;
  top: -85px;
  visibility: hidden;
  vertical-align: top;
}
.page-container.help-page .help-content ul {
  padding: 0 0 0 50px !important;
  list-style: bullet !important;
}
.page-container.help-page .help-content ul li ul {
  list-style: circle;
  padding-left: 40px;
}
.page-container.help-page .help-content ul li ul.is-active {
  display: block;
}
.page-container.help-page .help-content h2 {
  font-size: 1.5rem;
  font-family: "Montserrat", "Open Sans", sans-serif, Arial, Verdana;
}
.page-container.help-page .help-content h3 {
  padding-top: 15px;
  font-size: 1.3rem;
  font-family: "Montserrat", "Open Sans", sans-serif, Arial, Verdana;
}
.page-container.help-page .help-content h4 {
  color: #DC3416;
  font-size: 1.1rem;
}
.page-container.help-page .help-content table {
  width: 100%;
  border: 1px solid #EEEEEE;
}
.page-container.help-page .help-content table.table-with-bold-first tr td.bold {
  vertical-align: top;
  font-weight: bold;
}
.page-container.help-page .help-content table tr {
  cursor: auto;
  height: auto;
}
.page-container.help-page .help-content table tr:first-of-type {
  background: #EEEEEE;
}
.page-container.help-page .help-content table tr td {
  padding: 10px;
  border-bottom: 1px solid #EEEEEE;
}
.page-container.help-page .help-content table tr td:first-of-type {
  max-width: 50%;
}
.page-container.help-page aside a, .page-container.help-page section a {
  color: #015A96;
}
.page-container.help-page aside a.is-active, .page-container.help-page aside a:hover, .page-container.help-page section a.is-active, .page-container.help-page section a:hover {
  position: relative;
  opacity: 0.7;
  color: #001d31;
}

.page-container.journals select {
  padding: 0.2rem;
  display: inline-block !important;
  border-radius: 3px;
  background: #FEFEFE;
  border: 1px solid #EEE;
  width: 100px;
}
.page-container.journals .journal-content {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.page-container.journals .journal-content.title {
  font-weight: 600;
}
.page-container.journals .list-of-days {
  width: 400px;
  display: grid;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  grid-template-columns: repeat(7, 1fr);
}
.page-container.journals .list-of-days div {
  width: 50px;
  height: 50px;
  border: 1px solid #EEE;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.page-container.journals .list-of-days div:hover {
  background: #EEE;
}
.page-container.journals .list-of-days div a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-container.journals .list-of-days div a.disabled {
  background: #fafafa;
  color: #6b6b6b;
  cursor: initial;
}
.page-container.journals .list-of-days.vertical {
  grid-template-columns: repeat(1, 1fr);
}
.page-container.journals .list-of-days.vertical div {
  width: 100%;
  justify-content: flex-start;
  padding-left: 1rem;
}

.page-container.mark-details .flex-row .flex-columns {
  display: flex;
  flex-direction: row;
}
.page-container.mark-details .flex-row .flex-columns .w-5 {
  width: 5%;
}
.page-container.mark-details .flex-row .flex-columns .w-10 {
  width: 10%;
}
.page-container.mark-details .flex-row .flex-columns .w-15 {
  width: 15%;
}
.page-container.mark-details .flex-row .flex-columns .w-20 {
  width: 20%;
}
.page-container.mark-details .flex-row .flex-columns .w-25 {
  width: 25%;
}
.page-container.mark-details .flex-row .flex-columns .w-30 {
  width: 30%;
}
.page-container.mark-details .flex-row .flex-columns .w-35 {
  width: 35%;
}
.page-container.mark-details .flex-row .flex-columns .w-40 {
  width: 40%;
}
.page-container.mark-details .flex-row .flex-columns .w-45 {
  width: 45%;
}
.page-container.mark-details .flex-row .flex-columns .w-50 {
  width: 50%;
}
.page-container.mark-details .flex-row .flex-columns .w-55 {
  width: 55%;
}
.page-container.mark-details .flex-row .flex-columns .w-60 {
  width: 60%;
}
.page-container.mark-details .flex-row .flex-columns .w-65 {
  width: 65%;
}
.page-container.mark-details .flex-row .flex-columns .w-70 {
  width: 70%;
}
.page-container.mark-details .flex-row .flex-columns .w-75 {
  width: 75%;
}
.page-container.mark-details .flex-row .flex-columns .w-80 {
  width: 80%;
}
.page-container.mark-details .flex-row .flex-columns .w-85 {
  width: 85%;
}
.page-container.mark-details .flex-row .flex-columns .w-90 {
  width: 90%;
}
.page-container.mark-details .flex-row .flex-columns .w-95 {
  width: 95%;
}
.page-container.mark-details .flex-row .flex-columns .w-100 {
  width: 100%;
}
.page-container.mark-details .flex-row .flex-columns .w-33 {
  width: 33%;
}
.page-container.mark-details .flex-row .no-margin {
  margin: 0;
}
.page-container.mark-details .small-box-long-text {
  white-space: pre-line;
  word-wrap: break-word;
  font-size: 0.9rem;
}
.page-container.mark-details p.title {
  margin: 0;
  text-align: left;
  font-weight: 600 !important;
}
.page-container.mark-details .two-cols-flex {
  display: flex;
}
.page-container.mark-details .two-cols-flex .flex-col {
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.page-container.mark-details .two-cols-flex .flex-col:first-of-type {
  flex-shrink: 1;
}
.page-container.mark-details .two-cols-flex .flex-col .word-mark {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.page-container.mark-details .two-cols-flex .flex-col.word-image-container {
  margin-left: 5px;
  max-width: calc(50% - 15px);
  word-wrap: break-word;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
}
.page-container.mark-details .address-holder span.party-name {
  display: block;
  font-weight: 600;
}
.page-container.mark-details .address-holder span.abn.with-content, .page-container.mark-details .address-holder span.acn.with-content {
  padding: 10px 0;
}
.page-container.mark-details .address-holder span.abn.without-content, .page-container.mark-details .address-holder span.acn.without-content {
  padding-bottom: 10px;
}
.page-container.mark-details .address-holder a {
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 0.8rem;
  color: #738ca2;
  margin: 5px 0;
}
.page-container.mark-details #markPage {
  margin-top: 10px;
}
.page-container.mark-details .image-gallery-nav {
  font-size: 0.9rem;
}
.page-container.mark-details .image-gallery-nav a {
  cursor: pointer;
}
.page-container.mark-details .nav-and-extract {
  padding-top: 20px;
}
.page-container.mark-details .nav-and-extract input {
  height: 33px;
}
.page-container.mark-details .expanded-details p:first-of-type {
  margin-top: 0;
}
.page-container.mark-details table.list-of-definition {
  width: 100%;
}
.page-container.mark-details table.list-of-definition tr {
  height: auto !important;
  padding: 0;
  margin: 0;
  font-size: 1rem;
}
.page-container.mark-details table.list-of-definition tr td {
  padding: 0;
  margin: 0;
}
.page-container.mark-details table.list-of-definition tr td.dt {
  font-weight: bold !important;
}
.page-container.mark-details table.list-of-definition tr td.dd {
  font-weight: 400 !important;
}
.page-container.mark-details .list-of-definition {
  margin: 0;
  font-size: 0.9rem;
}
.page-container.mark-details .list-of-definition dd, .page-container.mark-details .list-of-definition .dd {
  margin: 0;
  display: inline-block;
  padding-top: 5px;
  font-weight: 600;
  width: 45%;
  text-align: right;
}
.page-container.mark-details .list-of-definition dd .class-number-link, .page-container.mark-details .list-of-definition .dd .class-number-link {
  color: #231F20;
}
.page-container.mark-details .list-of-definition dd .class-number-link:hover, .page-container.mark-details .list-of-definition .dd .class-number-link:hover {
  color: #738ca2;
}
.page-container.mark-details .list-of-definition dd .certification-rule-link, .page-container.mark-details .list-of-definition .dd .certification-rule-link {
  font-size: 0.8rem;
}
.page-container.mark-details .list-of-definition dd.red-text, .page-container.mark-details .list-of-definition .dd.red-text {
  color: #F07327;
}
.page-container.mark-details .list-of-definition dt, .page-container.mark-details .list-of-definition .dt {
  width: 50%;
  display: inline-block;
  padding-top: 5px;
}
.page-container.mark-details .list-of-definition.list-up-down dt, .page-container.mark-details .list-of-definition.list-up-down .dt, .page-container.mark-details .list-of-definition.list-up-down dd, .page-container.mark-details .list-of-definition.list-up-down .dd {
  width: 100%;
  text-align: left;
}
.page-container.mark-details .list-of-definition.list-up-down dt, .page-container.mark-details .list-of-definition.list-up-down .dt {
  font-weight: 400;
  font-size: 0.8rem;
  margin-top: 5px;
}
.page-container.mark-details .list-of-definition.list-up-down dt:first-of-type, .page-container.mark-details .list-of-definition.list-up-down .dt:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.page-container.mark-details .list-of-definition.list-up-down dd, .page-container.mark-details .list-of-definition.list-up-down .dd {
  font-size: 1rem;
  padding-bottom: 10px;
}
.page-container.mark-details .list-of-definition.list-up-down.tm-numbers {
  width: 40%;
  display: inline-block;
  margin-bottom: 10px;
}
.page-container.mark-details .list-of-definition.list-20-80 dd {
  vertical-align: top;
  text-align: left;
  padding-top: 10px;
  width: 68%;
}
.page-container.mark-details .list-of-definition.list-20-80 dt {
  width: 30%;
  text-align: left;
  padding-top: 10px;
}
.page-container.mark-details .list-of-definition.list-25-70 dd {
  text-align: right;
  padding-top: 5px;
  width: 70%;
}
.page-container.mark-details .list-of-definition.list-25-70 dt {
  padding-top: 5px;
  width: 25%;
  text-align: left;
}
.page-container.mark-details .list-of-definition.goods-service dt, .page-container.mark-details .list-of-definition.goods-service .dt {
  width: 15%;
  vertical-align: top;
  text-align: left;
  font-weight: 600;
  padding-top: 10px;
}
.page-container.mark-details .list-of-definition.goods-service dd, .page-container.mark-details .list-of-definition.goods-service .dd {
  width: 84%;
  text-align: left;
  font-weight: normal;
  padding-top: 10px;
}
.page-container.mark-details .list-of-definition.goods-service span {
  background: rgba(70, 89, 105, 0.3);
  font-weight: 600;
  padding: 0px 3px;
}
.page-container.mark-details .list-of-definition.renewal-date dt {
  width: 30% !important;
}
.page-container.mark-details .list-of-definition.renewal-date dd {
  width: 60% !important;
}
.page-container.mark-details .list-of-definition.dates dt, .page-container.mark-details .list-of-definition.dates .dt {
  width: 55%;
}
.page-container.mark-details .list-of-definition.dates dd, .page-container.mark-details .list-of-definition.dates .dd {
  width: 42%;
}
.page-container.mark-details .list-of-definition.dates .past {
  font-weight: 400;
  opacity: 0.8;
}
.page-container.mark-details .list-of-definition.dates .print {
  font-weight: normal;
}
.page-container.mark-details h5 {
  font-size: 0.9rem;
  font-weight: 600;
}
.page-container.mark-details h5.detail-section-title {
  margin: 0 0 8px 0;
  font-weight: 600;
}
.page-container.mark-details h5.small-count {
  margin: 8px 0 0 0;
  display: inline-block;
}
.page-container.mark-details span.subtitle {
  font-size: 0.9rem;
  margin: 5px 0;
  font-weight: 600;
  display: inline-block;
}
.page-container.mark-details span.indexing-term {
  width: 49%;
  display: inline-block;
  line-height: 1.3rem;
  font-size: 0.9rem;
}
.page-container.mark-details div.long-content-container dl, .page-container.mark-details div.long-content-container p {
  transition: 0.5s all;
  line-height: 1.5rem;
  font-size: 0.9rem;
  font-weight: normal;
}
.page-container.mark-details div.long-content-container h5 + h6 {
  margin-top: 1rem;
}
.page-container.mark-details div.long-content-container h6 {
  font-size: 0.8rem;
  margin: 0;
}
.page-container.mark-details div.long-content-container h6 + p {
  margin-top: 0.5rem;
}
.page-container.mark-details table.indexing {
  width: 100%;
  border: none;
  box-shadow: none;
}
.page-container.mark-details table.indexing tr {
  width: 100%;
  height: auto;
  border: 0;
  background: none;
  cursor: auto;
}
.page-container.mark-details table.indexing tr td {
  background: none;
  line-height: 1.3rem;
  font-size: 0.9rem;
  padding: 3px 1px;
  width: 50%;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  vertical-align: top;
}
.page-container.mark-details .right-col .box-with-shadow {
  margin-left: 0;
}
.page-container.mark-details .media-container {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-container.mark-details .media-container #imageContainer {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-container.mark-details .media-container #imageContainer .image-link {
  width: 100%;
}
.page-container.mark-details .media-container #imageContainer .image-gallery {
  flex-grow: 0;
  width: 100%;
}
.page-container.mark-details .media-container #imageContainer .image-gallery-nav {
  flex-grow: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-container.mark-details .media-container #imageContainer .image-gallery-nav span {
  display: inline-block;
  margin: 0 0.5rem;
}
.page-container.mark-details .media-container audio {
  width: 100%;
}
.page-container.mark-details .media-container img {
  max-height: 260px;
  width: 100%;
  object-fit: contain;
  object-position: center;
  vertical-align: middle;
}
.page-container.mark-details .media-container .image-link {
  margin: 1rem 0;
  display: inline-block;
}
.page-container.mark-details .media-container .image-caption {
  font-size: 0.8rem;
  opacity: 0.9;
}
.page-container.mark-details .annotation-list button:hover + ul, .page-container.mark-details .annotation-list button:focus + ul {
  left: -61px;
}
.page-container.mark-details .endorsement-expand-title {
  display: flex;
  cursor: pointer;
}
.page-container.mark-details .endorsement-expand-title h6 {
  width: 100%;
}
.page-container.mark-details .endorsement-expand-title span {
  width: 100%;
  text-align: left;
  background: none !important;
  font-size: 0.8rem;
  color: #015A96;
  font-weight: normal !important;
}
.page-container.mark-details .endorsement-expand-title span i {
  font-size: 0.7rem;
}
.page-container.mark-details .claim-details-group {
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.page-container.mark-details .claim-details-group .flex-columns {
  margin-bottom: 0.5rem;
}
.page-container.mark-details .claim-details-group .flex-columns:last-of-type {
  margin-bottom: 0;
}
.page-container.mark-details .claim-details-group:first-of-type {
  padding-top: 0;
}
.page-container.mark-details .claim-details-group:last-of-type {
  margin-bottom: 0;
}
.page-container.mark-details .claim-details-group .goods-service dt {
  width: 15%;
}
.page-container.mark-details .claim-details-group .goods-service dd {
  width: 84%;
}
.page-container.mark-details .claim-details-group .goods-service:first-of-type dt, .page-container.mark-details .claim-details-group .goods-service:first-of-type dd {
  padding-top: 0;
}
.page-container.mark-details .claim-details-group p.title {
  font-weight: normal !important;
}

.page-container.opposition .timeline {
  position: relative;
  margin-left: 1rem;
}
.page-container.opposition .timeline .timeline-line-incomplete,
.page-container.opposition .timeline .timeline-line-complete {
  position: absolute;
  height: calc(100% - 2rem);
  width: 3px;
  background: grey;
  top: 1rem;
  left: 4px;
}
.page-container.opposition .timeline .timeline-block {
  position: relative;
  padding-left: 15px;
}
.page-container.opposition .timeline .timeline-block .with-tooltip {
  font-size: 0.9rem;
  padding-left: 4px;
  margin-top: 3px;
}
.page-container.opposition .timeline .timeline-block .timeline-dot {
  position: absolute;
  left: 0;
  top: calc(1rem - 6px);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: grey;
}
.page-container.opposition .timeline .timeline-block .title {
  color: grey;
  font-size: 0.9rem;
  font-weight: 600;
  height: 2rem;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.page-container.opposition .timeline .timeline-block .title .expand {
  display: none;
  background: white;
  position: absolute;
  right: 0;
  font-size: 0.75rem;
  color: #315E88;
}
.page-container.opposition .timeline .timeline-block .title:hover .expand {
  display: block;
}
.page-container.opposition .timeline .timeline-block .content .no-border {
  border: none !important;
}
.page-container.opposition .timeline .timeline-block.complete .title {
  color: green;
  cursor: pointer;
}
.page-container.opposition .timeline .timeline-block.complete .timeline-dot {
  background: green;
}
.page-container.opposition .timeline .timeline-block.complete:before {
  height: 100%;
  width: 3px;
  background: green;
  content: " ";
  position: absolute;
  left: 4px;
  top: 1rem;
}
.page-container.opposition .timeline .timeline-block.complete.last:before {
  background: white;
}
.page-container.opposition .timeline .timeline-block table tr td.title {
  cursor: default !important;
  color: inherit !important;
  font-weight: normal;
  width: 210px;
}
.page-container.opposition .timeline .timeline-block table tr td:not(.title) {
  font-weight: 600;
  width: 100%;
}
.page-container.opposition .timeline .timeline-block table.grounds td {
  font-weight: normal !important;
}

.page-container .quick-search .search-form {
  width: 99vw;
  float: left;
  box-sizing: border-box;
  display: inline-block;
}
.page-container .quick-search .search-form .count-controls {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
.page-container .quick-search .search-form .count-controls.active {
  opacity: 1;
}
.page-container.search-form.quick-search {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: calc(100vh - 250px);
  min-height: 600px;
}
.page-container.search-form.quick-search * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page-container.search-form.quick-search .quick-search-max-fill {
  max-width: 45rem;
  margin: 0 auto;
  float: none;
}
.page-container.search-form.quick-search .quick-search-max-fill #goToAdvancedSearch {
  padding-top: 0.3rem;
  display: inline-block;
  color: #015A96;
}
.page-container.search-form.quick-search .quick-search-max {
  margin: 0 auto;
  float: none;
}
.page-container.search-form.quick-search .quick-search-max #goToAdvancedSearch {
  padding-top: 0.3rem;
  display: inline-block;
  color: #015A96;
}
.page-container.search-form.quick-search .search-margin-left {
  margin-left: 1rem;
}
.page-container.search-form.quick-search .quick-help {
  margin-top: 15px;
  height: 360px;
}
.page-container.search-form.quick-search .quick-help .quick-help-title {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  color: #738ca2;
}
.page-container.search-form.quick-search .quick-help .help-container {
  position: relative;
}
.page-container.search-form.quick-search .quick-help .help-container:not(.page-container.search-form.quick-search .quick-help .help-container:hover) .info-words {
  background: #2B8FB2;
}
.page-container.search-form.quick-search .quick-help .help-container:not(.page-container.search-form.quick-search .quick-help .help-container:hover) .info-words:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .help-container:not(.page-container.search-form.quick-search .quick-help .help-container:hover) .info-words .container {
  display: block;
}
.page-container.search-form.quick-search .quick-help .container-bg {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 61px;
  height: 300px;
  width: 100%;
  background: #FFF;
}
.page-container.search-form.quick-search .quick-help .container {
  z-index: 1;
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  color: #FFF;
  padding: 1rem !important;
  margin: 0 1rem;
  width: calc(100% - 2rem - 2px);
  font-size: 0.9rem;
  line-height: 1.3rem;
  background: #2B8FB2;
  text-align: left;
  border-radius: 0 0 5px 5px;
}
.page-container.search-form.quick-search .quick-help .container:hover, .page-container.search-form.quick-search .quick-help .container.expanded {
  display: block;
}
.page-container.search-form.quick-search .quick-help .container a {
  color: #FFF;
}
.page-container.search-form.quick-search .quick-help .container h3 {
  font-family: "Montserrat", "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0;
}
.page-container.search-form.quick-search .quick-help .container p:last-of-type {
  margin-bottom: 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  flex-direction: column;
  color: #FFF;
  text-align: center;
  transition: all 0.3s ease;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:before {
  content: "";
  width: 50px;
  height: 5px;
  background: black;
  z-index: 9;
  left: 1rem;
  top: 0;
  position: absolute;
  border-radius: 5px 0 0 0;
  display: none;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1) {
  background: rgba(43, 143, 178, 0.8);
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1):before {
  z-index: 9;
  left: calc(1rem + 0px);
  background: #1c5e74;
  border-radius: 5px 0 0 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1):hover, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1).expanded {
  background: #2b8fb2;
  cursor: pointer;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1):hover:before, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1).expanded:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1):hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1).expanded .container {
  background: #2b8fb2;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2) {
  background: rgba(112, 69, 121, 0.8);
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2):before {
  z-index: 9;
  left: calc(1rem + 50px);
  background: #432948;
  border-radius: 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2):hover, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2).expanded {
  background: #704579;
  cursor: pointer;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2):hover:before, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2).expanded:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2):hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2).expanded .container {
  background: #704579;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3) {
  background: rgba(57, 131, 66, 0.8);
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3):before {
  z-index: 9;
  left: calc(1rem + 100px);
  background: #224e27;
  border-radius: 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3):hover, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3).expanded {
  background: #398342;
  cursor: pointer;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3):hover:before, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3).expanded:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3):hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3).expanded .container {
  background: #398342;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4) {
  background: rgba(241, 172, 30, 0.8);
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4):before {
  z-index: 9;
  left: calc(1rem + 150px);
  background: #b77f0b;
  border-radius: 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4):hover, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4).expanded {
  background: #f1ac1e;
  cursor: pointer;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4):hover:before, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4).expanded:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4):hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4).expanded .container {
  background: #f1ac1e;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5) {
  background: rgba(239, 133, 61, 0.8);
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5):before {
  z-index: 9;
  left: calc(1rem + 200px);
  background: #ce5e11;
  border-radius: 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5):hover, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5).expanded {
  background: #ef853d;
  cursor: pointer;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5):hover:before, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5).expanded:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5):hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5).expanded .container {
  background: #ef853d;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6) {
  background: rgba(222, 67, 38, 0.8);
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6):before {
  z-index: 9;
  left: calc(1rem + 250px);
  background: #9f2e18;
  border-radius: 0 5px 0 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6):hover, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6).expanded {
  background: #de4326;
  cursor: pointer;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6):hover:before, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6).expanded:before {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6):hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6).expanded .container {
  background: #de4326;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:first-of-type {
  border-radius: 5px 0 0 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:last-of-type {
  border-radius: 0 5px 0 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header svg {
  width: 1.3rem;
  height: 1.3rem;
  font-size: 1.3rem;
  display: inline-block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header i {
  font-size: 1.3rem;
}
.page-container.search-form.quick-search .quick-help .quick-help-header .combo {
  display: block;
  position: relative;
  width: 2rem;
  height: 1.8rem;
}
.page-container.search-form.quick-search .quick-help .quick-help-header .combo i {
  position: absolute;
}
.page-container.search-form.quick-search .quick-help .quick-help-header .combo i:first-of-type {
  left: 0;
  top: 0;
  opacity: 0.5;
}
.page-container.search-form.quick-search .quick-help .quick-help-header .combo i:last-of-type {
  right: 0;
  bottom: 0;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:hover .container, .page-container.search-form.quick-search .quick-help .quick-help-header.expanded .container {
  display: block;
}
.page-container.search-form.quick-search .quick-help .quick-help-header:hover .container-bg, .page-container.search-form.quick-search .quick-help .quick-help-header.expanded .container-bg {
  display: block;
}
.page-container.search-form.quick-search .quick-help.acknowledgement {
  height: auto;
  width: 850px;
  margin: 0 auto;
  font-size: 0.9rem;
  line-height: 1.3rem;
  color: #737373;
}
.page-container.search-form.quick-search .quick-help.acknowledgement:before, .page-container.search-form.quick-search .quick-help.acknowledgement:after {
  content: none;
}
.page-container.search-form.quick-search .quick-intro {
  font-size: 0.9rem;
  padding-right: 10rem;
  line-height: 1.1rem;
}
.page-container.search-form.quick-search h5 {
  margin: 0;
}
.page-container.search-form.quick-search input {
  line-height: 25px;
  padding-right: 105px;
  border-radius: 5px;
  height: 45px;
}
.page-container.search-form.quick-search p.basic-search-count {
  margin-top: 2px;
}
.page-container.search-form.quick-search #resultCount {
  min-height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
}
.page-container.search-form.quick-search .quick-search-bar {
  position: relative;
  margin-top: 10px;
}
.page-container.search-form.quick-search .quick-search-bar button.search {
  position: absolute;
  right: 1rem;
  top: 0;
  height: 45px;
  background: none;
  border: none;
  cursor: pointer;
  width: 3.5rem;
  background: #465969;
  color: #FFF;
  border-radius: 0 5px 5px 0;
  font-size: 1.5rem;
}
.page-container.search-form.quick-search .quick-search-bar button.image {
  right: 4rem;
  width: 4rem;
  color: #315E88;
  background: none;
  border-radius: 0;
}
.page-container.search-form.quick-search.has-results {
  height: 240px;
}
.page-container.search-form.quick-search.has-results form {
  padding-top: 70px;
}
.page-container.search-form.quick-search.has-results form #searchFormContent {
  padding: 30px 0;
}
.page-container.search-form.quick-search.has-results form #searchFormContent .count-controls,
.page-container.search-form.quick-search.has-results form #searchFormContent .search-type-switch {
  display: none;
}
.page-container.search-form.quick-search #searchBarPill {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 1.3rem;
  padding: 5px;
  overflow: hidden;
  background: #FFF;
  height: 43px;
  font-size: 0.8rem;
  border: 1px solid #D2D2D2;
  line-height: 30px;
}
.page-container.search-form.quick-search #searchBarPill .crop-preview {
  width: 100px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.page-container.search-form.quick-search #searchBarPill i {
  font-size: 0.5rem;
  margin-left: 8px;
  cursor: pointer;
}
.page-container.search-form.quick-search form {
  padding-top: 50px;
}
.page-container.search-form.quick-search form.with-image input {
  line-height: 35px;
  height: 55px;
}
.page-container.search-form.quick-search form.with-image button.search {
  height: 54px;
}
.page-container.search-form.quick-search form.with-image button.search:first-of-type:after {
  top: 16px;
}
.page-container.search-form.quick-search form.with-image #resultCount {
  display: none;
}

#feedbackForm {
  position: fixed;
  bottom: -320px;
  z-index: 1000;
  width: 420px;
  height: 500px;
  right: 40px;
  overflow: hidden;
  border: 1px solid #F1AC1E;
  background: #F3F3F3;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 2px #F1AC1E;
  transition: bottom 0.5s ease-in-out;
}
#feedbackForm:not(.active) {
  cursor: pointer;
}
#feedbackForm .clickarea {
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
#feedbackForm .title {
  background: #F1AC1E;
  color: #FFF;
  font-size: 1rem;
  padding: 8px;
  border-radius: 3px 3px 0 0;
  text-align: center;
  cursor: pointer;
}
#feedbackForm .form {
  padding: 5px;
}
#feedbackForm.active {
  bottom: 25px;
}
#feedbackForm.active .clickarea {
  display: none;
}
#feedbackForm:hover:not(.active) {
  bottom: -300px;
}

.page-container.records-list .search-image {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 0;
}
.page-container.records-list table tr td img {
  max-height: 1000px;
  max-width: 1000px;
  margin-top: auto;
}
.page-container.records-list table tr td dl {
  display: inline-block;
  margin-right: 5px;
}
.page-container.records-list table tr td dl dt {
  font-weight: 600;
}
.page-container.records-list table tr td dl dd {
  margin: 0;
  padding-top: 4px;
  font-size: 0.9rem;
  word-wrap: normal;
}
.page-container.records-list table tr td dl dd h {
  background: rgba(70, 89, 105, 0.3);
  font-weight: 600;
  padding: 0px 3px;
}

.page-container .search-form.quick-search input {
  padding-right: 200px;
}
.page-container.search-results {
  position: relative;
  clear: both;
}
.page-container.search-results aside div.results-count {
  padding: 15px 0 0 0;
  font-size: 0.9rem;
}
.page-container.search-results aside div.results-count h2 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  display: inline;
}
.page-container.search-results aside div.results-count h2.number {
  font-family: "Source Sans Pro", "Open Sans", sans-serif;
  font-size: 2rem;
}
.page-container.search-results aside div.results-count span.title {
  margin-top: 10px;
  display: inline-block;
}
.page-container.search-results aside div.results-count span.max {
  font-size: 0.8rem;
  margin-top: 4px;
  display: block;
}
.page-container.search-results aside div.results-count span.small .number {
  font-size: 1rem;
}
.page-container.search-results aside div.results-count .remove-filters {
  padding-top: 5px;
  display: inline-block;
  color: #F07327;
  cursor: pointer;
}
.page-container.search-results aside div.results-count .remove-filters i {
  font-size: 0.7rem;
}
.page-container.search-results aside div.results-count .remove-filters.red {
  color: #DC3416;
}
.page-container.search-results aside dl {
  margin: 0;
}
.page-container.search-results aside dl dt {
  font-size: 0.9rem;
  font-weight: 600;
}
.page-container.search-results aside dl dt .clear-image-term {
  color: #DE4326;
  font-weight: 300;
}
.page-container.search-results aside dl dd {
  margin: 3px 0 10px 0;
  font-size: 0.9rem;
  white-space: pre-wrap;
}
.page-container.search-results aside dl dd.search-criteria-term {
  line-height: 1.5rem;
  white-space: normal;
  word-wrap: break-word;
}
.page-container.search-results aside .refine {
  width: 100%;
  text-align: center;
}
.page-container.search-results aside a.editable {
  color: #465969;
}
.page-container.search-results aside .editable-buttons {
  display: block;
  float: right;
  clear: both;
  line-height: 32px;
}
.page-container.search-results aside .editable-buttons button i {
  font-size: 0.7rem;
}
.page-container.search-results aside .editable-input.editable-has-buttons {
  width: 100%;
}
.page-container.search-results .tm-extract {
  cursor: pointer;
  position: relative;
}
.page-container.search-results table {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
.page-container.search-results table tr th span.title {
  line-height: 50px;
}
.page-container.search-results table th {
  position: relative;
}
.page-container.search-results table th.table-action {
  border-left: 1px solid #EEF1F3;
  min-width: 65px;
  width: 65px;
  text-align: center;
  cursor: pointer;
}
.page-container.search-results table th.table-index {
  min-width: 25px;
  width: 25px !important;
}
.page-container.search-results table th.tm-flag {
  min-width: 52px;
}
.page-container.search-results table th.tm-number {
  min-width: 95px;
}
.page-container.search-results table th.tm-class {
  min-width: 70px;
}
.page-container.search-results table th.tm-status {
  min-width: 100px;
}
.page-container.search-results table th.tm-dates {
  min-width: 120px;
}
.page-container.search-results table th.tm-annotate {
  min-width: 130px;
}
.page-container.search-results table th:hover .sort i {
  color: #465969;
}
.page-container.search-results table th span.sort {
  position: absolute;
  right: 10px;
  line-height: 30px;
  cursor: pointer;
  font-size: 0.8rem;
  color: #231F20;
  line-height: 46px;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.page-container.search-results table th span.sort i {
  display: inline-block;
  height: 10px;
  color: #738ca2;
}
.page-container.search-results table th span.sort i.ion-sort-asc, .page-container.search-results table th span.sort i.ion-sort-desc {
  color: #465969;
}
.page-container.search-results table td.extract-mark img {
  max-width: 320px !important;
}
.page-container.search-results table td.image.similar {
  border-left: 4px solid #FDD835;
}
.page-container.search-results table td.image.exact {
  border-left: 4px solid #8BC34A;
}
.page-container.search-results table td.image.other {
  border-left: 4px solid #607D8B;
}
.page-container.search-results table td span.description {
  font-weight: 600;
}
.page-container.search-results table td span.large {
  position: absolute;
  left: -9999px;
  top: -99999px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 50;
  cursor: pointer;
  border: 2px solid #202020;
  border-radius: 2px;
  max-height: 300px !important;
  max-width: 300px !important;
  display: block;
  width: 300px;
  height: 300px;
  background-size: contain;
  background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-container.search-results table td span.large:hover {
  opacity: 1;
}
.page-container.search-results table td span.large::before {
  content: " ";
  display: block;
  color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -10px;
  z-index: 40;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #202020;
}
.page-container.search-results table td a.thumb {
  position: relative;
  display: inline-block;
  height: 75px;
  line-height: 75px;
  cursor: none;
}
.page-container.search-results table td a.thumb img {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  cursor: pointer;
  max-height: 75px;
  max-width: 120px;
  vertical-align: middle;
}
.page-container.search-results table td img:hover + span {
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  left: 130px;
}
.page-container.search-results table td dl {
  clear: both;
  margin: 14px 0;
}
.page-container.search-results table td dl dt {
  width: 20%;
  float: left;
}
.page-container.search-results table td dl dd {
  padding-top: 0;
  margin: 0 0 0 16%;
}
.page-container.search-results table td dl dd:not(:first-of-type) {
  margin-left: 20%;
  padding-top: 6px;
}
.page-container.search-results table td dl dd h {
  background: rgba(70, 89, 105, 0.3);
  font-weight: 600;
  padding: 0px 3px;
}
.page-container.search-results table td dl.search-description-list {
  width: 100%;
  margin: 7px 0;
}
.page-container.search-results table td dl.search-description-list dt {
  float: none;
  white-space: nowrap;
}
.page-container.search-results table td dl.search-description-list.even {
  background-color: red;
}
.page-container.search-results table td dl.search-description-list.odd {
  background-color: green;
}
.page-container.search-results table td.combine-search .fetch-checkbox {
  width: 24px;
  height: 26px;
  display: inline-block;
}

a.title.clickable {
  color: #465969 !important;
}

#publication-details {
  padding: 2rem;
}
#publication-details h4 {
  margin: 0 0 1rem 0;
  font-weight: 600;
}
#publication-details p {
  font-size: 0.8rem;
}
#publication-details table {
  width: 100%;
  border: 0;
}
#publication-details table td {
  padding: 0.5rem;
  border: 1px solid #EEE;
}
#publication-details table th {
  border: 0;
  background: #EEE;
  padding: 0.5rem !important;
}

#journal-cover, #journal-fields {
  display: none;
}

@media print {
  #journal-cover, #journal-fields {
    display: block;
  }

  .journal-base {
    font-family: "Times New Roman", "Arial", sans-serif;
    font-size: 1rem;
    width: 100%;
  }

  #journal-cover {
    text-align: center;
    text-transform: uppercase;
    padding-top: 2cm;
  }
  #journal-cover img {
    width: 12cm;
  }
  #journal-cover p {
    margin-top: 3cm;
    font-size: 1.3rem;
  }
  #journal-cover p span {
    font-size: 1.4rem;
  }
  #journal-cover .bottom {
    text-transform: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8cm;
    border-top: 1px solid black;
    padding: 10px 0;
    width: 16cm;
    font-size: 0.9rem;
  }

  #journal-fields {
    position: relative;
    padding-top: 2cm;
  }
  #journal-fields table {
    width: 100%;
    margin: 1cm 0;
  }
  #journal-fields table td {
    vertical-align: top;
  }
  #journal-fields table td:first-of-type {
    width: 2cm;
  }
  #journal-fields table td dl dd, #journal-fields table td dl dt {
    display: inline-block;
  }
  #journal-fields table td dl dd {
    margin-left: 0.5cm;
  }

  #publication-details {
    padding: 0;
  }
  #publication-details .publication-type {
    padding-top: 0.5cm;
    font-size: 1.1rem;
  }
  #publication-details .publication-type:not(.first) {
    page-break-before: always;
  }
  #publication-details img {
    max-width: 15cm;
  }
  #publication-details table {
    margin-top: 1cm;
    page-break-inside: auto;
  }
  #publication-details table td:first-of-type {
    vertical-align: top;
  }
  #publication-details table td, #publication-details table tr {
    page-break-inside: auto;
  }
  #publication-details .details {
    margin-top: 1cm;
  }
}
div.main-div {
  margin-top: 50px;
  margin-left: 600px;
  margin-bottom: 50px;
  border: 1px solid;
  width: 500px;
  height: 300px;
}
div.main-div div.login-header {
  background-color: #315E88;
  width: 500px;
  height: 40px;
  color: #FFF;
  margin-bottom: 30px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
div.main-div div.login-body {
  width: 500px;
  height: 500px;
  margin: 50px;
}
div.main-div div.login-body div.form-input input {
  width: 300px;
  height: 30px;
}
div.main-div div.login-body div.form-input .login-name, div.main-div div.login-body div.form-input .login-pass {
  padding-bottom: 20px;
  margin: 2px;
}
div.main-div div.login-body div.form-input .login-footer {
  padding-left: 30px;
}
div.main-div div.login-body div.form-input .login-footer .input-submit input {
  background-color: #315E88;
  color: #FFF;
  font-size: 1rem;
}
div.main-div div.login-body div.form-input .login-footer .input-submit input:hover {
  opacity: 1;
}

.delete-main {
  margin: 20px;
  padding: 20px;
}
.delete-main .delete-submit {
  margin-top: 10px;
}
.delete-main .delete-submit input {
  background-color: #315E88;
  color: #FFF;
}
.delete-main .delete-submit input:hover {
  opacity: 1;
  background-color: #FFF;
  color: #315E88;
}
.delete-main #tmIds {
  width: 600px;
  height: 100px;
}


@font-face {
  font-family: "Source Sans Pro";
  src: url(fonts/SourceSansPro-Regular.eot);
  src: url(fonts/SourceSansPro-Regular.eot?#iefix&v=1.1.0) format("embedded-opentype"), url(fonts/SourceSansPro-Regular.woff) format("woff"), url(fonts/SourceSansPro-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "IcoMoon-Free";
  src: url(fonts/IcoMoon-Free.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.icon {
  
  font-family: "IcoMoon-Free" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.icon.icon-home:before {
  content: "\E900";
}
.icon.icon-home2:before {
  content: "\E901";
}
.icon.icon-home3:before {
  content: "\E902";
}
.icon.icon-office:before {
  content: "\E903";
}
.icon.icon-newspaper:before {
  content: "\E904";
}
.icon.icon-pencil:before {
  content: "\E905";
}
.icon.icon-pencil2:before {
  content: "\E906";
}
.icon.icon-quill:before {
  content: "\E907";
}
.icon.icon-pen:before {
  content: "\E908";
}
.icon.icon-blog:before {
  content: "\E909";
}
.icon.icon-eyedropper:before {
  content: "\E90A";
}
.icon.icon-droplet:before {
  content: "\E90B";
}
.icon.icon-paint-format:before {
  content: "\E90C";
}
.icon.icon-image:before {
  content: "\E90D";
}
.icon.icon-images:before {
  content: "\E90E";
}
.icon.icon-camera:before {
  content: "\E90F";
}
.icon.icon-headphones:before {
  content: "\E910";
}
.icon.icon-music:before {
  content: "\E911";
}
.icon.icon-play:before {
  content: "\E912";
}
.icon.icon-film:before {
  content: "\E913";
}
.icon.icon-video-camera:before {
  content: "\E914";
}
.icon.icon-dice:before {
  content: "\E915";
}
.icon.icon-pacman:before {
  content: "\E916";
}
.icon.icon-spades:before {
  content: "\E917";
}
.icon.icon-clubs:before {
  content: "\E918";
}
.icon.icon-diamonds:before {
  content: "\E919";
}
.icon.icon-bullhorn:before {
  content: "\E91A";
}
.icon.icon-connection:before {
  content: "\E91B";
}
.icon.icon-podcast:before {
  content: "\E91C";
}
.icon.icon-feed:before {
  content: "\E91D";
}
.icon.icon-mic:before {
  content: "\E91E";
}
.icon.icon-book:before {
  content: "\E91F";
}
.icon.icon-books:before {
  content: "\E920";
}
.icon.icon-library:before {
  content: "\E921";
}
.icon.icon-file-text:before {
  content: "\E922";
}
.icon.icon-profile:before {
  content: "\E923";
}
.icon.icon-file-empty:before {
  content: "\E924";
}
.icon.icon-files-empty:before {
  content: "\E925";
}
.icon.icon-file-text2:before {
  content: "\E926";
}
.icon.icon-file-picture:before {
  content: "\E927";
}
.icon.icon-file-music:before {
  content: "\E928";
}
.icon.icon-file-play:before {
  content: "\E929";
}
.icon.icon-file-video:before {
  content: "\E92A";
}
.icon.icon-file-zip:before {
  content: "\E92B";
}
.icon.icon-copy:before {
  content: "\E92C";
}
.icon.icon-paste:before {
  content: "\E92D";
}
.icon.icon-stack:before {
  content: "\E92E";
}
.icon.icon-folder:before {
  content: "\E92F";
}
.icon.icon-folder-open:before {
  content: "\E930";
}
.icon.icon-folder-plus:before {
  content: "\E931";
}
.icon.icon-folder-minus:before {
  content: "\E932";
}
.icon.icon-folder-download:before {
  content: "\E933";
}
.icon.icon-folder-upload:before {
  content: "\E934";
}
.icon.icon-price-tag:before {
  content: "\E935";
}
.icon.icon-price-tags:before {
  content: "\E936";
}
.icon.icon-barcode:before {
  content: "\E937";
}
.icon.icon-qrcode:before {
  content: "\E938";
}
.icon.icon-ticket:before {
  content: "\E939";
}
.icon.icon-cart:before {
  content: "\E93A";
}
.icon.icon-coin-dollar:before {
  content: "\E93B";
}
.icon.icon-coin-euro:before {
  content: "\E93C";
}
.icon.icon-coin-pound:before {
  content: "\E93D";
}
.icon.icon-coin-yen:before {
  content: "\E93E";
}
.icon.icon-credit-card:before {
  content: "\E93F";
}
.icon.icon-calculator:before {
  content: "\E940";
}
.icon.icon-lifebuoy:before {
  content: "\E941";
}
.icon.icon-phone:before {
  content: "\E942";
}
.icon.icon-phone-hang-up:before {
  content: "\E943";
}
.icon.icon-address-book:before {
  content: "\E944";
}
.icon.icon-envelop:before {
  content: "\E945";
}
.icon.icon-pushpin:before {
  content: "\E946";
}
.icon.icon-location:before {
  content: "\E947";
}
.icon.icon-location2:before {
  content: "\E948";
}
.icon.icon-compass:before {
  content: "\E949";
}
.icon.icon-compass2:before {
  content: "\E94A";
}
.icon.icon-map:before {
  content: "\E94B";
}
.icon.icon-map2:before {
  content: "\E94C";
}
.icon.icon-history:before {
  content: "\E94D";
}
.icon.icon-clock:before {
  content: "\E94E";
}
.icon.icon-clock2:before {
  content: "\E94F";
}
.icon.icon-alarm:before {
  content: "\E950";
}
.icon.icon-bell:before {
  content: "\E951";
}
.icon.icon-stopwatch:before {
  content: "\E952";
}
.icon.icon-calendar:before {
  content: "\E953";
}
.icon.icon-printer:before {
  content: "\E954";
}
.icon.icon-keyboard:before {
  content: "\E955";
}
.icon.icon-display:before {
  content: "\E956";
}
.icon.icon-laptop:before {
  content: "\E957";
}
.icon.icon-mobile:before {
  content: "\E958";
}
.icon.icon-mobile2:before {
  content: "\E959";
}
.icon.icon-tablet:before {
  content: "\E95A";
}
.icon.icon-tv:before {
  content: "\E95B";
}
.icon.icon-drawer:before {
  content: "\E95C";
}
.icon.icon-drawer2:before {
  content: "\E95D";
}
.icon.icon-box-add:before {
  content: "\E95E";
}
.icon.icon-box-remove:before {
  content: "\E95F";
}
.icon.icon-download:before {
  content: "\E960";
}
.icon.icon-upload:before {
  content: "\E961";
}
.icon.icon-floppy-disk:before {
  content: "\E962";
}
.icon.icon-drive:before {
  content: "\E963";
}
.icon.icon-database:before {
  content: "\E964";
}
.icon.icon-undo:before {
  content: "\E965";
}
.icon.icon-redo:before {
  content: "\E966";
}
.icon.icon-undo2:before {
  content: "\E967";
}
.icon.icon-redo2:before {
  content: "\E968";
}
.icon.icon-forward:before {
  content: "\E969";
}
.icon.icon-reply:before {
  content: "\E96A";
}
.icon.icon-bubble:before {
  content: "\E96B";
}
.icon.icon-bubbles:before {
  content: "\E96C";
}
.icon.icon-bubbles2:before {
  content: "\E96D";
}
.icon.icon-bubble2:before {
  content: "\E96E";
}
.icon.icon-bubbles3:before {
  content: "\E96F";
}
.icon.icon-bubbles4:before {
  content: "\E970";
}
.icon.icon-user:before {
  content: "\E971";
}
.icon.icon-users:before {
  content: "\E972";
}
.icon.icon-user-plus:before {
  content: "\E973";
}
.icon.icon-user-minus:before {
  content: "\E974";
}
.icon.icon-user-check:before {
  content: "\E975";
}
.icon.icon-user-tie:before {
  content: "\E976";
}
.icon.icon-quotes-left:before {
  content: "\E977";
}
.icon.icon-quotes-right:before {
  content: "\E978";
}
.icon.icon-hour-glass:before {
  content: "\E979";
}
.icon.icon-spinner:before {
  content: "\E97A";
}
.icon.icon-spinner2:before {
  content: "\E97B";
}
.icon.icon-spinner3:before {
  content: "\E97C";
}
.icon.icon-spinner4:before {
  content: "\E97D";
}
.icon.icon-spinner5:before {
  content: "\E97E";
}
.icon.icon-spinner6:before {
  content: "\E97F";
}
.icon.icon-spinner7:before {
  content: "\E980";
}
.icon.icon-spinner8:before {
  content: "\E981";
}
.icon.icon-spinner9:before {
  content: "\E982";
}
.icon.icon-spinner10:before {
  content: "\E983";
}
.icon.icon-spinner11:before {
  content: "\E984";
}
.icon.icon-binoculars:before {
  content: "\E985";
}
.icon.icon-search:before {
  content: "\E986";
}
.icon.icon-zoom-in:before {
  content: "\E987";
}
.icon.icon-zoom-out:before {
  content: "\E988";
}
.icon.icon-enlarge:before {
  content: "\E989";
}
.icon.icon-shrink:before {
  content: "\E98A";
}
.icon.icon-enlarge2:before {
  content: "\E98B";
}
.icon.icon-shrink2:before {
  content: "\E98C";
}
.icon.icon-key:before {
  content: "\E98D";
}
.icon.icon-key2:before {
  content: "\E98E";
}
.icon.icon-lock:before {
  content: "\E98F";
}
.icon.icon-unlocked:before {
  content: "\E990";
}
.icon.icon-wrench:before {
  content: "\E991";
}
.icon.icon-equalizer:before {
  content: "\E992";
}
.icon.icon-equalizer2:before {
  content: "\E993";
}
.icon.icon-cog:before {
  content: "\E994";
}
.icon.icon-cogs:before {
  content: "\E995";
}
.icon.icon-hammer:before {
  content: "\E996";
}
.icon.icon-magic-wand:before {
  content: "\E997";
}
.icon.icon-aid-kit:before {
  content: "\E998";
}
.icon.icon-bug:before {
  content: "\E999";
}
.icon.icon-pie-chart:before {
  content: "\E99A";
}
.icon.icon-stats-dots:before {
  content: "\E99B";
}
.icon.icon-stats-bars:before {
  content: "\E99C";
}
.icon.icon-stats-bars2:before {
  content: "\E99D";
}
.icon.icon-trophy:before {
  content: "\E99E";
}
.icon.icon-gift:before {
  content: "\E99F";
}
.icon.icon-glass:before {
  content: "\E9A0";
}
.icon.icon-glass2:before {
  content: "\E9A1";
}
.icon.icon-mug:before {
  content: "\E9A2";
}
.icon.icon-spoon-knife:before {
  content: "\E9A3";
}
.icon.icon-leaf:before {
  content: "\E9A4";
}
.icon.icon-rocket:before {
  content: "\E9A5";
}
.icon.icon-meter:before {
  content: "\E9A6";
}
.icon.icon-meter2:before {
  content: "\E9A7";
}
.icon.icon-hammer2:before {
  content: "\E9A8";
}
.icon.icon-fire:before {
  content: "\E9A9";
}
.icon.icon-lab:before {
  content: "\E9AA";
}
.icon.icon-magnet:before {
  content: "\E9AB";
}
.icon.icon-bin:before {
  content: "\E9AC";
}
.icon.icon-bin2:before {
  content: "\E9AD";
}
.icon.icon-briefcase:before {
  content: "\E9AE";
}
.icon.icon-airplane:before {
  content: "\E9AF";
}
.icon.icon-truck:before {
  content: "\E9B0";
}
.icon.icon-road:before {
  content: "\E9B1";
}
.icon.icon-accessibility:before {
  content: "\E9B2";
}
.icon.icon-target:before {
  content: "\E9B3";
}
.icon.icon-shield:before {
  content: "\E9B4";
}
.icon.icon-power:before {
  content: "\E9B5";
}
.icon.icon-switch:before {
  content: "\E9B6";
}
.icon.icon-power-cord:before {
  content: "\E9B7";
}
.icon.icon-clipboard:before {
  content: "\E9B8";
}
.icon.icon-list-numbered:before {
  content: "\E9B9";
}
.icon.icon-list:before {
  content: "\E9BA";
}
.icon.icon-list2:before {
  content: "\E9BB";
}
.icon.icon-tree:before {
  content: "\E9BC";
}
.icon.icon-menu:before {
  content: "\E9BD";
}
.icon.icon-menu2:before {
  content: "\E9BE";
}
.icon.icon-menu3:before {
  content: "\E9BF";
}
.icon.icon-menu4:before {
  content: "\E9C0";
}
.icon.icon-cloud:before {
  content: "\E9C1";
}
.icon.icon-cloud-download:before {
  content: "\E9C2";
}
.icon.icon-cloud-upload:before {
  content: "\E9C3";
}
.icon.icon-cloud-check:before {
  content: "\E9C4";
}
.icon.icon-download2:before {
  content: "\E9C5";
}
.icon.icon-upload2:before {
  content: "\E9C6";
}
.icon.icon-download3:before {
  content: "\E9C7";
}
.icon.icon-upload3:before {
  content: "\E9C8";
}
.icon.icon-sphere:before {
  content: "\E9C9";
}
.icon.icon-earth:before {
  content: "\E9CA";
}
.icon.icon-link:before {
  content: "\E9CB";
}
.icon.icon-flag:before {
  content: "\E9CC";
}
.icon.icon-attachment:before {
  content: "\E9CD";
}
.icon.icon-eye:before {
  content: "\E9CE";
}
.icon.icon-eye-plus:before {
  content: "\E9CF";
}
.icon.icon-eye-minus:before {
  content: "\E9D0";
}
.icon.icon-eye-blocked:before {
  content: "\E9D1";
}
.icon.icon-bookmark:before {
  content: "\E9D2";
}
.icon.icon-bookmarks:before {
  content: "\E9D3";
}
.icon.icon-sun:before {
  content: "\E9D4";
}
.icon.icon-contrast:before {
  content: "\E9D5";
}
.icon.icon-brightness-contrast:before {
  content: "\E9D6";
}
.icon.icon-star-empty:before {
  content: "\E9D7";
}
.icon.icon-star-half:before {
  content: "\E9D8";
}
.icon.icon-star-full:before {
  content: "\E9D9";
}
.icon.icon-heart:before {
  content: "\E9DA";
}
.icon.icon-heart-broken:before {
  content: "\E9DB";
}
.icon.icon-man:before {
  content: "\E9DC";
}
.icon.icon-woman:before {
  content: "\E9DD";
}
.icon.icon-man-woman:before {
  content: "\E9DE";
}
.icon.icon-happy:before {
  content: "\E9DF";
}
.icon.icon-happy2:before {
  content: "\E9E0";
}
.icon.icon-smile:before {
  content: "\E9E1";
}
.icon.icon-smile2:before {
  content: "\E9E2";
}
.icon.icon-tongue:before {
  content: "\E9E3";
}
.icon.icon-tongue2:before {
  content: "\E9E4";
}
.icon.icon-sad:before {
  content: "\E9E5";
}
.icon.icon-sad2:before {
  content: "\E9E6";
}
.icon.icon-wink:before {
  content: "\E9E7";
}
.icon.icon-wink2:before {
  content: "\E9E8";
}
.icon.icon-grin:before {
  content: "\E9E9";
}
.icon.icon-grin2:before {
  content: "\E9EA";
}
.icon.icon-cool:before {
  content: "\E9EB";
}
.icon.icon-cool2:before {
  content: "\E9EC";
}
.icon.icon-angry:before {
  content: "\E9ED";
}
.icon.icon-angry2:before {
  content: "\E9EE";
}
.icon.icon-evil:before {
  content: "\E9EF";
}
.icon.icon-evil2:before {
  content: "\E9F0";
}
.icon.icon-shocked:before {
  content: "\E9F1";
}
.icon.icon-shocked2:before {
  content: "\E9F2";
}
.icon.icon-baffled:before {
  content: "\E9F3";
}
.icon.icon-baffled2:before {
  content: "\E9F4";
}
.icon.icon-confused:before {
  content: "\E9F5";
}
.icon.icon-confused2:before {
  content: "\E9F6";
}
.icon.icon-neutral:before {
  content: "\E9F7";
}
.icon.icon-neutral2:before {
  content: "\E9F8";
}
.icon.icon-hipster:before {
  content: "\E9F9";
}
.icon.icon-hipster2:before {
  content: "\E9FA";
}
.icon.icon-wondering:before {
  content: "\E9FB";
}
.icon.icon-wondering2:before {
  content: "\E9FC";
}
.icon.icon-sleepy:before {
  content: "\E9FD";
}
.icon.icon-sleepy2:before {
  content: "\E9FE";
}
.icon.icon-frustrated:before {
  content: "\E9FF";
}
.icon.icon-frustrated2:before {
  content: "\EA00";
}
.icon.icon-crying:before {
  content: "\EA01";
}
.icon.icon-crying2:before {
  content: "\EA02";
}
.icon.icon-point-up:before {
  content: "\EA03";
}
.icon.icon-point-right:before {
  content: "\EA04";
}
.icon.icon-point-down:before {
  content: "\EA05";
}
.icon.icon-point-left:before {
  content: "\EA06";
}
.icon.icon-warning:before {
  content: "\EA07";
}
.icon.icon-notification:before {
  content: "\EA08";
}
.icon.icon-question:before {
  content: "\EA09";
}
.icon.icon-plus:before {
  content: "\EA0A";
}
.icon.icon-minus:before {
  content: "\EA0B";
}
.icon.icon-info:before {
  content: "\EA0C";
}
.icon.icon-cancel-circle:before {
  content: "\EA0D";
}
.icon.icon-blocked:before {
  content: "\EA0E";
}
.icon.icon-cross:before {
  content: "\EA0F";
}
.icon.icon-checkmark:before {
  content: "\EA10";
}
.icon.icon-checkmark2:before {
  content: "\EA11";
}
.icon.icon-spell-check:before {
  content: "\EA12";
}
.icon.icon-enter:before {
  content: "\EA13";
}
.icon.icon-exit:before {
  content: "\EA14";
}
.icon.icon-play2:before {
  content: "\EA15";
}
.icon.icon-pause:before {
  content: "\EA16";
}
.icon.icon-stop:before {
  content: "\EA17";
}
.icon.icon-previous:before {
  content: "\EA18";
}
.icon.icon-next:before {
  content: "\EA19";
}
.icon.icon-backward:before {
  content: "\EA1A";
}
.icon.icon-forward2:before {
  content: "\EA1B";
}
.icon.icon-play3:before {
  content: "\EA1C";
}
.icon.icon-pause2:before {
  content: "\EA1D";
}
.icon.icon-stop2:before {
  content: "\EA1E";
}
.icon.icon-backward2:before {
  content: "\EA1F";
}
.icon.icon-forward3:before {
  content: "\EA20";
}
.icon.icon-first:before {
  content: "\EA21";
}
.icon.icon-last:before {
  content: "\EA22";
}
.icon.icon-previous2:before {
  content: "\EA23";
}
.icon.icon-next2:before {
  content: "\EA24";
}
.icon.icon-eject:before {
  content: "\EA25";
}
.icon.icon-volume-high:before {
  content: "\EA26";
}
.icon.icon-volume-medium:before {
  content: "\EA27";
}
.icon.icon-volume-low:before {
  content: "\EA28";
}
.icon.icon-volume-mute:before {
  content: "\EA29";
}
.icon.icon-volume-mute2:before {
  content: "\EA2A";
}
.icon.icon-volume-increase:before {
  content: "\EA2B";
}
.icon.icon-volume-decrease:before {
  content: "\EA2C";
}
.icon.icon-loop:before {
  content: "\EA2D";
}
.icon.icon-loop2:before {
  content: "\EA2E";
}
.icon.icon-infinite:before {
  content: "\EA2F";
}
.icon.icon-shuffle:before {
  content: "\EA30";
}
.icon.icon-arrow-up-left:before {
  content: "\EA31";
}
.icon.icon-arrow-up:before {
  content: "\EA32";
}
.icon.icon-arrow-up-right:before {
  content: "\EA33";
}
.icon.icon-arrow-right:before {
  content: "\EA34";
}
.icon.icon-arrow-down-right:before {
  content: "\EA35";
}
.icon.icon-arrow-down:before {
  content: "\EA36";
}
.icon.icon-arrow-down-left:before {
  content: "\EA37";
}
.icon.icon-arrow-left:before {
  content: "\EA38";
}
.icon.icon-arrow-up-left2:before {
  content: "\EA39";
}
.icon.icon-arrow-up2:before {
  content: "\EA3A";
}
.icon.icon-arrow-up-right2:before {
  content: "\EA3B";
}
.icon.icon-arrow-right2:before {
  content: "\EA3C";
}
.icon.icon-arrow-down-right2:before {
  content: "\EA3D";
}
.icon.icon-arrow-down2:before {
  content: "\EA3E";
}
.icon.icon-arrow-down-left2:before {
  content: "\EA3F";
}
.icon.icon-arrow-left2:before {
  content: "\EA40";
}
.icon.icon-circle-up:before {
  content: "\EA41";
}
.icon.icon-circle-right:before {
  content: "\EA42";
}
.icon.icon-circle-down:before {
  content: "\EA43";
}
.icon.icon-circle-left:before {
  content: "\EA44";
}
.icon.icon-tab:before {
  content: "\EA45";
}
.icon.icon-move-up:before {
  content: "\EA46";
}
.icon.icon-move-down:before {
  content: "\EA47";
}
.icon.icon-sort-alpha-asc:before {
  content: "\EA48";
}
.icon.icon-sort-alpha-desc:before {
  content: "\EA49";
}
.icon.icon-sort-numeric-asc:before {
  content: "\EA4A";
}
.icon.icon-sort-numberic-desc:before {
  content: "\EA4B";
}
.icon.icon-sort-amount-asc:before {
  content: "\EA4C";
}
.icon.icon-sort-amount-desc:before {
  content: "\EA4D";
}
.icon.icon-command:before {
  content: "\EA4E";
}
.icon.icon-shift:before {
  content: "\EA4F";
}
.icon.icon-ctrl:before {
  content: "\EA50";
}
.icon.icon-opt:before {
  content: "\EA51";
}
.icon.icon-checkbox-checked:before {
  content: "\EA52";
}
.icon.icon-checkbox-unchecked:before {
  content: "\EA53";
}
.icon.icon-radio-checked:before {
  content: "\EA54";
}
.icon.icon-radio-checked2:before {
  content: "\EA55";
}
.icon.icon-radio-unchecked:before {
  content: "\EA56";
}
.icon.icon-crop:before {
  content: "\EA57";
}
.icon.icon-make-group:before {
  content: "\EA58";
}
.icon.icon-ungroup:before {
  content: "\EA59";
}
.icon.icon-scissors:before {
  content: "\EA5A";
}
.icon.icon-filter:before {
  content: "\EA5B";
}
.icon.icon-font:before {
  content: "\EA5C";
}
.icon.icon-ligature:before {
  content: "\EA5D";
}
.icon.icon-ligature2:before {
  content: "\EA5E";
}
.icon.icon-text-height:before {
  content: "\EA5F";
}
.icon.icon-text-width:before {
  content: "\EA60";
}
.icon.icon-font-size:before {
  content: "\EA61";
}
.icon.icon-bold:before {
  content: "\EA62";
}
.icon.icon-underline:before {
  content: "\EA63";
}
.icon.icon-italic:before {
  content: "\EA64";
}
.icon.icon-strikethrough:before {
  content: "\EA65";
}
.icon.icon-omega:before {
  content: "\EA66";
}
.icon.icon-sigma:before {
  content: "\EA67";
}
.icon.icon-page-break:before {
  content: "\EA68";
}
.icon.icon-superscript:before {
  content: "\EA69";
}
.icon.icon-subscript:before {
  content: "\EA6A";
}
.icon.icon-superscript2:before {
  content: "\EA6B";
}
.icon.icon-subscript2:before {
  content: "\EA6C";
}
.icon.icon-text-color:before {
  content: "\EA6D";
}
.icon.icon-pagebreak:before {
  content: "\EA6E";
}
.icon.icon-clear-formatting:before {
  content: "\EA6F";
}
.icon.icon-table:before {
  content: "\EA70";
}
.icon.icon-table2:before {
  content: "\EA71";
}
.icon.icon-insert-template:before {
  content: "\EA72";
}
.icon.icon-pilcrow:before {
  content: "\EA73";
}
.icon.icon-ltr:before {
  content: "\EA74";
}
.icon.icon-rtl:before {
  content: "\EA75";
}
.icon.icon-section:before {
  content: "\EA76";
}
.icon.icon-paragraph-left:before {
  content: "\EA77";
}
.icon.icon-paragraph-center:before {
  content: "\EA78";
}
.icon.icon-paragraph-right:before {
  content: "\EA79";
}
.icon.icon-paragraph-justify:before {
  content: "\EA7A";
}
.icon.icon-indent-increase:before {
  content: "\EA7B";
}
.icon.icon-indent-decrease:before {
  content: "\EA7C";
}
.icon.icon-share:before {
  content: "\EA7D";
}
.icon.icon-new-tab:before {
  content: "\EA7E";
}
.icon.icon-embed:before {
  content: "\EA7F";
}
.icon.icon-embed2:before {
  content: "\EA80";
}
.icon.icon-terminal:before {
  content: "\EA81";
}
.icon.icon-share2:before {
  content: "\EA82";
}
.icon.icon-mail:before {
  content: "\EA83";
}
.icon.icon-mail2:before {
  content: "\EA84";
}
.icon.icon-mail3:before {
  content: "\EA85";
}
.icon.icon-mail4:before {
  content: "\EA86";
}
.icon.icon-amazon:before {
  content: "\EA87";
}
.icon.icon-google:before {
  content: "\EA88";
}
.icon.icon-google2:before {
  content: "\EA89";
}
.icon.icon-google3:before {
  content: "\EA8A";
}
.icon.icon-google-plus:before {
  content: "\EA8B";
}
.icon.icon-google-plus2:before {
  content: "\EA8C";
}
.icon.icon-google-plus3:before {
  content: "\EA8D";
}
.icon.icon-hangouts:before {
  content: "\EA8E";
}
.icon.icon-google-drive:before {
  content: "\EA8F";
}
.icon.icon-facebook:before {
  content: "\EA90";
}
.icon.icon-facebook2:before {
  content: "\EA91";
}
.icon.icon-instagram:before {
  content: "\EA92";
}
.icon.icon-whatsapp:before {
  content: "\EA93";
}
.icon.icon-spotify:before {
  content: "\EA94";
}
.icon.icon-telegram:before {
  content: "\EA95";
}
.icon.icon-twitter:before {
  content: "\EA96";
}
.icon.icon-vine:before {
  content: "\EA97";
}
.icon.icon-vk:before {
  content: "\EA98";
}
.icon.icon-renren:before {
  content: "\EA99";
}
.icon.icon-sina-weibo:before {
  content: "\EA9A";
}
.icon.icon-rss:before {
  content: "\EA9B";
}
.icon.icon-rss2:before {
  content: "\EA9C";
}
.icon.icon-youtube:before {
  content: "\EA9D";
}
.icon.icon-youtube2:before {
  content: "\EA9E";
}
.icon.icon-twitch:before {
  content: "\EA9F";
}
.icon.icon-vimeo:before {
  content: "\EAA0";
}
.icon.icon-vimeo2:before {
  content: "\EAA1";
}
.icon.icon-lanyrd:before {
  content: "\EAA2";
}
.icon.icon-flickr:before {
  content: "\EAA3";
}
.icon.icon-flickr2:before {
  content: "\EAA4";
}
.icon.icon-flickr3:before {
  content: "\EAA5";
}
.icon.icon-flickr4:before {
  content: "\EAA6";
}
.icon.icon-dribbble:before {
  content: "\EAA7";
}
.icon.icon-behance:before {
  content: "\EAA8";
}
.icon.icon-behance2:before {
  content: "\EAA9";
}
.icon.icon-deviantart:before {
  content: "\EAAA";
}
.icon.icon-500px:before {
  content: "\EAAB";
}
.icon.icon-steam:before {
  content: "\EAAC";
}
.icon.icon-steam2:before {
  content: "\EAAD";
}
.icon.icon-dropbox:before {
  content: "\EAAE";
}
.icon.icon-onedrive:before {
  content: "\EAAF";
}
.icon.icon-github:before {
  content: "\EAB0";
}
.icon.icon-npm:before {
  content: "\EAB1";
}
.icon.icon-basecamp:before {
  content: "\EAB2";
}
.icon.icon-trello:before {
  content: "\EAB3";
}
.icon.icon-wordpress:before {
  content: "\EAB4";
}
.icon.icon-joomla:before {
  content: "\EAB5";
}
.icon.icon-ello:before {
  content: "\EAB6";
}
.icon.icon-blogger:before {
  content: "\EAB7";
}
.icon.icon-blogger2:before {
  content: "\EAB8";
}
.icon.icon-tumblr:before {
  content: "\EAB9";
}
.icon.icon-tumblr2:before {
  content: "\EABA";
}
.icon.icon-yahoo:before {
  content: "\EABB";
}
.icon.icon-yahoo2:before {
  content: "\EABC";
}
.icon.icon-tux:before {
  content: "\EABD";
}
.icon.icon-appleinc:before {
  content: "\EABE";
}
.icon.icon-finder:before {
  content: "\EABF";
}
.icon.icon-android:before {
  content: "\EAC0";
}
.icon.icon-windows:before {
  content: "\EAC1";
}
.icon.icon-windows8:before {
  content: "\EAC2";
}
.icon.icon-soundcloud:before {
  content: "\EAC3";
}
.icon.icon-soundcloud2:before {
  content: "\EAC4";
}
.icon.icon-skype:before {
  content: "\EAC5";
}
.icon.icon-reddit:before {
  content: "\EAC6";
}
.icon.icon-hackernews:before {
  content: "\EAC7";
}
.icon.icon-wikipedia:before {
  content: "\EAC8";
}
.icon.icon-linkedin:before {
  content: "\EAC9";
}
.icon.icon-linkedin2:before {
  content: "\EACA";
}
.icon.icon-lastfm:before {
  content: "\EACB";
}
.icon.icon-lastfm2:before {
  content: "\EACC";
}
.icon.icon-delicious:before {
  content: "\EACD";
}
.icon.icon-stumbleupon:before {
  content: "\EACE";
}
.icon.icon-stumbleupon2:before {
  content: "\EACF";
}
.icon.icon-stackoverflow:before {
  content: "\EAD0";
}
.icon.icon-pinterest:before {
  content: "\EAD1";
}
.icon.icon-pinterest2:before {
  content: "\EAD2";
}
.icon.icon-xing:before {
  content: "\EAD3";
}
.icon.icon-xing2:before {
  content: "\EAD4";
}
.icon.icon-flattr:before {
  content: "\EAD5";
}
.icon.icon-foursquare:before {
  content: "\EAD6";
}
.icon.icon-yelp:before {
  content: "\EAD7";
}
.icon.icon-paypal:before {
  content: "\EAD8";
}
.icon.icon-chrome:before {
  content: "\EAD9";
}
.icon.icon-firefox:before {
  content: "\EADA";
}
.icon.icon-IE:before {
  content: "\EADB";
}
.icon.icon-edge:before {
  content: "\EADC";
}
.icon.icon-safari:before {
  content: "\EADD";
}
.icon.icon-opera:before {
  content: "\EADE";
}
.icon.icon-file-pdf:before {
  content: "\EADF";
}
.icon.icon-file-openoffice:before {
  content: "\EAE0";
}
.icon.icon-file-word:before {
  content: "\EAE1";
}
.icon.icon-file-excel:before {
  content: "\EAE2";
}
.icon.icon-libreoffice:before {
  content: "\EAE3";
}
.icon.icon-html-five:before {
  content: "\EAE4";
}
.icon.icon-html-five2:before {
  content: "\EAE5";
}
.icon.icon-css3:before {
  content: "\EAE6";
}
.icon.icon-git:before {
  content: "\EAE7";
}
.icon.icon-codepen:before {
  content: "\EAE8";
}
.icon.icon-svg:before {
  content: "\EAE9";
}
.icon.icon-IcoMoon:before {
  content: "\EAEA";
}
.icon.icon-uni21:before {
  content: "!";
}
.icon.icon-uni22:before {
  content: '"';
}
.icon.icon-uni23:before {
  content: "#";
}
.icon.icon-uni24:before {
  content: "$";
}
.icon.icon-uni25:before {
  content: "%";
}
.icon.icon-uni26:before {
  content: "&";
}
.icon.icon-uni27:before {
  content: "'";
}
.icon.icon-uni28:before {
  content: "(";
}
.icon.icon-uni29:before {
  content: ")";
}
.icon.icon-uni2A:before {
  content: "*";
}
.icon.icon-uni2B:before {
  content: "+";
}
.icon.icon-uni2C:before {
  content: ",";
}
.icon.icon-uni2D:before {
  content: "-";
}
.icon.icon-uni2E:before {
  content: ".";
}
.icon.icon-uni2F:before {
  content: "/";
}
.icon.icon-uni30:before {
  content: "0";
}
.icon.icon-uni31:before {
  content: "1";
}
.icon.icon-uni32:before {
  content: "2";
}
.icon.icon-uni33:before {
  content: "3";
}
.icon.icon-uni34:before {
  content: "4";
}
.icon.icon-uni35:before {
  content: "5";
}
.icon.icon-uni36:before {
  content: "6";
}
.icon.icon-uni37:before {
  content: "7";
}
.icon.icon-uni38:before {
  content: "8";
}
.icon.icon-uni39:before {
  content: "9";
}
.icon.icon-uni3A:before {
  content: ":";
}
.icon.icon-uni3B:before {
  content: ";";
}
.icon.icon-uni3C:before {
  content: "<";
}
.icon.icon-uni3D:before {
  content: "=";
}
.icon.icon-uni3E:before {
  content: ">";
}
.icon.icon-uni3F:before {
  content: "?";
}
.icon.icon-uni40:before {
  content: "@";
}
.icon.icon-uni41:before {
  content: "A";
}
.icon.icon-uni42:before {
  content: "B";
}
.icon.icon-uni43:before {
  content: "C";
}
.icon.icon-uni44:before {
  content: "D";
}
.icon.icon-uni45:before {
  content: "E";
}
.icon.icon-uni46:before {
  content: "F";
}
.icon.icon-uni47:before {
  content: "G";
}
.icon.icon-uni48:before {
  content: "H";
}
.icon.icon-uni49:before {
  content: "I";
}
.icon.icon-uni4A:before {
  content: "J";
}
.icon.icon-uni4B:before {
  content: "K";
}
.icon.icon-uni4C:before {
  content: "L";
}
.icon.icon-uni4D:before {
  content: "M";
}
.icon.icon-uni4E:before {
  content: "N";
}
.icon.icon-uni4F:before {
  content: "O";
}
.icon.icon-uni50:before {
  content: "P";
}
.icon.icon-uni51:before {
  content: "Q";
}
.icon.icon-uni52:before {
  content: "R";
}
.icon.icon-uni53:before {
  content: "S";
}
.icon.icon-uni54:before {
  content: "T";
}
.icon.icon-uni55:before {
  content: "U";
}
.icon.icon-uni56:before {
  content: "V";
}
.icon.icon-uni57:before {
  content: "W";
}
.icon.icon-uni58:before {
  content: "X";
}
.icon.icon-uni59:before {
  content: "Y";
}
.icon.icon-uni5A:before {
  content: "Z";
}
.icon.icon-uni5B:before {
  content: "[";
}
.icon.icon-uni5C:before {
  content: "\\";
}
.icon.icon-uni5D:before {
  content: "]";
}
.icon.icon-uni5E:before {
  content: "^";
}
.icon.icon-uni5F:before {
  content: "_";
}
.icon.icon-uni60:before {
  content: "`";
}
.icon.icon-uni61:before {
  content: "a";
}
.icon.icon-uni62:before {
  content: "b";
}
.icon.icon-uni63:before {
  content: "c";
}
.icon.icon-uni64:before {
  content: "d";
}
.icon.icon-uni65:before {
  content: "e";
}
.icon.icon-uni66:before {
  content: "f";
}
.icon.icon-uni67:before {
  content: "g";
}
.icon.icon-uni68:before {
  content: "h";
}
.icon.icon-uni69:before {
  content: "i";
}
.icon.icon-uni6A:before {
  content: "j";
}
.icon.icon-uni6B:before {
  content: "k";
}
.icon.icon-uni6C:before {
  content: "l";
}
.icon.icon-uni6D:before {
  content: "m";
}
.icon.icon-uni6E:before {
  content: "n";
}
.icon.icon-uni6F:before {
  content: "o";
}
.icon.icon-uni70:before {
  content: "p";
}
.icon.icon-uni71:before {
  content: "q";
}
.icon.icon-uni72:before {
  content: "r";
}
.icon.icon-uni73:before {
  content: "s";
}
.icon.icon-uni74:before {
  content: "t";
}
.icon.icon-uni75:before {
  content: "u";
}
.icon.icon-uni76:before {
  content: "v";
}
.icon.icon-uni77:before {
  content: "w";
}
.icon.icon-uni78:before {
  content: "x";
}
.icon.icon-uni79:before {
  content: "y";
}
.icon.icon-uni7A:before {
  content: "z";
}
.icon.icon-uni7B:before {
  content: "{";
}
.icon.icon-uni7C:before {
  content: "|";
}
.icon.icon-uni7D:before {
  content: "}";
}
.icon.icon-uni7E:before {
  content: "~";
}
.icon.icon-uniA9:before {
  content: "\A9";
}

@font-face {
  font-family: "ipa-icon";
  src: url(fonts/ipa-icon.eot);
  src: url(fonts/ipa-icon.eot#iefix) format("embedded-opentype"), url(fonts/ipa-icon.ttf) format("truetype"), url(fonts/ipa-icon.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.ipa-icon {
  
  font-family: "ipa-icon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.ipa-icon.chevron-double-left:before {
  content: "\E90A";
}
.ipa-icon.chevron-double-right:before {
  content: "\E90B";
}
.ipa-icon.cross-t:before {
  content: "\E900";
}
.ipa-icon.save-t:before {
  content: "\E901";
}
.ipa-icon.camera-t:before {
  content: "\E902";
}
.ipa-icon.search-t:before {
  content: "\E903";
}
.ipa-icon.home-t:before {
  content: "\E904";
}
.ipa-icon.text:before {
  content: "\E905";
}
.ipa-icon.people:before {
  content: "\E906";
}
.ipa-icon.number:before {
  content: "\E907";
}
.ipa-icon.chevron-right:before {
  content: "\E908";
}
.ipa-icon.chevron-left:before {
  content: "\E909";
}

@font-face {
  font-family: "Times New Roman";
  src: url(fonts/times_new_roman.eot);
  src: url(fonts/times_new_roman.eot?#iefix) format("embedded-opentype"), url(fonts/times_new_roman.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Times New Roman";
  src: url(fonts/times_new_roman_bold.eot);
  src: url(fonts/times_new_roman_bold.eot?#iefix) format("embedded-opentype"), url(fonts/times_new_roman_bold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
body {
  border: 0;
  padding: 0;
  margin: 0;
  background: #FFF;
  font-family: "Open Sans", sans-serif, Arial, Verdana;
  font-size: 1rem;
  line-height: normal !important;
}
body button,
body input,
body optgroup,
body select,
body textarea {
  font-family: "Open Sans", sans-serif, Arial, Verdana;
  line-height: normal !important;
}

.js .js-hide, .js select {
  display: none;
}

a {
  color: #015A96;
  text-decoration: none;
}
a i {
  font-size: 0.9rem;
}

input[type=text], input[type=password] {
  width: 100%;
  font-size: 0.9rem;
  box-sizing: border-box;
  line-height: 1.2rem;
}

input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
  padding: 9px;
  border: solid 1px #D2D2D2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 2px #465969;
  border: solid 1px #465969;
}

div[isteven-multi-select] button:focus, input[type=checkbox]:focus, button:focus, a.button:focus {
  outline: none;
  box-shadow: 0 0 2px #465969;
  border: solid 1px #465969;
}

i.u {
  text-decoration: underline;
  font-style: normal;
}

.sr-only {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.box-with-shadow {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  padding: 20px;
  clear: both;
  margin: 10px;
  background: #FFF;
  border-radius: 3px;
}

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

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

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

.quick-search-bar {
  position: relative;
}

#resultCount {
  position: absolute;
  top: 2px;
  right: 130px;
  color: #465969;
  transition: all 0.3s ease;
}

footer.fixed {
  background-color: #465969;
}

.error {
  color: #AA0000;
}

.hidden {
  display: none;
}

#pageContent {
  min-height: calc(100vh - 60px - 75px);
}

table {
  padding: 0 !important;
  border-spacing: 0;
}
table thead, table tfoot {
  background-color: #FFF;
  color: #231F20;
  font-size: 0.8rem;
  font-weight: normal;
}
table thead th, table tfoot th {
  padding-left: 0 !important;
  font-weight: 600;
  text-align: left;
}
table tbody tr {
  font-size: 0.9rem;
}
table tbody td {
  padding: 10px;
  font-size: 0.9rem;
  font-weight: 400;
}

table.fetch-table thead, table.fetch-table tfoot {
  border-bottom: #D2D2D2;
}
table.fetch-table thead tr, table.fetch-table tfoot tr {
  height: 50px;
  line-height: 50px;
}
table.fetch-table thead tr th, table.fetch-table thead tr td, table.fetch-table tfoot tr th, table.fetch-table tfoot tr td {
  float: none !important;
  font-weight: normal;
}
table.fetch-table thead tr th.no-border, table.fetch-table thead tr td.no-border, table.fetch-table tfoot tr th.no-border, table.fetch-table tfoot tr td.no-border {
  border-left: none;
}
table.fetch-table thead tr th.sortable, table.fetch-table thead tr td.sortable, table.fetch-table tfoot tr th.sortable, table.fetch-table tfoot tr td.sortable {
  cursor: pointer;
}
table.fetch-table thead tr th span.title, table.fetch-table tfoot tr th span.title {
  border-left: 1px solid #f9f9f9;
  line-height: 30px;
  display: inline-block;
  padding-left: 10px;
}
table.fetch-table thead tr th span.title.noborder, table.fetch-table tfoot tr th span.title.noborder {
  border-left: none;
}
table.fetch-table thead tr th span.title.clickable, table.fetch-table tfoot tr th span.title.clickable {
  cursor: pointer;
}
table.fetch-table thead tr th .sort-by, table.fetch-table tfoot tr th .sort-by {
  text-align: center;
}
table.fetch-table thead tr th .sort-by.user-buttons button, table.fetch-table thead tr th .sort-by.user-buttons a.button, table.fetch-table tfoot tr th .sort-by.user-buttons button, table.fetch-table tfoot tr th .sort-by.user-buttons a.button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0;
  padding: 4px 7px;
  border: none;
  background: #FFF;
  font-size: 0.9rem;
  color: #465969;
}
table.fetch-table thead tr th .sort-by.user-buttons button i, table.fetch-table thead tr th .sort-by.user-buttons a.button i, table.fetch-table tfoot tr th .sort-by.user-buttons button i, table.fetch-table tfoot tr th .sort-by.user-buttons a.button i {
  font-size: 1.1rem;
}
table.fetch-table thead tr th .sort-by.user-buttons button.active, table.fetch-table thead tr th .sort-by.user-buttons a.button.active, table.fetch-table tfoot tr th .sort-by.user-buttons button.active, table.fetch-table tfoot tr th .sort-by.user-buttons a.button.active {
  background: #465969;
  color: #FFF;
}
table.fetch-table thead tr th .sort-by.user-buttons button.home i, table.fetch-table thead tr th .sort-by.user-buttons a.button.home i, table.fetch-table tfoot tr th .sort-by.user-buttons button.home i, table.fetch-table tfoot tr th .sort-by.user-buttons a.button.home i {
  font-size: 1.5rem;
  vertical-align: middle;
}
table.fetch-table thead tr th .sort-by.user-buttons .dropdown-menu .content, table.fetch-table tfoot tr th .sort-by.user-buttons .dropdown-menu .content {
  border-radius: 0 0 2px 2px;
}
table.fetch-table tfoot tr {
  border-top: #D2D2D2;
}
table.fetch-table tfoot tr td {
  border-left: none;
}
table.fetch-table tbody tr {
  height: 80px;
  max-height: 80px;
  background: #FFF;
  cursor: pointer;
}
table.fetch-table tbody tr.search-record {
  height: 58px;
  max-height: 88px;
}
table.fetch-table tbody tr.search-record td {
  padding: 7px !important;
}
table.fetch-table tbody tr.swap-color {
  background: #f9f9f9;
}
table.fetch-table tbody tr.no-mouse-click {
  cursor: default;
}
table.fetch-table tbody tr td {
  padding: 10px;
  font-size: 0.9rem;
  font-weight: 400;
  float: none !important;
}
table.fetch-table tbody tr td img {
  max-height: 60px;
  max-width: 100px;
}
table.fetch-table tbody tr td.index, table.fetch-table tbody tr td.flags, table.fetch-table tbody tr td.extract, table.fetch-table tbody tr td.center-align {
  text-align: center;
}
table.fetch-table tbody tr td.extract {
  width: 5% !important;
}
table.fetch-table tbody tr td.number a {
  color: #015A96;
  font-weight: 600;
  margin-bottom: 3px;
  display: block;
  margin-bottom: 3px;
}
table.fetch-table tbody tr td.number a:hover {
  text-decoration: underline;
}
table.fetch-table tbody tr td.number a:visited, table.fetch-table tbody tr td.number a:link {
  color: #015A96;
}
table.fetch-table tbody tr td.number span {
  display: block;
}
table.fetch-table tbody tr td.trademark {
  position: relative;
  font-weight: 600;
}
table.fetch-table tbody tr td.trademark.words {
  word-break: break-word;
  word-wrap: break-word;
  white-space: normal;
}
table.fetch-table tbody tr td.table-index {
  padding-right: 0;
  width: 2% !important;
  text-align: center;
}
table.fetch-table tbody tr td.table-index.with-checkbox span {
  display: inline-block;
  width: 26px;
  text-align: center;
}
table.fetch-table tbody tr td.table-index.with-checkbox label {
  display: none;
}
table.fetch-table tbody tr td.search-actions {
  min-width: 90px;
}
table.fetch-table tbody tr.mark-line td {
  padding: 5px 5px 5px 10px;
}
table.fetch-table tbody tr.mark-line td.annotation .annotation-list ul.extracted button:hover + ul, table.fetch-table tbody tr.mark-line td.annotation .annotation-list ul.extracted button:focus + ul {
  left: -76px;
}
table.fetch-table tbody tr.mark-line td.annotation .annotation-list[data-expanded=true] ul, table.fetch-table tbody tr.mark-line td.annotation .annotation-list:hover ul {
  left: -76px;
}
table.fetch-table tbody tr.mark-line td.status div {
  display: flex;
  align-items: center;
}
table.fetch-table tbody tr.mark-line td.status div i {
  height: 100%;
  margin: 0 3px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
table.fetch-table tbody tr.subrow {
  min-height: 50px;
  height: 50px;
  font-size: 1rem;
}
table.fetch-table tbody tr.subrow td {
  padding-bottom: 10px;
  vertical-align: top;
}
table.fetch-table tbody.clickable:hover tr, table.fetch-table tbody.clickable.selected tr {
  background: #ececec;
}
table.fetch-table tbody.clickable:hover tr td.extract, table.fetch-table tbody.clickable.selected tr td.extract {
  background: #efefef;
}
table.fetch-table tbody.clickable.selected {
  box-shadow: -2px 0 0px #465969;
}
table.fetch-table tbody.clickable:hover .with-checkbox span {
  display: none;
}
table.fetch-table tbody.clickable:hover .with-checkbox label {
  display: inline;
}

#reportContent header {
  text-align: center;
  margin-bottom: 30px;
}
#reportContent header.bigger {
  height: 310px;
}
#reportContent header p {
  font-size: 0.8rem;
  text-align: center;
}
#reportContent header img {
  height: 80px;
  width: auto;
  display: inline-block;
  margin-bottom: 20px;
}
#reportContent #disclaimer h3 {
  margin-top: 1cm;
}
#reportContent #disclaimer p {
  text-align: left;
  font-size: 0.7rem !important;
}
#reportContent #disclaimer li {
  font-size: 0.7rem !important;
  text-align: left;
}
#reportContent table .query-params {
  padding: 2px 10px !important;
  font-size: 12px;
  width: 85% !important;
}
#reportContent .box-with-shadow {
  page-break-inside: auto;
  border: none !important;
  box-shadow: none !important;
  padding: 0;
  font-size: 12px;
}
#reportContent .box-with-shadow * {
  font-size: 12px !important;
}
#reportContent .box-with-shadow dt, #reportContent .box-with-shadow h5 {
  font-weight: bold !important;
}
#reportContent .box-with-shadow dd {
  page-break-inside: auto;
  font-weight: 400 !important;
}
#reportContent .box-with-shadow dl.goods-service {
  display: table-row;
}
#reportContent .box-with-shadow dl.goods-service dt, #reportContent .box-with-shadow dl.goods-service dd {
  display: table-cell;
}
#reportContent .box-with-shadow dl.goods-service dt {
  min-width: 80px;
}
#reportContent .status .lowerStatus {
  display: block;
}
#reportContent .status .ion-record {
  display: none;
}
#reportContent .report-element-title {
  text-align: center;
}

.print-only {
  display: none;
}

@media print {
  #pageContent {
    padding: 0 !important;
    min-height: 0 !important;
  }

  body {
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    top: 0;
    font-size: 16px;
  }
  body header img {
    height: 50px;
  }
  body * {
    box-shadow: none !important;
  }
  body .no-print {
    display: none !important;
  }
  body .print-only {
    display: inline-block;
  }
  body .print-only.print-block {
    display: block;
  }
  body table.records-table dt {
    display: block;
    font-weight: bold;
    width: 140px;
    float: left;
    clear: left;
  }
  body table.records-table dd {
    display: block;
    word-wrap: break-word;
    margin-left: 150px;
  }
  body table.trademark-list tr td {
    padding: 2px 10px !important;
    font-size: 0.8rem;
  }
  body table.trademark-list tr td.status i {
    display: none;
  }
  body table.trademark-list tr td.status span {
    display: block;
  }
  body table tr {
    page-break-inside: avoid;
  }
  body table tr.mark-line {
    height: 50px;
  }
  body table th.title {
    padding: 10px;
    word-wrap: normal;
    white-space: nowrap;
  }
  body .print-100 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    float: none;
    clear: both;
  }
  body aside.print-100 {
    display: block;
    clear: both;
    width: 100% !important;
    position: relative !important;
    margin-bottom: 0.5cm;
    height: auto;
    min-height: 100px;
  }
  body .page-break {
    page-break-before: always;
  }
  body .no-break-before {
    page-break-before: avoid !important;
  }
  body .box-with-shadow {
    padding: 10px;
    margin: 0 !important;
    border: 0;
  }
  body .page-container.mark-details .media-container .image-link {
    line-height: inherit !important;
  }
  body .long-content-container,
body #reportContent .box-with-shadow * {
    font-size: 11pt !important;
    line-height: 1.2rem;
  }
  body .long-content-container .word-terms,
body #reportContent .box-with-shadow * .word-terms {
    font-size: 1rem !important;
  }
  body .list-of-definition tr {
    display: inline !important;
  }
  body .list-of-definition tr:nth-of-type(2n+1):before {
    display: block;
    content: " ";
  }
  body .list-of-definition tr:nth-of-type(2n+1) td:after {
    display: inline;
    content: ":";
  }
  body .list-of-definition span.line-break {
    display: block;
  }
  body .list-of-definition dt {
    display: inline-block;
  }
  body .list-of-definition dt:after {
    display: inline;
    content: ":";
  }
  body .list-of-definition .dt, body .list-of-definition dt {
    display: inline !important;
  }
  body .list-of-definition .dd, body .list-of-definition dd {
    display: inline !important;
  }
  body .list-of-definition dd, body .list-of-definition dt {
    line-height: 1.3rem !important;
  }

  h5 {
    margin: 8px 0 2px 0 !important;
  }

  p {
    margin: 2px 0;
  }

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

  .dd {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  #reportContent .box-with-shadow dt,
#reportContent .box-with-shadow .goods-service .dt {
    font-weight: 600 !important;
  }

  .indexing tr {
    display: inline;
  }
  .indexing td {
    display: inline;
    word-break-wrap: pre;
    white-space: nowrap;
  }
  .indexing td:after {
    content: "  ";
  }
}
@media all and (min-width: 85rem) {
  #floatingTop {
    position: fixed;
    top: 95px;
    display: block !important;
  }
  #floatingTop.visible {
    margin-top: 0;
    opacity: 1;
  }
  #floatingTop:hover i {
    background: #0D252C;
    border-color: #0D252C;
    color: #FFF;
  }
}
body {
  overflow-wrap: break-word;
}
body h {
  background: rgba(70, 89, 105, 0.3);
  font-weight: 600;
  padding: 0px 3px;
}
body #floatingTop {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 2.5rem;
  opacity: 0;
  display: none;
  margin-top: -10px;
  margin-left: -80px;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  text-align: center;
}
body #floatingTop i, body #floatingTop svg {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  border: 3px solid transparent;
  color: #0D252C;
}
body #floatingTop a {
  outline: none;
}
body p a {
  text-decoration: underline;
}
body.search-page {
  min-height: 100vh;
}
body .help {
  line-height: 3rem;
  position: relative;
}
body #windowResize {
  position: fixed;
  bottom: 40px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  color: #FFF;
  background: #666;
  border: 1px solid;
  border-radius: 14px;
  padding: 8px;
  text-align: center;
  font-size: 0.8rem;
  opacity: 0.9;
  display: none;
}
body .fix-max-width {
  position: relative;
  max-width: 73.5rem;
  margin: 0 auto;
}
body .fix-max-width aside.fix {
  width: 14.7rem;
  top: 4rem;
  position: fixed;
}
body .fix-max-width aside.fix.thin {
  width: 11.0526315789rem;
}
body aside {
  background: #f9f9f9;
  height: 100%;
  padding: 20px;
  position: absolute;
  min-height: calc(100vh - 130px);
}
body aside.c-15 + div {
  margin-left: 15%;
}
body aside.c-20 + div {
  margin-left: 20%;
}
body aside input#annotationText {
  margin-top: 5px;
}
body aside span.description, body aside label.description {
  margin-bottom: 10px;
  font-size: 0.8rem;
  font-weight: 400;
  display: block;
}
body aside span.description.in-between, body aside label.description.in-between {
  margin-top: 10px;
}
body aside span.description.little-margin, body aside label.description.little-margin {
  margin-bottom: 10px;
}
body aside div.separator {
  height: 1px;
  width: 85%;
  background: #231F20;
  margin: 20px auto;
  opacity: 0.4;
}
body aside div.separator.no-line {
  background: none;
}
body .dz-preview {
  display: none !important;
}
body div[tm-image] {
  height: 120px;
  width: 200px;
  margin: 10px auto;
  position: relative;
  background: #FBF9F8;
  box-shadow: 0 0 2px #315E88;
}
body div[tm-image]:not(.display-result) {
  border-radius: 2px;
  background: #f9f9f9;
  padding: 10px;
  display: none;
}
body div[tm-image] .image-help {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body div[tm-image] .image-help a.remove-image {
  position: absolute;
  display: block;
  top: 2px;
  right: 10px;
  font-size: 0.8rem;
  color: #D2D2D2;
}
body div[tm-image] .image-help a.remove-image.right-side {
  margin-top: -32px;
}
body div[tm-image].with-image {
  display: block;
}
body div[tm-image].with-image.loaded {
  width: 360px;
  height: auto;
  margin: 25px auto;
}
body div[tm-image].with-image.loaded #imageUploading {
  display: none;
}
body div[tm-image].with-image.loaded .image-help {
  opacity: 1;
  padding-bottom: 10px;
}
body div[tm-image].with-image.loaded .image-help.right-side {
  padding-bottom: 0px;
}
body div[tm-image].with-image #imageUploaded, body div[tm-image].with-image.uploading #imageUploaded {
  display: block;
  position: absolute;
}
body div[tm-image].uploading {
  opacity: 1;
  display: block;
}
body div[tm-image].uploading #imageUploading {
  color: #315E88;
  display: block;
  text-align: center;
  opacity: 0.8;
  margin-top: 0;
}
body div[tm-image].uploading #imageUploading .spinner {
  padding: 18px;
  font-size: 1.3rem;
}
body div[tm-image].uploading #imageUploaded {
  display: none;
}
body div[tm-image] * {
  transition: none !important;
}
body div[tm-image] .cropper-container {
  height: 200px;
  width: 200px;
  margin: 0 auto;
}
body div[tm-image] #uploadedTmImageHolder {
  position: relative;
  margin: 0 auto;
}
body div[tm-image] .image-help h3 {
  font-weight: 400;
  font-size: 1rem;
  margin: 0;
  color: #315E88;
}
body div[tm-image] .image-help p {
  margin: 8px 0;
  font-size: 0.9rem;
}
body div[tm-image] .cropper-view-box {
  background: white !important;
}
body .search-image {
  text-align: center;
  position: relative;
  max-height: 180px;
  max-width: 180px;
  height: auto;
  width: auto;
  opacity: 0;
}
body .search-image .off-segment {
  z-index: 80;
  position: absolute;
  height: 200px;
  opacity: 0.5;
  background: #000;
}
body .search-image .search-segment {
  z-index: 100;
  overflow: hidden;
  position: absolute;
}
body .search-image .image-container {
  position: absolute;
  overflow: hidden;
  background: white;
}
body .search-image .image-container img {
  position: absolute;
}
body .search-image #resultImage {
  top: 0;
  left: 0;
  position: absolute;
}
body .search-image.display-result {
  opacity: 1;
  margin: 0 auto;
}
body #dragDropOverlay {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 100vh;
  width: 100vw;
  background: rgba(70, 89, 105, 0.45);
  z-index: 30;
  opacity: 0;
}
body #dragDropOverlay.visible {
  top: 0;
  left: 0;
  opacity: 1;
}
body #dragDropOverlay.visible .drop-box {
  border: 1px dashed #FFF;
  width: 140px;
  height: 110px;
  display: none;
  text-align: center;
  color: #FFF;
  margin: 55vh auto 0;
  padding: 10px;
}
body #dragDropOverlay.visible .drop-box i {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 3rem;
}
body #dragDropOverlay.visible.drag .drop-box.drop {
  display: block;
}
body #dragDropOverlay.visible.uploading .drop-box.uploading {
  display: block;
}
body #dragDropOverlay.visible.uploading .drop-box.uploading .arrows {
  position: relative;
  height: 65px;
}
body #dragDropOverlay.visible.uploading .drop-box.uploading .arrows i {
  position: absolute;
}
body #dragDropOverlay.visible.uploading .drop-box.uploading .arrows i:nth-of-type(1) {
  top: 0;
  animation: arrow-1 2s infinite;
}
body #dragDropOverlay.visible.uploading .drop-box.uploading .arrows i:nth-of-type(2) {
  top: 5px;
  opacity: 0.75;
  animation: arrow-2 2s infinite;
}
body #dragDropOverlay.visible.uploading .drop-box.uploading .arrows i:nth-of-type(3) {
  top: 10px;
  opacity: 0.45;
  animation: arrow-3 2s infinite;
}
@keyframes arrow-1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrow-2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.75;
  }
  60% {
    opacity: 0.75;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrow-3 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.45;
  }
  60% {
    opacity: 0.45;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body .page-container .no-content {
  text-align: center;
  margin-top: 70px;
}
body .page-container .no-content h3 {
  font-weight: 400;
}
body .page-container .no-content h2 {
  color: #f9f9f9;
}
body .page-container .pagination-container {
  padding-top: 20px;
}
body .page-container .pagination-bottom {
  margin-bottom: 30px;
}
body .page-container .pagination-count {
  font-size: 0.85rem;
  margin: 10px 5px 15px 0;
}
body .page-container i.status {
  font-size: 1.3rem;
  margin-top: -23px;
  display: inline-block;
  height: 10px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  color: #c33f07;
  margin-right: 3px;
}
body .page-container i.status.registered:not(.never) {
  color: #1dbf79;
}
body .page-container i.status.pending {
  color: #ea8f13;
}
body .page-container i.status + p.lowerStatus {
  padding-left: 17px;
  display: block;
  margin: 0;
}
body .error-page {
  text-align: center;
}
body .error-page h1 {
  font-size: 1.2rem;
  margin: 3rem 0;
  font-weight: 600;
}
body .error-page h3 {
  margin: 0;
  font-size: 2.5rem;
  opacity: 0.3;
}
body #invisibleDiv {
  height: 85px;
  display: none;
}
body #invisibleDiv.active {
  display: block;
}
body .arrow-sort:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  display: inline-block;
}
body .arrow-sort.down:before {
  border-width: 4px 4px 0 4px;
  border-color: #738CA2 transparent transparent transparent;
}
body .arrow-sort.up:before {
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #738CA2 transparent;
}
body .font-awesome-icon {
  width: 0.85rem;
  height: 0.85rem;
  display: inline-block;
  vertical-align: -0.125rem;
}

.no-select {
  -webkit-touch-callout: none;
  
  -webkit-user-select: none;
  
  -khtml-user-select: none;
  
  -moz-user-select: none;
  
  -ms-user-select: none;
  
  user-select: none;
  
}

body {
  min-width: 510px;
}

.tmchecker {
  background: white;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 6px 6px;
  padding: 1.25rem !important;
  font-size: 0.7rem;
  text-align: left;
  line-height: 1.2rem;
  min-width: 200px;
}

.page-container.search-form.quick-search .quick-search-max-fill {
  max-width: 69rem;
}

.page-container.search-form.quick-search .quick-help {
  height: auto;
  min-width: 300px;
}

.page-container.search-form.quick-search .quick-help .container {
  position: relative;
}

.page-container.search-form.quick-search .quick-help .quick-search-max {
  min-width: 316px;
}

.page-container.search-form.quick-search .quick-help .quick-help-headers {
  max-width: 69rem;
  margin: 0 auto;
}

.page-container.search-form.quick-search .quick-help .quick-help-header {
  margin-left: 1rem;
  border-radius: unset !important;
}

.page-container.search-form.quick-search .quick-help.acknowledgement {
  clear: both;
  width: auto;
  max-width: 69rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
}

.tmchecker-small {
  display: none;
}

@media (max-width: 800px) {
  #quickBasicSearchForm .c-80 {
    width: 100%;
  }

  #quickBasicSearchForm .c-10 {
    width: 0;
    padding: 0;
    margin: 0;
  }

  #quickBasicSearchForm .tmchecker-large {
    display: none;
  }

  #quickBasicSearchForm .tmchecker-small {
    display: block;
    margin: 2rem;
  }

  .page-container.search-form.quick-search .quick-help .quick-help-headers .c-75 {
    width: 100%;
  }

  .page-container.search-form.quick-search .quick-help.acknowledgement {
    margin-bottom: 4rem;
  }
}
.page-container.search-form.quick-search .quick-help {
  margin-top: 50px;
}

.page-container.search-form.quick-search .quick-help .container {
  top: 0;
  left: 0;
  width: auto;
  margin: 0;
}

.page-container.search-form.quick-search .quick-help .quick-help-header {
  height: auto;
  width: auto;
  background: red;
}

.page-container.search-form.quick-search .quick-help .quick-help-header .icon {
  position: absolute;
  top: -50px;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.page-container.search-form.quick-search .quick-help .help-container:not(:hover) .info-words .icon {
  background: #2b8fb2;
}


.page-container.search-form.quick-search .quick-help .quick-help-header.info-words .icon {
  left: calc(1rem + 0px);
  border-radius: 5px 0 0 0;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1) .icon {
  background: rgba(43, 143, 178, 0.8);
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1):hover .icon {
  background: #2b8fb2;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(1):before {
  z-index: 9;
  left: calc(1rem + 0px);
  background: #1c5e74;
  border-radius: 5px 0 0 0;
  top: -50px;
}


.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2) .icon {
  left: calc(1rem + 50px);
  background: rgba(112, 69, 121, 0.8);
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2):hover .icon {
  background: #704579;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(2):before {
  z-index: 9;
  left: calc(1rem + 50px);
  background: #432948;
  border-radius: 0 0 0 0;
  top: -50px;
}


.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3) .icon {
  left: calc(1rem + 100px);
  background: rgba(57, 131, 66, 0.8);
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3):hover .icon {
  background: #398342FF;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(3):before {
  z-index: 9;
  left: calc(1rem + 100px);
  background: #398342FF;
  border-radius: 0 0 0 0;
  top: -50px;
}


.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4) .icon {
  left: calc(1rem + 150px);
  background: rgba(241, 172, 30, 0.8);
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4):hover .icon {
  background: #F1AC1EFF;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(4):before {
  z-index: 9;
  left: calc(1rem + 150px);
  background: #F1AC1EFF;
  border-radius: 0 0 0 0;
  top: -50px;
}


.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5) .icon {
  left: calc(1rem + 200px);
  background: rgba(239, 133, 61, 0.8);
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5):hover .icon {
  background: #EF853DFF;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(5):before {
  z-index: 9;
  left: calc(1rem + 200px);
  background: #EF853DFF;
  border-radius: 0 0 0 0;
  top: -50px;
}


.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6) .icon {
  left: calc(1rem + 250px);
  background: rgba(222, 67, 38, 0.8);
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6):hover .icon {
  background: #DE4326FF;
}

.page-container.search-form.quick-search .quick-help .quick-help-header:nth-of-type(6):before {
  z-index: 9;
  left: calc(1rem + 250px);
  background: #DE4326FF;
  border-radius: 0 0 0 0;
  top: -50px;
}