@keyframes _fadeIn_1q6da_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _fadeInOut_1q6da_1 {
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
._sg-loader_1q6da_280 {
  display: block;
  width: 30px;
  height: 30px;
}
._sg-loader_1q6da_280._is-centered_1q6da_285 {
  position: relative;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
}
._sg-loader_1q6da_280 ._logo-square_1q6da_291 {
  opacity: 0;
  transform: translateZ(0);
  animation: _fadeIn_1q6da_1 1s infinite alternate;
  will-change: opacity;
}
._sg-loader_1q6da_280 ._bottom-left_1q6da_297 {
  transform: translate(0, 20px);
  animation-delay: 0s;
}
._sg-loader_1q6da_280 ._bottom-left_1q6da_297,
._sg-loader_1q6da_280 ._top-right_1q6da_302 {
  fill: #1a82e2;
}
._sg-loader_1q6da_280 ._bottom-middle_1q6da_305 {
  transform: translate(10px, 20px);
}
._sg-loader_1q6da_280 ._middle-left_1q6da_308 {
  transform: translate(0, 10px);
}
._sg-loader_1q6da_280 ._bottom-middle_1q6da_305,
._sg-loader_1q6da_280 ._middle-left_1q6da_308 {
  animation-delay: 0.2s;
  fill: #99e1f4;
}
._sg-loader_1q6da_280 ._middle_1q6da_308 {
  transform: translate(10px, 10px);
  animation-delay: 0.4s;
  fill: #009dd9;
}
._sg-loader_1q6da_280 ._top-middle_1q6da_321 {
  transform: translate(10px, 0);
}
._sg-loader_1q6da_280 ._middle-right_1q6da_324 {
  transform: translate(20px, 10px);
}
._sg-loader_1q6da_280 ._top-middle_1q6da_321,
._sg-loader_1q6da_280 ._middle-right_1q6da_324 {
  animation-delay: 0.6s;
  fill: #00b3e3;
}
._sg-loader_1q6da_280 ._top-right_1q6da_302 {
  transform: translate(20px, 0);
  animation-delay: 0.8s;
}
._sg-loader_1q6da_280._is-large_1q6da_336 {
  width: 60px;
  height: 60px;
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._bottom-left_1q6da_297 {
  transform: translate(0, 40px);
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._bottom-middle_1q6da_305 {
  transform: translate(20px, 40px);
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._middle-left_1q6da_308 {
  transform: translate(0, 20px);
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._middle_1q6da_308 {
  transform: translate(20px, 20px);
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._top-middle_1q6da_321 {
  transform: translate(20px, 0);
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._middle-right_1q6da_324 {
  transform: translate(40px, 20px);
}
._sg-loader_1q6da_280._is-large_1q6da_336 ._top-right_1q6da_302 {
  transform: translate(40px, 0);
}
._sg-loader_1q6da_280._is-small_1q6da_361 {
  width: 15px;
  height: 15px;
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._bottom-left_1q6da_297 {
  transform: translate(0, 10px);
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._bottom-middle_1q6da_305 {
  transform: translate(5px, 10px);
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._middle-left_1q6da_308 {
  transform: translate(0, 5px);
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._middle_1q6da_308 {
  transform: translate(5px, 5px);
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._top-middle_1q6da_321 {
  transform: translate(5px, 0);
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._middle-right_1q6da_324 {
  transform: translate(10px, 5px);
}
._sg-loader_1q6da_280._is-small_1q6da_361 ._top-right_1q6da_302 {
  transform: translate(10px, 0);
}
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._bottom-left_1q6da_297,
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._top-right_1q6da_302 {
  fill: #fff;
}
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._bottom-middle_1q6da_305,
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._middle-left_1q6da_308 {
  fill: rgba(255, 255, 255, 0.35);
}
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._middle-right_1q6da_324,
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._top-middle_1q6da_321 {
  fill: rgba(255, 255, 255, 0.75);
}
._sg-loader_1q6da_280._loader-on-dark_1q6da_386 ._middle_1q6da_308 {
  fill: rgba(255, 255, 255, 0.9);
}

._fragment-loader_1q6da_402 {
  width: 30px;
  height: 10px;
  display: block;
}
._fragment-loader_1q6da_402._is-centered_1q6da_285 {
  position: relative;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
}
._fragment-loader_1q6da_402 ._fragment-square_1q6da_413 {
  opacity: 0;
  transform: translateZ(0);
  animation: _fadeInOut_1q6da_1 1.6s infinite both;
  will-change: opacity;
  fill: #a9b5c0;
}
._fragment-loader_1q6da_402 ._left_1q6da_420 {
  transform: translate(0, 0);
  animation-delay: 0;
}
._fragment-loader_1q6da_402 ._middle_1q6da_308 {
  transform: translate(10px, 0);
  animation-delay: 0.2s;
}
._fragment-loader_1q6da_402 ._right_1q6da_428 {
  transform: translate(20px, 0);
  animation-delay: 0.4s;
}
._fragment-loader_1q6da_402._is-small_1q6da_361 {
  width: 15px;
  height: 5px;
}
._fragment-loader_1q6da_402._is-small_1q6da_361 ._left_1q6da_420 {
  transform: translate(0, 0);
  animation-delay: 0;
}
._fragment-loader_1q6da_402._is-small_1q6da_361 ._middle_1q6da_308 {
  transform: translate(5px, 0);
  animation-delay: 0.2s;
}
._fragment-loader_1q6da_402._is-small_1q6da_361 ._right_1q6da_428 {
  transform: translate(10px, 0);
  animation-delay: 0.4s;
}
._fragment-loader_1q6da_402._is-large_1q6da_336 {
  width: 60px;
  height: 20px;
}
._fragment-loader_1q6da_402._is-large_1q6da_336 ._left_1q6da_420 {
  transform: translate(0, 0);
  animation-delay: 0;
}
._fragment-loader_1q6da_402._is-large_1q6da_336 ._middle_1q6da_308 {
  transform: translate(20px, 0);
  animation-delay: 0.2s;
}
._fragment-loader_1q6da_402._is-large_1q6da_336 ._right_1q6da_428 {
  transform: translate(40px, 0);
  animation-delay: 0.4s;
}._full-page-load_1vjz1_1 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: #fff;
  opacity: 0.8;
  z-index: 10;
}
._full-page-load_1vjz1_1 .sg-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}body,
html {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background: #fff;
}

div.login-container {
  background: inherit;
}
div.login-container .login-btn .login-sso-btn {
  font-weight: 100;
  padding-right: 30px;
  padding-left: 30px;
  margin: 0;
}

.input-text-wrap.is-disabled input {
  color: rgba(158, 158, 158, 0.8784313725);
}

.sso-link {
  font-size: 13px;
  text-align: center;
}

.sso-login-message {
  font-size: 13px;
  margin-top: 10px;
}

.spinner-border {
  top: 50%;
  position: fixed;
  margin-top: -1rem;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before, blockquote::after {
  content: "";
  content: none;
}

q::before, q::after {
  content: "";
  content: none;
}

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

.container {
  max-width: 1920px;
  min-width: 1024px;
  padding-right: 6%;
  padding-left: 6%;
}

.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 2%;
}
.row > :not([class*=col-]) {
  grid-column: span 12;
}

.col-1 {
  grid-column: span 1;
}
.col-1.col-start-1 {
  grid-column: 1/span 1;
}
.col-1.col-start-2 {
  grid-column: 2/span 1;
}
.col-1.col-start-3 {
  grid-column: 3/span 1;
}
.col-1.col-start-4 {
  grid-column: 4/span 1;
}
.col-1.col-start-5 {
  grid-column: 5/span 1;
}
.col-1.col-start-6 {
  grid-column: 6/span 1;
}
.col-1.col-start-7 {
  grid-column: 7/span 1;
}
.col-1.col-start-8 {
  grid-column: 8/span 1;
}
.col-1.col-start-9 {
  grid-column: 9/span 1;
}
.col-1.col-start-10 {
  grid-column: 10/span 1;
}
.col-1.col-start-11 {
  grid-column: 11/span 1;
}

.col-2 {
  grid-column: span 2;
}
.col-2.col-start-1 {
  grid-column: 1/span 2;
}
.col-2.col-start-2 {
  grid-column: 2/span 2;
}
.col-2.col-start-3 {
  grid-column: 3/span 2;
}
.col-2.col-start-4 {
  grid-column: 4/span 2;
}
.col-2.col-start-5 {
  grid-column: 5/span 2;
}
.col-2.col-start-6 {
  grid-column: 6/span 2;
}
.col-2.col-start-7 {
  grid-column: 7/span 2;
}
.col-2.col-start-8 {
  grid-column: 8/span 2;
}
.col-2.col-start-9 {
  grid-column: 9/span 2;
}
.col-2.col-start-10 {
  grid-column: 10/span 2;
}
.col-2.col-start-11 {
  grid-column: 11/span 2;
}

.col-3 {
  grid-column: span 3;
}
.col-3.col-start-1 {
  grid-column: 1/span 3;
}
.col-3.col-start-2 {
  grid-column: 2/span 3;
}
.col-3.col-start-3 {
  grid-column: 3/span 3;
}
.col-3.col-start-4 {
  grid-column: 4/span 3;
}
.col-3.col-start-5 {
  grid-column: 5/span 3;
}
.col-3.col-start-6 {
  grid-column: 6/span 3;
}
.col-3.col-start-7 {
  grid-column: 7/span 3;
}
.col-3.col-start-8 {
  grid-column: 8/span 3;
}
.col-3.col-start-9 {
  grid-column: 9/span 3;
}
.col-3.col-start-10 {
  grid-column: 10/span 3;
}

.col-4 {
  grid-column: span 4;
}
.col-4.col-start-1 {
  grid-column: 1/span 4;
}
.col-4.col-start-2 {
  grid-column: 2/span 4;
}
.col-4.col-start-3 {
  grid-column: 3/span 4;
}
.col-4.col-start-4 {
  grid-column: 4/span 4;
}
.col-4.col-start-5 {
  grid-column: 5/span 4;
}
.col-4.col-start-6 {
  grid-column: 6/span 4;
}
.col-4.col-start-7 {
  grid-column: 7/span 4;
}
.col-4.col-start-8 {
  grid-column: 8/span 4;
}
.col-4.col-start-9 {
  grid-column: 9/span 4;
}

.col-5 {
  grid-column: span 5;
}
.col-5.col-start-1 {
  grid-column: 1/span 5;
}
.col-5.col-start-2 {
  grid-column: 2/span 5;
}
.col-5.col-start-3 {
  grid-column: 3/span 5;
}
.col-5.col-start-4 {
  grid-column: 4/span 5;
}
.col-5.col-start-5 {
  grid-column: 5/span 5;
}
.col-5.col-start-6 {
  grid-column: 6/span 5;
}
.col-5.col-start-7 {
  grid-column: 7/span 5;
}
.col-5.col-start-8 {
  grid-column: 8/span 5;
}

.col-6 {
  grid-column: span 6;
}
.col-6.col-start-1 {
  grid-column: 1/span 6;
}
.col-6.col-start-2 {
  grid-column: 2/span 6;
}
.col-6.col-start-3 {
  grid-column: 3/span 6;
}
.col-6.col-start-4 {
  grid-column: 4/span 6;
}
.col-6.col-start-5 {
  grid-column: 5/span 6;
}
.col-6.col-start-6 {
  grid-column: 6/span 6;
}
.col-6.col-start-7 {
  grid-column: 7/span 6;
}

.col-7 {
  grid-column: span 7;
}
.col-7.col-start-1 {
  grid-column: 1/span 7;
}
.col-7.col-start-2 {
  grid-column: 2/span 7;
}
.col-7.col-start-3 {
  grid-column: 3/span 7;
}
.col-7.col-start-4 {
  grid-column: 4/span 7;
}
.col-7.col-start-5 {
  grid-column: 5/span 7;
}
.col-7.col-start-6 {
  grid-column: 6/span 7;
}

.col-8 {
  grid-column: span 8;
}
.col-8.col-start-1 {
  grid-column: 1/span 8;
}
.col-8.col-start-2 {
  grid-column: 2/span 8;
}
.col-8.col-start-3 {
  grid-column: 3/span 8;
}
.col-8.col-start-4 {
  grid-column: 4/span 8;
}
.col-8.col-start-5 {
  grid-column: 5/span 8;
}

.col-9 {
  grid-column: span 9;
}
.col-9.col-start-1 {
  grid-column: 1/span 9;
}
.col-9.col-start-2 {
  grid-column: 2/span 9;
}
.col-9.col-start-3 {
  grid-column: 3/span 9;
}
.col-9.col-start-4 {
  grid-column: 4/span 9;
}

.col-10 {
  grid-column: span 10;
}
.col-10.col-start-1 {
  grid-column: 1/span 10;
}
.col-10.col-start-2 {
  grid-column: 2/span 10;
}
.col-10.col-start-3 {
  grid-column: 3/span 10;
}

.col-11 {
  grid-column: span 11;
}
.col-11.col-start-1 {
  grid-column: 1/span 11;
}
.col-11.col-start-2 {
  grid-column: 2/span 11;
}

.col-12 {
  grid-column: span 12;
}
.col-12.col-start-1 {
  grid-column: 1/span 12;
}

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

a,
a:hover,
a:active,
a:focus,
button,
button:hover,
button:active,
button:focus {
  outline: none;
}

a,
.link {
  color: #489be8;
  text-decoration: none;
  transition: color 0.3s;
}
a:hover,
.link:hover {
  color: #1a82e2;
}

.main,
.content-main {
  margin: 60px 0 120px;
}

.content-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content-header .breadcrumb {
  flex-grow: 1;
  width: 100%;
}
.content-header h1 {
  max-width: 60%;
}

.content-block {
  margin-bottom: 30px;
}
.content-block:last-child {
  margin-bottom: 0;
}

.content-padded {
  padding: 27px 30px 30px;
}

body {
  font-family: Colfax, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #546b81;
}

h1,
h2,
h3,
h4,
.is-size-h1,
.is-size-h2,
.is-size-h3,
.is-size-h4 {
  font-weight: 600;
  color: #294661;
}

h1,
.is-size-h1 {
  margin-bottom: 27px;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: -1px;
}

h2,
.is-size-h2 {
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.5px;
}

h3,
.is-size-h3 {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 18px;
}

h4,
.is-size-h4 {
  margin-bottom: 9px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1px;
  color: #546b81;
  text-transform: uppercase;
}

p {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 27px;
}
p .sg-icon {
  margin-right: 6px;
  vertical-align: middle;
}

ol,
ul {
  font-size: 13px;
  line-height: 20px;
}
ol.standard-list,
ul.standard-list {
  margin-left: 15px;
}

ol.standard-list {
  list-style-type: decimal;
}

ul.standard-list {
  list-style-type: disc;
}

strong {
  font-weight: 600;
}

em {
  font-style: italic;
}

strong em,
em strong {
  font-style: italic;
  font-weight: 600;
}

abbr {
  text-decoration: none;
  background-image: linear-gradient(to right, #294661 33%, #fff 0%);
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 3px 1px;
}

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

.error {
  color: #b71c1c;
}

small,
.small {
  font-size: 13px;
  line-height: 20px;
}

.mono {
  font-family: "Andale Mono", Monaco, Consolas, "Lucida Console", monospace;
}

.highlighter {
  background-color: rgba(253, 216, 53, 0.6);
}

.is-weight-light {
  font-weight: 300;
}

.is-weight-medium {
  font-weight: 600;
}

.sg-icon {
  font-family: "styleguideicons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sg-icon.is-size-20 {
  font-size: 20px;
}
.sg-icon.is-size-30 {
  font-size: 30px;
}
.sg-icon.is-size-40 {
  font-size: 40px;
}
.sg-icon.is-size-60 {
  font-size: 60px;
}

.sg-icon-airplane::before {
  content: "\e90b";
}

.sg-icon-airplane-fill::before {
  content: "\e912";
}

.sg-icon-align-center::before {
  content: "\e927";
}

.sg-icon-align-left::before {
  content: "\e928";
}

.sg-icon-align-right::before {
  content: "\e929";
}

.sg-icon-analytics::before {
  content: "\e915";
}

.sg-icon-automation::before {
  content: "\e939";
}

.sg-icon-builder::before {
  content: "\e914";
}

.sg-icon-button::before {
  content: "\e920";
}

.sg-icon-calendar::before {
  content: "\e917";
}

.sg-icon-caret::before {
  content: "\e900";
}

.sg-icon-check::before {
  content: "\e905";
}

.sg-icon-check-circle::before {
  content: "\e907";
}

.sg-icon-check-circle-fill::before {
  content: "\e92e";
}

.sg-icon-check-shield::before {
  content: "\e93f";
}

.sg-icon-check-thin::before {
  content: "\e938";
}

.sg-icon-clean-ui::before {
  content: "\e916";
}

.sg-icon-click::before {
  content: "\e93b";
}

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

.sg-icon-cloud-question::before {
  content: "\e93c";
}

.sg-icon-code::before {
  content: "\e919";
}

.sg-icon-column-one::before {
  content: "\e953";
}

.sg-icon-column-two::before {
  content: "\e952";
}

.sg-icon-column-three::before {
  content: "\e951";
}

.sg-icon-column-four::before {
  content: "\e950";
}

.sg-icon-columns::before {
  content: "\e923";
}

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

.sg-icon-contacts-alt::before {
  content: "\e92c";
}

.sg-icon-copy::before {
  content: "\e902";
}

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

.sg-icon-csv::before {
  content: "\e92a";
}

.sg-icon-desktop-view::before {
  content: "\e627";
}

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

.sg-icon-download::before,
.sg-icon-export::before {
  content: "\e93e";
}

.sg-icon-drag::before {
  content: "\e91b";
}

.sg-icon-editor-code::before {
  content: "\e934";
}

.sg-icon-editor-design::before {
  content: "\e935";
}

.sg-icon-editor-old::before {
  content: "\e933";
}

.sg-icon-ellipsis::before {
  content: "\e90e";
}

.sg-icon-ellipsis-vertical::before {
  content: "\e93a";
}

.sg-icon-forms::before {
  content: "\e94f";
}

.sg-icon-gear::before {
  content: "\e608";
}

.sg-icon-help::before {
  content: "\e932";
}

.sg-icon-help-error::before {
  content: "\e93d";
}

.sg-icon-image::before {
  content: "\e91e";
}

.sg-icon-images::before {
  content: "\e924";
}

.sg-icon-image-text::before {
  content: "\e922";
}

.sg-icon-info-circle::before {
  content: "\e903";
}

.sg-icon-key::before {
  content: "\e918";
}

.sg-icon-list::before {
  content: "\e92b";
}

.sg-icon-locked::before {
  content: "\e91d";
}

.sg-icon-mail::before {
  content: "\e61d";
}

.sg-icon-mail-search::before {
  content: "\e92d";
}

.sg-icon-mc-align-center::before {
  content: "\e94d";
}

.sg-icon-mc-align-justify::before {
  content: "\e947";
}

.sg-icon-mc-align-left::before {
  content: "\e94e";
}

.sg-icon-mc-align-right::before {
  content: "\e94c";
}

.sg-icon-mc-code::before {
  content: "\e942";
}

.sg-icon-mc-design::before {
  content: "\e629";
}

.sg-icon-mc-format-bold::before {
  content: "\e94b";
}

.sg-icon-mc-format-italic::before {
  content: "\e94a";
}

.sg-icon-mc-format-link::before {
  content: "\e949";
}

.sg-icon-mc-format-underline::before {
  content: "\e948";
}

.sg-icon-mc-ordered-list::before {
  content: "\e946";
}

.sg-icon-mc-preview::before {
  content: "\e602";
}

.sg-icon-mc-return::before {
  content: "\e615";
}

.sg-icon-mc-test-data::before {
  content: "\e943";
}

.sg-icon-mc-unordered-list::before {
  content: "\e945";
}

.sg-icon-mobile-view::before {
  content: "\e61c";
}

.sg-icon-move-right::before {
  content: "\e940";
}

.sg-icon-move-left::before {
  content: "\e941";
}

.sg-icon-pencil::before {
  content: "\e624";
}

.sg-icon-people::before {
  content: "\e601";
}

.sg-icon-pie-chart::before {
  content: "\e606";
}

.sg-icon-plus::before {
  content: "\e617";
}

.sg-icon-reload::before {
  content: "\e926";
}

.sg-icon-save-draft::before {
  content: "\e911";
}

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

.sg-icon-segment::before {
  content: "\e609";
}

.sg-icon-social::before {
  content: "\e925";
}

.sg-icon-sort-asc::before {
  content: "\e910";
}

.sg-icon-sort-desc::before {
  content: "\e90f";
}

.sg-icon-space::before {
  content: "\e944";
}

.sg-icon-spacer::before {
  content: "\e91f";
}

.sg-icon-status-caution::before {
  content: "\e92f";
}

.sg-icon-status-negative::before {
  content: "\e930";
}

.sg-icon-status-positive::before {
  content: "\e92e";
}

.sg-icon-teammate::before {
  content: "\e90c";
}

.sg-icon-test-data::before {
  content: "\e937";
}

.sg-icon-text::before {
  content: "\e921";
}

.sg-icon-text-only::before {
  content: "\e603";
}

.sg-icon-trash::before {
  content: "\e62b";
}

.sg-icon-unlocked::before {
  content: "\e91c";
}

.sg-icon-unsubscribe::before {
  content: "\e936";
}

.sg-icon-upload::before {
  content: "\e931";
}

.sg-icon-user-security::before {
  content: "\e90a";
}

.sg-icon-view::before {
  content: "\e600";
}

.sg-icon-warning::before {
  content: "\e909";
}

.sg-icon-warning-triangle::before {
  content: "\e904";
}

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

.sg-icon-x-legacy::before {
  content: "\e62e";
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.color-sg-blue {
  color: #1a82e2;
}

.color-sg-blue-80 {
  color: #489be8;
}

.color-sg-blue-60 {
  color: #76b4ee;
}

.color-sg-blue-40 {
  color: #a3cdf3;
}

.color-sg-blue-20 {
  color: #d1e6f9;
}

.color-sg-blue-10 {
  color: #e8f2fc;
}

.color-sg-blue-05 {
  color: #f3f9fd;
}

.color-sg-blue-02 {
  color: #fbfdff;
}

.color-slate {
  color: #294661;
}

.color-slate-80 {
  color: #546b81;
}

.color-slate-60 {
  color: #7f90a0;
}

.color-slate-40 {
  color: #a9b5c0;
}

.color-slate-20 {
  color: #d4dadf;
}

.color-slate-10 {
  color: #e9ecef;
}

.color-slate-05 {
  color: #f4f6f7;
}

.color-slate-02 {
  color: #fbfbfc;
}

.color-ron-burgundy {
  color: #b71c1c;
}

.color-burnt-orange {
  color: #ff5722;
}

.color-carrot {
  color: #f90;
}

.color-mango {
  color: #fdd835;
}

.color-mantis {
  color: #18c96e;
}

.color-spruce {
  color: #4cb04f;
}

.color-grass-stain {
  color: #8ac24a;
}

.color-lime {
  color: #cbdb39;
}

.color-cobalt {
  color: #303f9f;
}

.color-bluebird {
  color: #2196f3;
}

.color-seafoam {
  color: #00bcd4;
}

.color-caribbean {
  color: #00e5ff;
}

.color-crown {
  color: #7b1fa2;
}

.color-screample {
  color: #7c4dff;
}

.color-sangria {
  color: #880e4f;
}

.color-lavender {
  color: #dea7e8;
}

.color-wild-strawberry {
  color: #ff4081;
}

.color-steel {
  color: #9e9e9e;
}

.color-logo-accent-light {
  color: #99e1f4;
}

.color-logo-accent-medium {
  color: #00b3e3;
}

.color-logo-accent-dark {
  color: #009dd9;
}

.bg-color-sg-blue {
  background-color: #1a82e2;
}

.bg-color-sg-blue-80 {
  background-color: #489be8;
}

.bg-color-sg-blue-60 {
  background-color: #76b4ee;
}

.bg-color-sg-blue-40 {
  background-color: #a3cdf3;
}

.bg-color-sg-blue-20 {
  background-color: #d1e6f9;
}

.bg-color-sg-blue-10 {
  background-color: #e8f2fc;
}

.bg-color-sg-blue-05 {
  background-color: #f3f9fd;
}

.bg-color-sg-blue-02 {
  background-color: #fbfdff;
}

.bg-color-slate {
  background-color: #294661;
}

.bg-color-slate-80 {
  background-color: #546b81;
}

.bg-color-slate-60 {
  background-color: #7f90a0;
}

.bg-color-slate-40 {
  background-color: #a9b5c0;
}

.bg-color-slate-20 {
  background-color: #d4dadf;
}

.bg-color-slate-10 {
  background-color: #e9ecef;
}

.bg-color-slate-05 {
  background-color: #f4f6f7;
}

.bg-color-slate-02 {
  background-color: #fbfbfc;
}

.bg-color-ron-burgundy {
  background-color: #b71c1c;
}

.bg-color-burnt-orange {
  background-color: #ff5722;
}

.bg-color-carrot {
  background-color: #f90;
}

.bg-color-mango {
  background-color: #fdd835;
}

.bg-color-mantis {
  background-color: #18c96e;
}

.bg-color-spruce {
  background-color: #4cb04f;
}

.bg-color-grass-stain {
  background-color: #8ac24a;
}

.bg-color-lime {
  background-color: #cbdb39;
}

.bg-color-cobalt {
  background-color: #303f9f;
}

.bg-color-bluebird {
  background-color: #2196f3;
}

.bg-color-seafoam {
  background-color: #00bcd4;
}

.bg-color-caribbean {
  background-color: #00e5ff;
}

.bg-color-crown {
  background-color: #7b1fa2;
}

.bg-color-screample {
  background-color: #7c4dff;
}

.bg-color-sangria {
  background-color: #880e4f;
}

.bg-color-lavender {
  background-color: #dea7e8;
}

.bg-color-wild-strawberry {
  background-color: #ff4081;
}

.bg-color-steel {
  background-color: #9e9e9e;
}

.bg-color-logo-accent-light {
  background-color: #99e1f4;
}

.bg-color-logo-accent-medium {
  background-color: #00b3e3;
}

.bg-color-logo-accent-dark {
  background-color: #009dd9;
}

.login-container {
  min-height: 100%;
  text-align: center;
  background: rgba(41, 70, 97, 0.02);
}

.login-modals {
  margin: 40px auto;
}

.login-modal,
.login-ad-modal {
  position: relative;
  display: inline-block;
  width: 525px;
  height: 665px;
  vertical-align: top;
  background: #fff;
  box-shadow: 2px 2px 6px 0 rgba(41, 70, 97, 0.1);
}

.login-modal-table {
  display: table;
  width: 100%;
  height: 100%;
}

.login-modal-body {
  display: table-cell;
  height: 594px;
  vertical-align: middle;
}

.login-modal-table-row {
  display: table-row;
}

.login-logo {
  margin-top: 30px;
  text-align: center;
}
.login-logo img {
  width: 246px;
}

.login-form {
  margin: 50px 0 0;
  text-align: left;
}

.login-input-text {
  margin: 40px 0 0;
}

.login-link {
  display: block;
  font-size: 13px;
  text-align: right;
}

.login-password-options {
  margin-top: 10px;
  font-size: 13px;
}

.login-btn {
  margin: 30px 0;
  text-align: center;
}

.login-modal-footer {
  display: table-cell;
  width: 100%;
  height: 71px;
  font-size: 13px;
  vertical-align: middle;
  background: rgba(158, 158, 158, 0.1);
}

.login-error-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 15px 0;
  color: #b71c1c;
  text-align: center;
  background: rgba(183, 28, 28, 0.15);
}

.login-error-banner-items {
  display: inline-block;
  width: 445px;
  margin: 0 10px;
}

.login-error-banner-item {
  display: block;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}

.login-error-banner-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-top: 1px;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  border: 1px solid #b71c1c;
  border-radius: 100%;
}

.login-error-banner-close {
  display: inline-block;
  height: 27px;
  font-size: 32px;
  cursor: pointer;
}

.login-form-errors {
  position: relative;
  width: 100%;
  padding: 15px 0;
  margin: 30px 0;
  font-size: 13px;
  line-height: 18px;
  color: #b71c1c;
  background: rgba(183, 28, 28, 0.15);
}

.login-form-error {
  display: block;
}

.login-ad-modal {
  left: -3px;
}
.login-ad-modal iframe {
  width: 100%;
  height: 100%;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInOut {
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.sg-loader {
  display: block;
  width: 30px;
  height: 30px;
}
.sg-loader.is-centered {
  position: relative;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
}
.sg-loader .logo-square {
  opacity: 0;
  transform: translateZ(0);
  animation: fadeIn 1s infinite alternate;
  will-change: opacity;
}
.sg-loader .bottom-left {
  transform: translate(0, 20px);
  animation-delay: 0s;
}
.sg-loader .bottom-left,
.sg-loader .top-right {
  fill: #1a82e2;
}
.sg-loader .bottom-middle {
  transform: translate(10px, 20px);
}
.sg-loader .middle-left {
  transform: translate(0, 10px);
}
.sg-loader .bottom-middle,
.sg-loader .middle-left {
  animation-delay: 0.2s;
  fill: #99e1f4;
}
.sg-loader .middle {
  transform: translate(10px, 10px);
  animation-delay: 0.4s;
  fill: #009dd9;
}
.sg-loader .top-middle {
  transform: translate(10px, 0);
}
.sg-loader .middle-right {
  transform: translate(20px, 10px);
}
.sg-loader .top-middle,
.sg-loader .middle-right {
  animation-delay: 0.6s;
  fill: #00b3e3;
}
.sg-loader .top-right {
  transform: translate(20px, 0);
  animation-delay: 0.8s;
}
.sg-loader.is-large {
  width: 60px;
  height: 60px;
}
.sg-loader.is-large .bottom-left {
  transform: translate(0, 40px);
}
.sg-loader.is-large .bottom-middle {
  transform: translate(20px, 40px);
}
.sg-loader.is-large .middle-left {
  transform: translate(0, 20px);
}
.sg-loader.is-large .middle {
  transform: translate(20px, 20px);
}
.sg-loader.is-large .top-middle {
  transform: translate(20px, 0);
}
.sg-loader.is-large .middle-right {
  transform: translate(40px, 20px);
}
.sg-loader.is-large .top-right {
  transform: translate(40px, 0);
}
.sg-loader.is-small {
  width: 15px;
  height: 15px;
}
.sg-loader.is-small .bottom-left {
  transform: translate(0, 10px);
}
.sg-loader.is-small .bottom-middle {
  transform: translate(5px, 10px);
}
.sg-loader.is-small .middle-left {
  transform: translate(0, 5px);
}
.sg-loader.is-small .middle {
  transform: translate(5px, 5px);
}
.sg-loader.is-small .top-middle {
  transform: translate(5px, 0);
}
.sg-loader.is-small .middle-right {
  transform: translate(10px, 5px);
}
.sg-loader.is-small .top-right {
  transform: translate(10px, 0);
}
.sg-loader.loader-on-dark .bottom-left,
.sg-loader.loader-on-dark .top-right {
  fill: #fff;
}
.sg-loader.loader-on-dark .bottom-middle,
.sg-loader.loader-on-dark .middle-left {
  fill: rgba(255, 255, 255, 0.35);
}
.sg-loader.loader-on-dark .middle-right,
.sg-loader.loader-on-dark .top-middle {
  fill: rgba(255, 255, 255, 0.75);
}
.sg-loader.loader-on-dark .middle {
  fill: rgba(255, 255, 255, 0.9);
}

.fragment-loader {
  width: 30px;
  height: 10px;
}
.fragment-loader .fragment-square {
  opacity: 0;
  transform: translateZ(0);
  animation: fadeInOut 1.6s infinite both;
  will-change: opacity;
  fill: #a9b5c0;
}
.fragment-loader .left {
  transform: translate(0, 0);
  animation-delay: 0;
}
.fragment-loader .middle {
  transform: translate(10px, 0);
  animation-delay: 0.2s;
}
.fragment-loader .right {
  transform: translate(20px, 0);
  animation-delay: 0.4s;
}

.alert {
  position: relative;
  z-index: 1000;
  padding: 20px 0;
  font-size: 13px;
  text-align: center;
}
.alert.alert-success {
  color: #2e6b30;
  background-color: #f1f7e9;
}
.alert.alert-success a {
  color: #2e6b30;
}
.alert.alert-success [data-tooltip].has-underline {
  background-image: linear-gradient(90deg, #2e6b30 33%, transparent 0);
}
.alert.alert-warning {
  color: #8c6c15;
  background-color: #fefae6;
}
.alert.alert-warning a {
  color: #8c6c15;
}
.alert.alert-warning .btn-primary {
  color: #8c6c15;
  background: #fefae6;
  border-color: #8c6c15;
}
.alert.alert-warning [data-tooltip].has-underline {
  background-image: linear-gradient(90deg, #8c6c15 33%, transparent 0);
}
.alert.alert-danger {
  color: #b71c1c;
  background-color: #f4dddd;
}
.alert.alert-danger a {
  color: #b71c1c;
}
.alert.alert-danger [data-tooltip].has-underline {
  background-image: linear-gradient(90deg, #b71c1c 33%, transparent 0);
}
.alert.alert-promo {
  background-image: linear-gradient(135deg, #00bcd4 0, #2196f3 50%, #7c4dff 100%);
}
.alert.alert-promo .btn-primary {
  color: #1a82e2;
  background-color: #fff;
  border-color: #fff;
}
.alert.alert-promo, .alert.alert-verification, .alert.alert-trial {
  color: #fff;
}
.alert.alert-promo a, .alert.alert-verification a, .alert.alert-trial a {
  color: #fff;
}
.alert.alert-verification {
  background-color: #18c96e;
}
.alert.alert-verification .btn-primary {
  color: #18c96e;
  background-color: #fff;
  border-color: #fff;
}
.alert.alert-verification .step,
.alert.alert-verification .all-steps {
  position: absolute;
  max-width: 100%;
  margin: 0;
}
.alert.alert-verification .step {
  left: 30px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.alert.alert-verification .all-steps {
  right: 30px;
}
.alert.alert-trial {
  background-color: #294661;
}
.alert.alert-trial .btn-primary {
  color: #fff;
  background: #294661;
  border-color: #fff;
}
.alert.alert-inline {
  z-index: 0;
  align-self: flex-end;
  flex-grow: 1;
  width: 100%;
}
.alert.alert-inline p {
  text-align: left;
}
.alert.alert-beta {
  display: inline-block;
  padding: 9px 12px;
  text-align: left;
  background-color: rgba(124, 77, 255, 0.05);
  border-left: 2px solid #7c4dff;
}
.alert.alert-beta p {
  max-width: none;
  margin: 0;
}
.alert.is-hidden, .alert.is-visible {
  position: fixed;
  left: 0;
  width: 100%;
  transition: top 0.5s;
}
.alert.is-hidden {
  top: -60px;
}
.alert.is-visible {
  top: 0 !important;
}
.alert.tiara-offset {
  left: 180px;
  width: calc(100vw - 180px);
}
.alert a {
  text-decoration: underline;
}
.alert p {
  position: relative;
  display: inline-block;
  max-width: 80%;
  margin: 0 40px;
  font-size: 13px;
  line-height: 20px;
}
.alert .sg-icon {
  position: absolute;
  top: 50%;
  left: -40px;
  margin-top: -10px;
  font-size: 20px;
}
.alert .sg-icon.sg-icon-x {
  right: -40px;
  left: auto;
  cursor: pointer;
}
.alert .btn {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: 20px;
}

input:focus, input:active {
  outline: 0;
}

.input-info,
.input-text-info {
  display: inline-block;
  padding-top: 6px;
  font-size: 12px;
  line-height: 18px;
}
.input-info.danger,
.input-text-info.danger {
  color: #b71c1c;
}

.input-text-wrap {
  position: relative;
  padding-top: 15px;
  margin-bottom: 20px;
}
.input-text-wrap.is-required label::after {
  position: absolute;
  top: 6px;
  right: -9px;
  width: 4px;
  height: 4px;
  background: #b71c1c;
  border-radius: 4px;
  content: "";
}
.input-text-wrap.is-focused .input-text-label, .input-text-wrap.has-value .input-text-label {
  top: 0;
  font-size: 12px;
  line-height: 15px;
}
.input-text-wrap.is-focused label::after, .input-text-wrap.has-value label::after {
  top: 4px;
}
.input-text-wrap.is-disabled .input-text-label {
  color: rgba(158, 158, 158, 0.4);
}
.input-text-wrap.is-disabled [type=text],
.input-text-wrap.is-disabled [type=password],
.input-text-wrap.is-disabled [type=number],
.input-text-wrap.is-disabled [type=email],
.input-text-wrap.is-disabled [type=tel] {
  pointer-events: none;
  border-bottom-color: rgba(158, 158, 158, 0.4);
}
.input-text-wrap.is-error [type=text],
.input-text-wrap.is-error [type=password],
.input-text-wrap.is-error [type=number],
.input-text-wrap.is-error [type=email],
.input-text-wrap.is-error [type=tel], .input-text-wrap.is-error.is-focused [type=text],
.input-text-wrap.is-error.is-focused [type=password],
.input-text-wrap.is-error.is-focused [type=number],
.input-text-wrap.is-error.is-focused [type=email],
.input-text-wrap.is-error.is-focused [type=tel], .input-text-wrap.is-error.has-value [type=text],
.input-text-wrap.is-error.has-value [type=password],
.input-text-wrap.is-error.has-value [type=number],
.input-text-wrap.is-error.has-value [type=email],
.input-text-wrap.is-error.has-value [type=tel] {
  border-bottom-color: #b71c1c;
  box-shadow: #b71c1c 0 1px 0;
}
.input-text-wrap.is-valid::after, .input-text-wrap.is-invalid::after, .input-text-wrap.is-search::after {
  font-family: "styleguideicons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 19px;
  right: 0;
  pointer-events: none;
}
.input-text-wrap.is-valid::after {
  color: #18c96e;
  content: "\e92e";
}
.input-text-wrap.is-invalid::after {
  color: #b71c1c;
  content: "\e930";
}
.input-text-wrap.is-search::after {
  content: "\e906";
}
.input-text-wrap.is-search.is-focused::after {
  font-weight: bold;
  color: #1a82e2;
}
.input-text-wrap.is-calendar::before {
  font-family: "styleguideicons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 19px;
  right: 0;
  pointer-events: none;
  content: "\e917";
}
.input-text-wrap.is-calendar.is-focused::before {
  color: #1a82e2;
}
.input-text-wrap.has-units[class*=has-arrow-]::before, .input-text-wrap.has-units[class*=has-space-]::before {
  font-family: "styleguideicons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 20px;
  left: 0;
}
.input-text-wrap.has-units.has-arrow-top::before, .input-text-wrap.has-units.has-arrow-right::before, .input-text-wrap.has-units.has-arrow-bottom::before, .input-text-wrap.has-units.has-arrow-left::before {
  content: "\e910";
}
.input-text-wrap.has-units.has-space-top::before, .input-text-wrap.has-units.has-space-right::before, .input-text-wrap.has-units.has-space-bottom::before, .input-text-wrap.has-units.has-space-left::before {
  content: "\e944";
}
.input-text-wrap.has-units.has-arrow-right::before, .input-text-wrap.has-units.has-space-right::before {
  transform: rotate(90deg);
}
.input-text-wrap.has-units.has-arrow-bottom::before, .input-text-wrap.has-units.has-space-bottom::before {
  transform: rotate(180deg);
}
.input-text-wrap.has-units.has-arrow-left::before, .input-text-wrap.has-units.has-space-left::before {
  transform: rotate(-90deg);
}
.input-text-wrap.has-units::after {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 12px;
  line-height: 18px;
  content: attr(data-units);
}
.input-text-wrap.has-units[class*=has-arrow-] [type=text], .input-text-wrap.has-units[class*=has-arrow-] [type=number], .input-text-wrap.has-units[class*=has-space-] [type=text], .input-text-wrap.has-units[class*=has-space-] [type=number] {
  padding-right: 20px;
  padding-left: 20px;
  text-align: right;
}
.input-text-wrap.is-large .input-text-label {
  top: 15px;
  font-size: 18px;
  line-height: 27px;
}
.input-text-wrap.is-large [type=text],
.input-text-wrap.is-large [type=password],
.input-text-wrap.is-large [type=number],
.input-text-wrap.is-large [type=email],
.input-text-wrap.is-large [type=tel] {
  font-size: 18px;
  line-height: 27px;
}
.input-text-wrap.is-large.is-focused .input-text-label, .input-text-wrap.is-large.has-value .input-text-label {
  top: 0;
  font-size: 12px;
  line-height: 15px;
}
.input-text-wrap [type=text],
.input-text-wrap [type=password],
.input-text-wrap [type=number],
.input-text-wrap [type=email],
.input-text-wrap [type=tel] {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
  color: #294661;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #d4dadf;
  box-shadow: transparent 0 1px 0;
  transition: 0.3s border-color, 0.3s box-shadow;
}
.input-text-wrap [type=text]:focus,
.input-text-wrap [type=password]:focus,
.input-text-wrap [type=number]:focus,
.input-text-wrap [type=email]:focus,
.input-text-wrap [type=tel]:focus {
  border-color: #1a82e2;
  box-shadow: #1a82e2 0 1px 0;
}
.input-text-wrap [type=text]:disabled,
.input-text-wrap [type=password]:disabled,
.input-text-wrap [type=number]:disabled,
.input-text-wrap [type=email]:disabled,
.input-text-wrap [type=tel]:disabled {
  background: transparent;
}
.input-text-wrap [type=number] {
  padding-right: 20px;
}

.input-text-label {
  position: absolute;
  top: 18px;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  pointer-events: none;
  transition: 0.3s top, 0.3s font-size;
  transition-timing-function: cubic-bezier(0.02, 0.01, 0.47, 1);
}

.input-info-tooltip {
  position: absolute;
  top: 19px;
  right: 0;
}

.input-search-results {
  box-shadow: 0 2px 6px 0 rgba(41, 70, 97, 0.2);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fbfbfc;
  border: 1px solid #e9ecef;
  border-radius: 2px;
}
.input-search-results .loading {
  display: none;
}
.input-search-results .loading.is-visible {
  display: block;
}

.search-results-title,
.search-result {
  padding: 9px 18px 9px 30px;
  font-size: 13px;
  line-height: 18px;
}

.search-results-title {
  margin-bottom: 0;
  color: #294661;
  background-color: rgba(26, 130, 226, 0.1);
}

.search-results {
  padding: 0;
  margin: 0;
}

.search-result {
  overflow: hidden;
  color: #546b81;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.3s color, 0.3s background-color;
}
.search-result:hover {
  color: #294661;
  cursor: pointer;
  background-color: #f4f6f7;
}

.btn-list {
  font-size: 0;
}
.btn-list.is-right {
  float: right;
}
.btn-list > .btn + .btn {
  margin-left: 12px;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 11px 30px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  box-sizing: border-box;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  user-select: none;
}
.btn.is-disabled {
  color: #fff;
  pointer-events: none;
  cursor: default;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.btn.is-disabled.btn-secondary, .btn.is-disabled.btn-danger {
  color: #9e9e9e;
  background-color: #fff;
  border-color: #9e9e9e;
}
.btn.has-icon, .btn.btn-with-icon, .btn.has-badge {
  padding-right: 18px;
  padding-left: 18px;
}
.btn.is-loading {
  pointer-events: none;
}
.btn .sg-icon,
.btn .sg-loader,
.btn .badge {
  display: block;
  float: left;
  margin-right: 6px;
}
.btn .badge {
  margin-bottom: 0;
}

.btn-primary {
  color: #fff;
  background-color: #489be8;
  border-color: #1a82e2;
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #1a82e2;
}
.btn-primary:active, .btn-primary.is-active {
  box-shadow: 0 1px 4px 0 rgba(26, 130, 226, 0.2);
}
.btn-primary.has-badge .badge {
  color: #1a82e2;
  background-color: #fff;
}

.btn-secondary {
  color: #1a82e2;
  background-color: #fff;
  border-color: #489be8;
}
.btn-secondary:hover, .btn-secondary:focus {
  color: #1a82e2;
  background-color: #e8f2fc;
}
.btn-secondary:active, .btn-secondary.is-active {
  box-shadow: 0 1px 4px 0 rgba(26, 130, 226, 0.2);
}
.btn-secondary.has-badge .badge {
  color: #fff;
  background-color: #1a82e2;
}

.btn-tertiary {
  color: #546b81;
  background-color: #fff;
  border-color: #fff;
}
.btn-tertiary:hover, .btn-tertiary:focus {
  color: #294661;
}
.btn-tertiary.has-badge .badge {
  background-color: #546b81;
}

.btn-danger {
  color: #fff;
  background-color: rgba(183, 28, 28, 0.8);
  border-color: #b71c1c;
}
.btn-danger:hover, .btn-danger:focus {
  color: #fff;
  background-color: #b71c1c;
}
.btn-danger:active, .btn-danger.is-active {
  box-shadow: 0 1px 4px 0 rgba(26, 130, 226, 0.2);
  color: #fff;
}
.btn-danger.has-badge .badge {
  color: #b71c1c;
  background-color: #fff;
}

.btn-small {
  padding: 6px 18px;
}

.btn-dropdown {
  padding-right: 30px;
  padding-left: 18px;
}
.btn-dropdown::before {
  font-family: "styleguideicons";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: calc(50% - 8px);
  right: 12px;
  color: inherit;
  content: "\e900";
}

.btn-dropdown-icon,
.btn-dropdown-gear {
  padding-right: 27px;
  padding-left: 0;
  border: 0;
}
.btn-dropdown-icon.btn-primary::before, .btn-dropdown-icon.btn-primary > .sg-icon,
.btn-dropdown-gear.btn-primary::before,
.btn-dropdown-gear.btn-primary > .sg-icon {
  color: #fff;
}
.btn-dropdown-icon::before,
.btn-dropdown-icon > .sg-icon,
.btn-dropdown-gear::before,
.btn-dropdown-gear > .sg-icon {
  color: #7f90a0;
}
.btn-dropdown-icon.rotate-icon.is-active > .sg-icon,
.btn-dropdown-gear.rotate-icon.is-active > .sg-icon {
  transform: rotate(135deg);
}
.btn-dropdown-icon > .sg-icon,
.btn-dropdown-gear > .sg-icon {
  display: block;
  font-size: 18px;
  transition: transform 0.5s;
}

.btn-save {
  position: relative;
  width: 90px;
  padding-right: 0;
  padding-left: 0;
}
.btn-save.is-loading .sg-loader {
  opacity: 1;
}
.btn-save.is-loading .btn-save-label {
  opacity: 0;
}
.btn-save.is-saved .sg-icon-check {
  opacity: 1;
}
.btn-save.is-saved .btn-save-label,
.btn-save.is-saved .sg-loader {
  opacity: 0;
}
.btn-save .btn-save-label,
.btn-save .sg-loader,
.btn-save .sg-icon-check {
  transition: opacity 0.3s;
}
.btn-save .sg-loader,
.btn-save .sg-icon-check {
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
  float: none;
  margin: 0 auto;
  opacity: 0;
}

.btn-on-dark.btn-secondary {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.6);
}
.btn-on-dark.btn-secondary:hover, .btn-on-dark.btn-secondary:focus {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #fff;
}
.btn-on-dark.btn-secondary.is-disabled {
  color: #9e9e9e;
  background-color: transparent;
  border-color: #9e9e9e;
}
.btn-on-dark.btn-secondary.is-disabled:hover, .btn-on-dark.btn-secondary.is-disabled:focus {
  background-color: inherit;
}
.btn-on-dark.btn-secondary.has-badge .badge {
  color: #294661;
  background-color: #fff;
}

.btn-group {
  display: inline-block;
  padding: 4px;
  border: 1px solid #489be8;
  border-radius: 2px;
}
.btn-group.is-disabled {
  border-color: #9e9e9e;
}
.btn-group.is-disabled > .btn-group-item {
  color: #9e9e9e;
  pointer-events: none;
}
.btn-group.is-disabled > .btn-group-item:hover, .btn-group.is-disabled > .btn-group-item:focus {
  background-color: transparent;
}
.btn-group.is-disabled > .btn-group-item.is-active {
  color: #fff;
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}
.btn-group > .btn-group-item {
  float: left;
  padding: 6px 18px;
  color: #1a82e2;
  background-color: #fff;
  border: 1px solid transparent;
}
.btn-group > .btn-group-item:hover, .btn-group > .btn-group-item:focus {
  background-color: rgba(26, 130, 226, 0.1);
}
.btn-group > .btn-group-item.is-active {
  color: #fff;
  background-color: #489be8;
  border-color: #1a82e2;
}
.btn-group > .btn-group-item.btn-small {
  padding: 2px 12px;
}

.btn-group-stacked .btn-group-item {
  display: block;
  width: 100%;
  margin: 10px 0;
}

.btn-selectable {
  padding: 18px;
  color: #546b81;
  text-align: left;
  border-color: #d4dadf;
}
.btn-selectable:hover {
  border-color: #a3cdf3;
}
.btn-selectable.is-active {
  border-color: #1a82e2;
}
.btn-selectable.has-icon .sg-icon,
.btn-selectable.has-icon img, .btn-selectable.btn-with-icon .sg-icon,
.btn-selectable.btn-with-icon img {
  position: absolute;
  top: 50%;
  left: 51px;
  width: 25px;
  height: 25px;
  margin-top: -13px;
  font-size: 25px;
}
.btn-selectable.has-icon .input-checkbox-label,
.btn-selectable.has-icon .input-radio-label,
.btn-selectable.has-icon .btn-content, .btn-selectable.btn-with-icon .input-checkbox-label,
.btn-selectable.btn-with-icon .input-radio-label,
.btn-selectable.btn-with-icon .btn-content {
  margin-left: 76px;
}
.btn-selectable .input-checkbox-label,
.btn-selectable .input-radio-label,
.btn-selectable .btn-content {
  margin-left: 33px;
}
.btn-selectable .input-checkbox-label,
.btn-selectable .input-radio-label {
  position: static;
  font-weight: bold;
  color: #546b81;
}
.btn-selectable .input-checkbox-label::before,
.btn-selectable .input-radio-label::before {
  position: absolute;
  top: 50%;
  left: 18px;
  margin-top: -8px;
  margin-right: 0;
  margin-left: 0;
}
.btn-selectable [type=checkbox]:checked + .input-checkbox-label::after,
.btn-selectable [type=radio]:checked + .input-radio-label::after {
  position: absolute;
  top: 50%;
  left: 23px;
  margin-top: -3px;
  margin-left: 0;
}

.badge {
  display: inline-block;
  padding: 3px 6px;
  margin-bottom: 3px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: #a9b5c0;
  border-radius: 2px;
}
.badge.is-right {
  margin-left: 6px;
}
.badge.is-left {
  margin-right: 6px;
}
.badge.is-sender {
  width: 60px;
  margin-right: 6px;
  text-align: center;
}
.badge.is-small {
  padding: 2px 3px 1px;
  font-size: 9px;
  letter-spacing: 0.5px;
}
.badge.badge-category {
  margin-right: 3px;
  color: #7f90a0;
  cursor: pointer;
  background: #fff;
  border: 1px solid #a9b5c0;
  transition: color 0.3s, background-color 0.3s;
}
.badge.badge-category:hover, .badge.badge-category.is-hovered {
  color: #fff;
  background-color: #a9b5c0;
}
.badge.sg-blue {
  background-color: #1a82e2;
}
.badge.slate {
  background-color: #294661;
}
.badge.ron-burgundy {
  background-color: #b71c1c;
}
.badge.burnt-orange {
  background-color: #ff5722;
}
.badge.carrot {
  background-color: #f90;
}
.badge.mango {
  background-color: #fdd835;
}
.badge.mantis {
  background-color: #18c96e;
}
.badge.spruce {
  background-color: #4cb04f;
}
.badge.grass-stain {
  background-color: #8ac24a;
}
.badge.lime {
  background-color: #cbdb39;
}
.badge.cobalt {
  background-color: #303f9f;
}
.badge.bluebird {
  background-color: #2196f3;
}
.badge.seafoam {
  background-color: #00bcd4;
}
.badge.caribbean {
  background-color: #00e5ff;
}
.badge.crown {
  background-color: #7b1fa2;
}
.badge.screample {
  background-color: #7c4dff;
}
.badge.sangria {
  background-color: #880e4f;
}
.badge.lavender {
  background-color: #dea7e8;
}
.badge.wild-strawberry {
  background-color: #ff4081;
}
.badge.steel {
  background-color: #9e9e9e;
}
.badge.is-beta {
  background-image: linear-gradient(125deg, #dea7e8 0, #7c4dff 100%);
}