@import url(https://fonts.googleapis.com/css?family=Nunito&display=swap&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Nunito&display=swap&subset=cyrillic);
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}
.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}

fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{-webkit-box-sizing:content-box;box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{-webkit-box-sizing:border-box;box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-webkit-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{-webkit-transition:all .15s ease;transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.mx-icon-left:before,.mx-icon-right:before,.mx-icon-double-left:before,.mx-icon-double-right:before,.mx-icon-double-left:after,.mx-icon-double-right:after{content:"";position:relative;top:-1px;display:inline-block;width:10px;height:10px;vertical-align:middle;border-style:solid;border-color:currentColor;border-width:2px 0 0 2px;border-radius:1px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-45deg) scale(0.7);transform:rotate(-45deg) scale(0.7)}.mx-icon-double-left:after{left:-4px}.mx-icon-double-right:before{left:4px}.mx-icon-right:before,.mx-icon-double-right:before,.mx-icon-double-right:after{-webkit-transform:rotate(135deg) scale(0.7);transform:rotate(135deg) scale(0.7)}.mx-btn{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;font-size:14px;font-weight:500;padding:7px 15px;margin:0;cursor:pointer;background-color:transparent;outline:none;border:1px solid rgba(0,0,0,.1);border-radius:4px;color:#73879c;white-space:nowrap}.mx-btn:hover{border-color:#1284e7;color:#1284e7}.mx-btn:disabled,.mx-btn.disabled{color:#ccc;cursor:not-allowed}.mx-btn-text{border:0;padding:0 4px;text-align:left;line-height:inherit}.mx-scrollbar{height:100%}.mx-scrollbar:hover .mx-scrollbar-track{opacity:1}.mx-scrollbar-wrap{height:100%;overflow-x:hidden;overflow-y:auto}.mx-scrollbar-track{position:absolute;top:2px;right:2px;bottom:2px;width:6px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity .24s ease-out;transition:opacity .24s ease-out}.mx-scrollbar-track .mx-scrollbar-thumb{position:absolute;width:100%;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:background-color .3s;transition:background-color .3s}.mx-zoom-in-down-enter-active,.mx-zoom-in-down-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1);transition:transform .3s cubic-bezier(0.23, 1, 0.32, 1),opacity .3s cubic-bezier(0.23, 1, 0.32, 1),-webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transform-origin:center top;transform-origin:center top}.mx-zoom-in-down-enter,.mx-zoom-in-down-enter-from,.mx-zoom-in-down-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.mx-datepicker{position:relative;display:inline-block;width:210px}.mx-datepicker svg{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}.mx-datepicker-range{width:320px}.mx-datepicker-inline{width:auto}.mx-input-wrapper{position:relative}.mx-input{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:34px;padding:6px 30px;padding-left:10px;font-size:14px;line-height:1.4;color:#555;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.mx-input:hover,.mx-input:focus{border-color:#409aff}.mx-input:disabled,.mx-input.disabled{color:#ccc;background-color:#f3f3f3;border-color:#ccc;cursor:not-allowed}.mx-input:focus{outline:none}.mx-input::-ms-clear{display:none}.mx-icon-calendar,.mx-icon-clear{position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;line-height:1;color:rgba(0,0,0,.5);vertical-align:middle}.mx-icon-clear{cursor:pointer}.mx-icon-clear:hover{color:rgba(0,0,0,.8)}.mx-datepicker-main{font:14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei",sans-serif;color:#73879c;background-color:#fff;border:1px solid #e8e8e8}.mx-datepicker-popup{position:absolute;margin-top:1px;margin-bottom:1px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);z-index:2001}.mx-datepicker-sidebar{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px;padding:6px;overflow:auto}.mx-datepicker-sidebar+.mx-datepicker-content{margin-left:100px;border-left:1px solid #e8e8e8}.mx-datepicker-body{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mx-btn-shortcut{display:block;padding:0 6px;line-height:24px}.mx-range-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 750px){.mx-range-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.mx-datepicker-header{padding:6px 8px;border-bottom:1px solid #e8e8e8}.mx-datepicker-footer{padding:6px 8px;text-align:right;border-top:1px solid #e8e8e8}.mx-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;width:248px;padding:6px 12px}.mx-calendar+.mx-calendar{border-left:1px solid #e8e8e8}.mx-calendar-header,.mx-time-header{-webkit-box-sizing:border-box;box-sizing:border-box;height:34px;line-height:34px;text-align:center;overflow:hidden}.mx-btn-icon-left,.mx-btn-icon-double-left{float:left}.mx-btn-icon-right,.mx-btn-icon-double-right{float:right}.mx-calendar-header-label{font-size:14px}.mx-calendar-decade-separator{margin:0 2px}.mx-calendar-decade-separator:after{content:"~"}.mx-calendar-content{position:relative;height:224px;-webkit-box-sizing:border-box;box-sizing:border-box}.mx-calendar-content .cell{cursor:pointer}.mx-calendar-content .cell:hover{color:#73879c;background-color:#f3f9fe}.mx-calendar-content .cell.active{color:#fff;background-color:#1284e7}.mx-calendar-content .cell.in-range,.mx-calendar-content .cell.hover-in-range{color:#73879c;background-color:#dbedfb}.mx-calendar-content .cell.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-calendar-week-mode .mx-date-row{cursor:pointer}.mx-calendar-week-mode .mx-date-row:hover{background-color:#f3f9fe}.mx-calendar-week-mode .mx-date-row.mx-active-week{background-color:#dbedfb}.mx-calendar-week-mode .mx-date-row .cell:hover{color:inherit;background-color:transparent}.mx-calendar-week-mode .mx-date-row .cell.active{color:inherit;background-color:transparent}.mx-week-number{opacity:.5}.mx-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.mx-table th{padding:0;font-weight:500;vertical-align:middle}.mx-table td{padding:0;vertical-align:middle}.mx-table-date td,.mx-table-date th{height:32px;font-size:12px}.mx-table-date .today{color:#2a90e9}.mx-table-date .cell.not-current-month{color:#ccc;background:none}.mx-time{-webkit-box-flex:1;-ms-flex:1;flex:1;width:224px;background:#fff}.mx-time+.mx-time{border-left:1px solid #e8e8e8}.mx-calendar-time{position:absolute;top:0;left:0;width:100%;height:100%}.mx-time-header{border-bottom:1px solid #e8e8e8}.mx-time-content{height:224px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.mx-time-columns{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;overflow:hidden}.mx-time-column{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-left:1px solid #e8e8e8;text-align:center}.mx-time-column:first-child{border-left:0}.mx-time-column .mx-time-list{margin:0;padding:0;list-style:none}.mx-time-column .mx-time-list::after{content:"";display:block;height:192px}.mx-time-column .mx-time-item{cursor:pointer;font-size:12px;height:32px;line-height:32px}.mx-time-column .mx-time-item:hover{color:#73879c;background-color:#f3f9fe}.mx-time-column .mx-time-item.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-column .mx-time-item.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}.mx-time-option{cursor:pointer;padding:8px 10px;font-size:14px;line-height:20px}.mx-time-option:hover{color:#73879c;background-color:#f3f9fe}.mx-time-option.active{color:#1284e7;background-color:transparent;font-weight:700}.mx-time-option.disabled{cursor:not-allowed;color:#ccc;background-color:#f3f3f3}

fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

@charset "UTF-8";
/** first import the vendor css to be able to overwrite them **/
/**
 * AT-UI
 */
/* Mixin */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Variables */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Core */
/**
 * Core
 */
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * AT-Desktop UI Base Stylesheet
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before, *:after {
  box-sizing: border-box;
}

/* HTML & Body reset */
html, body {
  width: 100%;
  height: 100%;
}

body {
  background-color: #FFF;
  color: #3F536E;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

/* Unify the margin and padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* Reset fonts for relevant elements */
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

ul, ol {
  list-style: none;
}

/* Remove the clear button of a text input control in IE10+ */
input::-ms-clear, input::-ms-reveal {
  display: none;
}

::-moz-selection {
  background: #6190E8;
  color: #fff;
}

::selection {
  background: #6190E8;
  color: #fff;
}

/* Link */
a {
  color: #6190E8;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
a:hover {
  color: #79A1EB;
}
a:active {
  color: #4F7DE2;
}
a:hover, a:active {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: #BFBFBF;
  cursor: not-allowed;
  pointer-events: none;
}

/* Code Block */
code, kbd, pre, samp {
  font-family: Consolas, Menlo, Courier, monospace;
}

/* Utility crud */
.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

/* Title */
h1, h2, h3, h4, h5, h6 {
  color: #2C405A;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4, h5, h6 {
  font-size: 14px;
}

hr {
  margin: 1.2em 0 1.5em;
}

/* Text */
p {
  color: #3F536E;
  font-size: 14px;
}

.text-smallest {
  font-size: 11px;
}

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

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

.text-base {
  font-size: 14px;
}

.text-normal {
  font-size: 16px;
}

.text-large {
  font-size: 18px;
}

.text-larger {
  font-size: 20px;
}

/*// Color
$normal-color             : #6190E8;
$primary-color            : #6190E8;
$success-color            : #13CE66;
$error-color              : #FF4949;
$warning-color            : #FFC82C;
$info-color               : #78A4FA;
.normal-color {
  color:
}*/
/* Font */
.typo-pingfang {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", Arial, sans-serif;
}

.typo-dongqing {
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
}

.typo-yahei {
  font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.typo-helvetica-neue {
  font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
}

.typo-helvetica {
  font-family: Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
}

.typo-arial {
  font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
}

/**
 * Grid System
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* variables */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/* Extra large screen / Wide Desktop */
/**
 * Make Grid
 * Use for column 24
 * $baseWidth: 4.166667%;
 */
.container-fluid, .container {
  margin-left: auto;
  margin-right: auto;
}

.container-fluid {
  padding-left: 24px;
  padding-right: 24px;
}

.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
.row.reverse {
  flex-direction: row-reverse;
}

.col.reverse {
  flex-direction: column-reverse;
}

/* Flex justify content */
.flex {
  display: flex;
}

.flex-start {
  justify-content: flex-start;
  text-align: start;
}

.flex-center {
  justify-content: center;
  text-align: center;
}

.flex-end {
  justify-content: flex-end;
  text-align: end;
}

.flex-around {
  justify-content: space-around;
}

.flex-between {
  justify-content: space-between;
}

.flex-top {
  align-items: flex-start;
}

.flex-middle {
  align-items: center;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-first {
  order: -1;
}

.flex-last {
  order: 1;
}

.flex-gap {
  gap: 10px;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* normal */
.container {
  width: 100%;
}

.col, .col-offset-0 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}

.col-1, .col-offset-1 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-1, .no-gutter .col-offset-1 {
  padding-left: 0;
  padding-right: 0;
}

.col-2, .col-offset-2 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-2, .no-gutter .col-offset-2 {
  padding-left: 0;
  padding-right: 0;
}

.col-3, .col-offset-3 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-3, .no-gutter .col-offset-3 {
  padding-left: 0;
  padding-right: 0;
}

.col-4, .col-offset-4 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-4, .no-gutter .col-offset-4 {
  padding-left: 0;
  padding-right: 0;
}

.col-5, .col-offset-5 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-5, .no-gutter .col-offset-5 {
  padding-left: 0;
  padding-right: 0;
}

.col-6, .col-offset-6 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-6, .no-gutter .col-offset-6 {
  padding-left: 0;
  padding-right: 0;
}

.col-7, .col-offset-7 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-7, .no-gutter .col-offset-7 {
  padding-left: 0;
  padding-right: 0;
}

.col-8, .col-offset-8 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-8, .no-gutter .col-offset-8 {
  padding-left: 0;
  padding-right: 0;
}

.col-9, .col-offset-9 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-9, .no-gutter .col-offset-9 {
  padding-left: 0;
  padding-right: 0;
}

.col-10, .col-offset-10 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-10, .no-gutter .col-offset-10 {
  padding-left: 0;
  padding-right: 0;
}

.col-11, .col-offset-11 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-11, .no-gutter .col-offset-11 {
  padding-left: 0;
  padding-right: 0;
}

.col-12, .col-offset-12 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-12, .no-gutter .col-offset-12 {
  padding-left: 0;
  padding-right: 0;
}

.col-13, .col-offset-13 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-13, .no-gutter .col-offset-13 {
  padding-left: 0;
  padding-right: 0;
}

.col-14, .col-offset-14 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-14, .no-gutter .col-offset-14 {
  padding-left: 0;
  padding-right: 0;
}

.col-15, .col-offset-15 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-15, .no-gutter .col-offset-15 {
  padding-left: 0;
  padding-right: 0;
}

.col-16, .col-offset-16 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-16, .no-gutter .col-offset-16 {
  padding-left: 0;
  padding-right: 0;
}

.col-17, .col-offset-17 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-17, .no-gutter .col-offset-17 {
  padding-left: 0;
  padding-right: 0;
}

.col-18, .col-offset-18 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-18, .no-gutter .col-offset-18 {
  padding-left: 0;
  padding-right: 0;
}

.col-19, .col-offset-19 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-19, .no-gutter .col-offset-19 {
  padding-left: 0;
  padding-right: 0;
}

.col-20, .col-offset-20 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-20, .no-gutter .col-offset-20 {
  padding-left: 0;
  padding-right: 0;
}

.col-21, .col-offset-21 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-21, .no-gutter .col-offset-21 {
  padding-left: 0;
  padding-right: 0;
}

.col-22, .col-offset-22 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-22, .no-gutter .col-offset-22 {
  padding-left: 0;
  padding-right: 0;
}

.col-23, .col-offset-23 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-23, .no-gutter .col-offset-23 {
  padding-left: 0;
  padding-right: 0;
}

.col-24, .col-offset-24 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-24, .no-gutter .col-offset-24 {
  padding-left: 0;
  padding-right: 0;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}

.col-offset-0 {
  margin-left: 0;
}

.col-1 {
  flex-basis: 4.166667%;
  max-width: 4.166667%;
}

.col-offset-1 {
  margin-left: 4.166667%;
}

.col-2 {
  flex-basis: 8.333334%;
  max-width: 8.333334%;
}

.col-offset-2 {
  margin-left: 8.333334%;
}

.col-3 {
  flex-basis: 12.500001%;
  max-width: 12.500001%;
}

.col-offset-3 {
  margin-left: 12.500001%;
}

.col-4 {
  flex-basis: 16.666668%;
  max-width: 16.666668%;
}

.col-offset-4 {
  margin-left: 16.666668%;
}

.col-5 {
  flex-basis: 20.833335%;
  max-width: 20.833335%;
}

.col-offset-5 {
  margin-left: 20.833335%;
}

.col-6 {
  flex-basis: 25.000002%;
  max-width: 25.000002%;
}

.col-offset-6 {
  margin-left: 25.000002%;
}

.col-7 {
  flex-basis: 29.166669%;
  max-width: 29.166669%;
}

.col-offset-7 {
  margin-left: 29.166669%;
}

.col-8 {
  flex-basis: 33.333336%;
  max-width: 33.333336%;
}

.col-offset-8 {
  margin-left: 33.333336%;
}

.col-9 {
  flex-basis: 37.500003%;
  max-width: 37.500003%;
}

.col-offset-9 {
  margin-left: 37.500003%;
}

.col-10 {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}

.col-offset-10 {
  margin-left: 41.66667%;
}

.col-11 {
  flex-basis: 45.833337%;
  max-width: 45.833337%;
}

.col-offset-11 {
  margin-left: 45.833337%;
}

.col-12 {
  flex-basis: 50.000004%;
  max-width: 50.000004%;
}

.col-offset-12 {
  margin-left: 50.000004%;
}

.col-13 {
  flex-basis: 54.166671%;
  max-width: 54.166671%;
}

.col-offset-13 {
  margin-left: 54.166671%;
}

.col-14 {
  flex-basis: 58.333338%;
  max-width: 58.333338%;
}

.col-offset-14 {
  margin-left: 58.333338%;
}

.col-15 {
  flex-basis: 62.500005%;
  max-width: 62.500005%;
}

.col-offset-15 {
  margin-left: 62.500005%;
}

.col-16 {
  flex-basis: 66.666672%;
  max-width: 66.666672%;
}

.col-offset-16 {
  margin-left: 66.666672%;
}

.col-17 {
  flex-basis: 70.833339%;
  max-width: 70.833339%;
}

.col-offset-17 {
  margin-left: 70.833339%;
}

.col-18 {
  flex-basis: 75.000006%;
  max-width: 75.000006%;
}

.col-offset-18 {
  margin-left: 75.000006%;
}

.col-19 {
  flex-basis: 79.166673%;
  max-width: 79.166673%;
}

.col-offset-19 {
  margin-left: 79.166673%;
}

.col-20 {
  flex-basis: 83.33334%;
  max-width: 83.33334%;
}

.col-offset-20 {
  margin-left: 83.33334%;
}

.col-21 {
  flex-basis: 87.500007%;
  max-width: 87.500007%;
}

.col-offset-21 {
  margin-left: 87.500007%;
}

.col-22 {
  flex-basis: 91.666674%;
  max-width: 91.666674%;
}

.col-offset-22 {
  margin-left: 91.666674%;
}

.col-23 {
  flex-basis: 95.833341%;
  max-width: 95.833341%;
}

.col-offset-23 {
  margin-left: 95.833341%;
}

.col-24 {
  flex-basis: 100.000008%;
  max-width: 100.000008%;
}

.col-offset-24 {
  margin-left: 100.000008%;
}

/* screen xs */
@media screen and (max-width: 991px) {
  .col-xs, .col-xs-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-xs-1, .col-xs-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-1, .no-gutter .col-xs-offset-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-2, .col-xs-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-2, .no-gutter .col-xs-offset-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-3, .col-xs-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-3, .no-gutter .col-xs-offset-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-4, .col-xs-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-4, .no-gutter .col-xs-offset-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-5, .col-xs-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-5, .no-gutter .col-xs-offset-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-6, .col-xs-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-6, .no-gutter .col-xs-offset-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-7, .col-xs-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-7, .no-gutter .col-xs-offset-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-8, .col-xs-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-8, .no-gutter .col-xs-offset-8 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-9, .col-xs-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-9, .no-gutter .col-xs-offset-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-10, .col-xs-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-10, .no-gutter .col-xs-offset-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-11, .col-xs-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-11, .no-gutter .col-xs-offset-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-12, .col-xs-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-12, .no-gutter .col-xs-offset-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-13, .col-xs-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-13, .no-gutter .col-xs-offset-13 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-14, .col-xs-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-14, .no-gutter .col-xs-offset-14 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-15, .col-xs-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-15, .no-gutter .col-xs-offset-15 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-16, .col-xs-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-16, .no-gutter .col-xs-offset-16 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-17, .col-xs-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-17, .no-gutter .col-xs-offset-17 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-18, .col-xs-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-18, .no-gutter .col-xs-offset-18 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-19, .col-xs-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-19, .no-gutter .col-xs-offset-19 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-20, .col-xs-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-20, .no-gutter .col-xs-offset-20 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-21, .col-xs-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-21, .no-gutter .col-xs-offset-21 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-22, .col-xs-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-22, .no-gutter .col-xs-offset-22 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-23, .col-xs-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-23, .no-gutter .col-xs-offset-23 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs-24, .col-xs-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xs-24, .no-gutter .col-xs-offset-24 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  .col-xs-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
  }
  .col-xs-offset-1 {
    margin-left: 4.166667%;
  }
  .col-xs-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
  }
  .col-xs-offset-2 {
    margin-left: 8.333334%;
  }
  .col-xs-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
  }
  .col-xs-offset-3 {
    margin-left: 12.500001%;
  }
  .col-xs-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
  }
  .col-xs-offset-4 {
    margin-left: 16.666668%;
  }
  .col-xs-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
  }
  .col-xs-offset-5 {
    margin-left: 20.833335%;
  }
  .col-xs-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
  }
  .col-xs-offset-6 {
    margin-left: 25.000002%;
  }
  .col-xs-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
  }
  .col-xs-offset-7 {
    margin-left: 29.166669%;
  }
  .col-xs-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
  }
  .col-xs-offset-8 {
    margin-left: 33.333336%;
  }
  .col-xs-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
  }
  .col-xs-offset-9 {
    margin-left: 37.500003%;
  }
  .col-xs-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-xs-offset-10 {
    margin-left: 41.66667%;
  }
  .col-xs-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
  }
  .col-xs-offset-11 {
    margin-left: 45.833337%;
  }
  .col-xs-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
  }
  .col-xs-offset-12 {
    margin-left: 50.000004%;
  }
  .col-xs-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
  }
  .col-xs-offset-13 {
    margin-left: 54.166671%;
  }
  .col-xs-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
  }
  .col-xs-offset-14 {
    margin-left: 58.333338%;
  }
  .col-xs-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
  }
  .col-xs-offset-15 {
    margin-left: 62.500005%;
  }
  .col-xs-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
  }
  .col-xs-offset-16 {
    margin-left: 66.666672%;
  }
  .col-xs-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
  }
  .col-xs-offset-17 {
    margin-left: 70.833339%;
  }
  .col-xs-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
  }
  .col-xs-offset-18 {
    margin-left: 75.000006%;
  }
  .col-xs-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
  }
  .col-xs-offset-19 {
    margin-left: 79.166673%;
  }
  .col-xs-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .col-xs-offset-20 {
    margin-left: 83.33334%;
  }
  .col-xs-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
  }
  .col-xs-offset-21 {
    margin-left: 87.500007%;
  }
  .col-xs-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
  }
  .col-xs-offset-22 {
    margin-left: 91.666674%;
  }
  .col-xs-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
  }
  .col-xs-offset-23 {
    margin-left: 95.833341%;
  }
  .col-xs-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
  }
  .col-xs-offset-24 {
    margin-left: 100.000008%;
  }
}
/* screen sm */
@media screen and (min-width: 768px) {
  .container {
    width: 728px;
  }
  .col-sm, .col-sm-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-sm-1, .col-sm-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-1, .no-gutter .col-sm-offset-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-2, .col-sm-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-2, .no-gutter .col-sm-offset-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-3, .col-sm-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-3, .no-gutter .col-sm-offset-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-4, .col-sm-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-4, .no-gutter .col-sm-offset-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-5, .col-sm-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-5, .no-gutter .col-sm-offset-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-6, .col-sm-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-6, .no-gutter .col-sm-offset-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-7, .col-sm-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-7, .no-gutter .col-sm-offset-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-8, .col-sm-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-8, .no-gutter .col-sm-offset-8 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-9, .col-sm-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-9, .no-gutter .col-sm-offset-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-10, .col-sm-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-10, .no-gutter .col-sm-offset-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-11, .col-sm-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-11, .no-gutter .col-sm-offset-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-12, .col-sm-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-12, .no-gutter .col-sm-offset-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-13, .col-sm-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-13, .no-gutter .col-sm-offset-13 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-14, .col-sm-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-14, .no-gutter .col-sm-offset-14 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-15, .col-sm-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-15, .no-gutter .col-sm-offset-15 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-16, .col-sm-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-16, .no-gutter .col-sm-offset-16 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-17, .col-sm-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-17, .no-gutter .col-sm-offset-17 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-18, .col-sm-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-18, .no-gutter .col-sm-offset-18 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-19, .col-sm-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-19, .no-gutter .col-sm-offset-19 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-20, .col-sm-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-20, .no-gutter .col-sm-offset-20 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-21, .col-sm-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-21, .no-gutter .col-sm-offset-21 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-22, .col-sm-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-22, .no-gutter .col-sm-offset-22 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-23, .col-sm-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-23, .no-gutter .col-sm-offset-23 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm-24, .col-sm-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-sm-24, .no-gutter .col-sm-offset-24 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
  }
  .col-sm-offset-1 {
    margin-left: 4.166667%;
  }
  .col-sm-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
  }
  .col-sm-offset-2 {
    margin-left: 8.333334%;
  }
  .col-sm-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
  }
  .col-sm-offset-3 {
    margin-left: 12.500001%;
  }
  .col-sm-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
  }
  .col-sm-offset-4 {
    margin-left: 16.666668%;
  }
  .col-sm-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
  }
  .col-sm-offset-5 {
    margin-left: 20.833335%;
  }
  .col-sm-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
  }
  .col-sm-offset-6 {
    margin-left: 25.000002%;
  }
  .col-sm-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
  }
  .col-sm-offset-7 {
    margin-left: 29.166669%;
  }
  .col-sm-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
  }
  .col-sm-offset-8 {
    margin-left: 33.333336%;
  }
  .col-sm-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
  }
  .col-sm-offset-9 {
    margin-left: 37.500003%;
  }
  .col-sm-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-offset-10 {
    margin-left: 41.66667%;
  }
  .col-sm-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
  }
  .col-sm-offset-11 {
    margin-left: 45.833337%;
  }
  .col-sm-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
  }
  .col-sm-offset-12 {
    margin-left: 50.000004%;
  }
  .col-sm-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
  }
  .col-sm-offset-13 {
    margin-left: 54.166671%;
  }
  .col-sm-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
  }
  .col-sm-offset-14 {
    margin-left: 58.333338%;
  }
  .col-sm-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
  }
  .col-sm-offset-15 {
    margin-left: 62.500005%;
  }
  .col-sm-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
  }
  .col-sm-offset-16 {
    margin-left: 66.666672%;
  }
  .col-sm-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
  }
  .col-sm-offset-17 {
    margin-left: 70.833339%;
  }
  .col-sm-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
  }
  .col-sm-offset-18 {
    margin-left: 75.000006%;
  }
  .col-sm-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
  }
  .col-sm-offset-19 {
    margin-left: 79.166673%;
  }
  .col-sm-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .col-sm-offset-20 {
    margin-left: 83.33334%;
  }
  .col-sm-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
  }
  .col-sm-offset-21 {
    margin-left: 87.500007%;
  }
  .col-sm-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
  }
  .col-sm-offset-22 {
    margin-left: 91.666674%;
  }
  .col-sm-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
  }
  .col-sm-offset-23 {
    margin-left: 95.833341%;
  }
  .col-sm-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
  }
  .col-sm-offset-24 {
    margin-left: 100.000008%;
  }
}
/* screen md */
@media screen and (min-width: 992px) {
  .container {
    width: 948px;
  }
  .col-md, .col-md-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-md-1, .col-md-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-1, .no-gutter .col-md-offset-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-2, .col-md-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-2, .no-gutter .col-md-offset-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-3, .col-md-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-3, .no-gutter .col-md-offset-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-4, .col-md-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-4, .no-gutter .col-md-offset-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-5, .col-md-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-5, .no-gutter .col-md-offset-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-6, .col-md-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-6, .no-gutter .col-md-offset-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-7, .col-md-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-7, .no-gutter .col-md-offset-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-8, .col-md-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-8, .no-gutter .col-md-offset-8 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-9, .col-md-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-9, .no-gutter .col-md-offset-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-10, .col-md-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-10, .no-gutter .col-md-offset-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-11, .col-md-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-11, .no-gutter .col-md-offset-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-12, .col-md-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-12, .no-gutter .col-md-offset-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-13, .col-md-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-13, .no-gutter .col-md-offset-13 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-14, .col-md-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-14, .no-gutter .col-md-offset-14 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-15, .col-md-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-15, .no-gutter .col-md-offset-15 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-16, .col-md-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-16, .no-gutter .col-md-offset-16 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-17, .col-md-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-17, .no-gutter .col-md-offset-17 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-18, .col-md-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-18, .no-gutter .col-md-offset-18 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-19, .col-md-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-19, .no-gutter .col-md-offset-19 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-20, .col-md-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-20, .no-gutter .col-md-offset-20 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-21, .col-md-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-21, .no-gutter .col-md-offset-21 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-22, .col-md-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-22, .no-gutter .col-md-offset-22 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-23, .col-md-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-23, .no-gutter .col-md-offset-23 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md-24, .col-md-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-md-24, .no-gutter .col-md-offset-24 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
  }
  .col-md-offset-1 {
    margin-left: 4.166667%;
  }
  .col-md-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
  }
  .col-md-offset-2 {
    margin-left: 8.333334%;
  }
  .col-md-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
  }
  .col-md-offset-3 {
    margin-left: 12.500001%;
  }
  .col-md-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
  }
  .col-md-offset-4 {
    margin-left: 16.666668%;
  }
  .col-md-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
  }
  .col-md-offset-5 {
    margin-left: 20.833335%;
  }
  .col-md-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
  }
  .col-md-offset-6 {
    margin-left: 25.000002%;
  }
  .col-md-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
  }
  .col-md-offset-7 {
    margin-left: 29.166669%;
  }
  .col-md-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
  }
  .col-md-offset-8 {
    margin-left: 33.333336%;
  }
  .col-md-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
  }
  .col-md-offset-9 {
    margin-left: 37.500003%;
  }
  .col-md-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-offset-10 {
    margin-left: 41.66667%;
  }
  .col-md-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
  }
  .col-md-offset-11 {
    margin-left: 45.833337%;
  }
  .col-md-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
  }
  .col-md-offset-12 {
    margin-left: 50.000004%;
  }
  .col-md-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
  }
  .col-md-offset-13 {
    margin-left: 54.166671%;
  }
  .col-md-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
  }
  .col-md-offset-14 {
    margin-left: 58.333338%;
  }
  .col-md-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
  }
  .col-md-offset-15 {
    margin-left: 62.500005%;
  }
  .col-md-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
  }
  .col-md-offset-16 {
    margin-left: 66.666672%;
  }
  .col-md-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
  }
  .col-md-offset-17 {
    margin-left: 70.833339%;
  }
  .col-md-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
  }
  .col-md-offset-18 {
    margin-left: 75.000006%;
  }
  .col-md-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
  }
  .col-md-offset-19 {
    margin-left: 79.166673%;
  }
  .col-md-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .col-md-offset-20 {
    margin-left: 83.33334%;
  }
  .col-md-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
  }
  .col-md-offset-21 {
    margin-left: 87.500007%;
  }
  .col-md-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
  }
  .col-md-offset-22 {
    margin-left: 91.666674%;
  }
  .col-md-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
  }
  .col-md-offset-23 {
    margin-left: 95.833341%;
  }
  .col-md-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
  }
  .col-md-offset-24 {
    margin-left: 100.000008%;
  }
}
/* Screen lg */
@media screen and (min-width: 1200px) {
  .container {
    width: 1148px;
  }
  .col-lg, .col-lg-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-lg-1, .col-lg-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-1, .no-gutter .col-lg-offset-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-2, .col-lg-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-2, .no-gutter .col-lg-offset-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-3, .col-lg-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-3, .no-gutter .col-lg-offset-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-4, .col-lg-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-4, .no-gutter .col-lg-offset-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-5, .col-lg-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-5, .no-gutter .col-lg-offset-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-6, .col-lg-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-6, .no-gutter .col-lg-offset-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-7, .col-lg-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-7, .no-gutter .col-lg-offset-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-8, .col-lg-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-8, .no-gutter .col-lg-offset-8 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-9, .col-lg-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-9, .no-gutter .col-lg-offset-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-10, .col-lg-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-10, .no-gutter .col-lg-offset-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-11, .col-lg-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-11, .no-gutter .col-lg-offset-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-12, .col-lg-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-12, .no-gutter .col-lg-offset-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-13, .col-lg-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-13, .no-gutter .col-lg-offset-13 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-14, .col-lg-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-14, .no-gutter .col-lg-offset-14 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-15, .col-lg-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-15, .no-gutter .col-lg-offset-15 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-16, .col-lg-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-16, .no-gutter .col-lg-offset-16 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-17, .col-lg-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-17, .no-gutter .col-lg-offset-17 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-18, .col-lg-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-18, .no-gutter .col-lg-offset-18 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-19, .col-lg-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-19, .no-gutter .col-lg-offset-19 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-20, .col-lg-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-20, .no-gutter .col-lg-offset-20 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-21, .col-lg-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-21, .no-gutter .col-lg-offset-21 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-22, .col-lg-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-22, .no-gutter .col-lg-offset-22 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-23, .col-lg-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-23, .no-gutter .col-lg-offset-23 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg-24, .col-lg-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-lg-24, .no-gutter .col-lg-offset-24 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
  }
  .col-lg-offset-1 {
    margin-left: 4.166667%;
  }
  .col-lg-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
  }
  .col-lg-offset-2 {
    margin-left: 8.333334%;
  }
  .col-lg-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
  }
  .col-lg-offset-3 {
    margin-left: 12.500001%;
  }
  .col-lg-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
  }
  .col-lg-offset-4 {
    margin-left: 16.666668%;
  }
  .col-lg-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
  }
  .col-lg-offset-5 {
    margin-left: 20.833335%;
  }
  .col-lg-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
  }
  .col-lg-offset-6 {
    margin-left: 25.000002%;
  }
  .col-lg-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
  }
  .col-lg-offset-7 {
    margin-left: 29.166669%;
  }
  .col-lg-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
  }
  .col-lg-offset-8 {
    margin-left: 33.333336%;
  }
  .col-lg-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
  }
  .col-lg-offset-9 {
    margin-left: 37.500003%;
  }
  .col-lg-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-offset-10 {
    margin-left: 41.66667%;
  }
  .col-lg-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
  }
  .col-lg-offset-11 {
    margin-left: 45.833337%;
  }
  .col-lg-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
  }
  .col-lg-offset-12 {
    margin-left: 50.000004%;
  }
  .col-lg-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
  }
  .col-lg-offset-13 {
    margin-left: 54.166671%;
  }
  .col-lg-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
  }
  .col-lg-offset-14 {
    margin-left: 58.333338%;
  }
  .col-lg-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
  }
  .col-lg-offset-15 {
    margin-left: 62.500005%;
  }
  .col-lg-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
  }
  .col-lg-offset-16 {
    margin-left: 66.666672%;
  }
  .col-lg-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
  }
  .col-lg-offset-17 {
    margin-left: 70.833339%;
  }
  .col-lg-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
  }
  .col-lg-offset-18 {
    margin-left: 75.000006%;
  }
  .col-lg-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
  }
  .col-lg-offset-19 {
    margin-left: 79.166673%;
  }
  .col-lg-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .col-lg-offset-20 {
    margin-left: 83.33334%;
  }
  .col-lg-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
  }
  .col-lg-offset-21 {
    margin-left: 87.500007%;
  }
  .col-lg-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
  }
  .col-lg-offset-22 {
    margin-left: 91.666674%;
  }
  .col-lg-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
  }
  .col-lg-offset-23 {
    margin-left: 95.833341%;
  }
  .col-lg-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
  }
  .col-lg-offset-24 {
    margin-left: 100.000008%;
  }
}
/* Screen lg */
@media screen and (min-width: 1600px) {
  .container {
    width: 1148px;
  }
  .col-lg, .col-lg-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .col-xl-1, .col-xl-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-1, .no-gutter .col-xl-offset-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-2, .col-xl-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-2, .no-gutter .col-xl-offset-2 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-3, .col-xl-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-3, .no-gutter .col-xl-offset-3 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-4, .col-xl-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-4, .no-gutter .col-xl-offset-4 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-5, .col-xl-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-5, .no-gutter .col-xl-offset-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-6, .col-xl-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-6, .no-gutter .col-xl-offset-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-7, .col-xl-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-7, .no-gutter .col-xl-offset-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-8, .col-xl-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-8, .no-gutter .col-xl-offset-8 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-9, .col-xl-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-9, .no-gutter .col-xl-offset-9 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-10, .col-xl-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-10, .no-gutter .col-xl-offset-10 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-11, .col-xl-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-11, .no-gutter .col-xl-offset-11 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-12, .col-xl-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-12, .no-gutter .col-xl-offset-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-13, .col-xl-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-13, .no-gutter .col-xl-offset-13 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-14, .col-xl-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-14, .no-gutter .col-xl-offset-14 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-15, .col-xl-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-15, .no-gutter .col-xl-offset-15 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-16, .col-xl-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-16, .no-gutter .col-xl-offset-16 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-17, .col-xl-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-17, .no-gutter .col-xl-offset-17 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-18, .col-xl-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-18, .no-gutter .col-xl-offset-18 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-19, .col-xl-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-19, .no-gutter .col-xl-offset-19 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-20, .col-xl-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-20, .no-gutter .col-xl-offset-20 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-21, .col-xl-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-21, .no-gutter .col-xl-offset-21 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-22, .col-xl-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-22, .no-gutter .col-xl-offset-22 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-23, .col-xl-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-23, .no-gutter .col-xl-offset-23 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl-24, .col-xl-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .no-gutter .col-xl-24, .no-gutter .col-xl-offset-24 {
    padding-left: 0;
    padding-right: 0;
  }
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-xl-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
  }
  .col-xl-offset-1 {
    margin-left: 4.166667%;
  }
  .col-xl-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
  }
  .col-xl-offset-2 {
    margin-left: 8.333334%;
  }
  .col-xl-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
  }
  .col-xl-offset-3 {
    margin-left: 12.500001%;
  }
  .col-xl-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
  }
  .col-xl-offset-4 {
    margin-left: 16.666668%;
  }
  .col-xl-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
  }
  .col-xl-offset-5 {
    margin-left: 20.833335%;
  }
  .col-xl-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
  }
  .col-xl-offset-6 {
    margin-left: 25.000002%;
  }
  .col-xl-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
  }
  .col-xl-offset-7 {
    margin-left: 29.166669%;
  }
  .col-xl-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
  }
  .col-xl-offset-8 {
    margin-left: 33.333336%;
  }
  .col-xl-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
  }
  .col-xl-offset-9 {
    margin-left: 37.500003%;
  }
  .col-xl-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-offset-10 {
    margin-left: 41.66667%;
  }
  .col-xl-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
  }
  .col-xl-offset-11 {
    margin-left: 45.833337%;
  }
  .col-xl-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
  }
  .col-xl-offset-12 {
    margin-left: 50.000004%;
  }
  .col-xl-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
  }
  .col-xl-offset-13 {
    margin-left: 54.166671%;
  }
  .col-xl-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
  }
  .col-xl-offset-14 {
    margin-left: 58.333338%;
  }
  .col-xl-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
  }
  .col-xl-offset-15 {
    margin-left: 62.500005%;
  }
  .col-xl-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
  }
  .col-xl-offset-16 {
    margin-left: 66.666672%;
  }
  .col-xl-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
  }
  .col-xl-offset-17 {
    margin-left: 70.833339%;
  }
  .col-xl-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
  }
  .col-xl-offset-18 {
    margin-left: 75.000006%;
  }
  .col-xl-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
  }
  .col-xl-offset-19 {
    margin-left: 79.166673%;
  }
  .col-xl-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
  }
  .col-xl-offset-20 {
    margin-left: 83.33334%;
  }
  .col-xl-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
  }
  .col-xl-offset-21 {
    margin-left: 87.500007%;
  }
  .col-xl-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
  }
  .col-xl-offset-22 {
    margin-left: 91.666674%;
  }
  .col-xl-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
  }
  .col-xl-offset-23 {
    margin-left: 95.833341%;
  }
  .col-xl-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
  }
  .col-xl-offset-24 {
    margin-left: 100.000008%;
  }
}
/**
 * IconFont
 */
@font-face {
  font-family: "feather";
  src: url(/fonts/vendor/@cattr/ui-kit/src/stylesheet/src/core/feather.eot?06c77b59a68c5b11103a8e38930687b3);
  src: url(/fonts/vendor/@cattr/ui-kit/src/stylesheet/src/core/feather.eot?06c77b59a68c5b11103a8e38930687b3#iefix) format("embedded-opentype"), url(/fonts/vendor/@cattr/ui-kit/src/stylesheet/src/core/feather.ttf?753e97624700c996443438d3682bc9c2) format("truetype"), url(/fonts/vendor/@cattr/ui-kit/src/stylesheet/src/core/feather.woff?a2603f60a852565b5d5bf348b9999b69) format("woff"), url(/fonts/vendor/@cattr/ui-kit/src/stylesheet/src/core/feather.svg?29ae650770ffb8a6a3ba1b2ee30ec554#feather) format("svg");
  font-weight: normal;
  font-size: normal;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before {
  content: "\e81b";
}

.icon-alert-circle:before {
  content: "\e81c";
}

.icon-activity:before {
  content: "\e81d";
}

.icon-alert-triangle:before {
  content: "\e81e";
}

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

.icon-airplay:before {
  content: "\e820";
}

.icon-align-justify:before {
  content: "\e821";
}

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

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

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

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

.icon-anchor:before {
  content: "\e826";
}

.icon-aperture:before {
  content: "\e827";
}

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

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

.icon-arrow-down:before {
  content: "\e82a";
}

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

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

.icon-arrow-up:before {
  content: "\e82d";
}

.icon-award:before {
  content: "\e82e";
}

.icon-bar-chart:before {
  content: "\e82f";
}

.icon-at-sign:before {
  content: "\e830";
}

.icon-bar-chart-2:before {
  content: "\e831";
}

.icon-battery-charging:before {
  content: "\e832";
}

.icon-bell-off:before {
  content: "\e833";
}

.icon-battery:before {
  content: "\e834";
}

.icon-bluetooth:before {
  content: "\e835";
}

.icon-bell:before {
  content: "\e836";
}

.icon-book:before {
  content: "\e837";
}

.icon-briefcase:before {
  content: "\e838";
}

.icon-camera-off:before {
  content: "\e839";
}

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

.icon-bookmark:before {
  content: "\e83b";
}

.icon-box:before {
  content: "\e83c";
}

.icon-camera:before {
  content: "\e83d";
}

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

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

.icon-check-square:before {
  content: "\e840";
}

.icon-cast:before {
  content: "\e841";
}

.icon-chevron-down:before {
  content: "\e842";
}

.icon-chevron-left:before {
  content: "\e843";
}

.icon-chevron-right:before {
  content: "\e844";
}

.icon-chevron-up:before {
  content: "\e845";
}

.icon-chevrons-down:before {
  content: "\e846";
}

.icon-chevrons-right:before {
  content: "\e847";
}

.icon-chevrons-up:before {
  content: "\e848";
}

.icon-chevrons-left:before {
  content: "\e849";
}

.icon-circle:before {
  content: "\e84a";
}

.icon-clipboard:before {
  content: "\e84b";
}

.icon-chrome:before {
  content: "\e84c";
}

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

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

.icon-cloud-drizzle:before {
  content: "\e84f";
}

.icon-cloud-rain:before {
  content: "\e850";
}

.icon-cloud-off:before {
  content: "\e851";
}

.icon-codepen:before {
  content: "\e852";
}

.icon-cloud-snow:before {
  content: "\e853";
}

.icon-compass:before {
  content: "\e854";
}

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

.icon-corner-down-right:before {
  content: "\e856";
}

.icon-corner-down-left:before {
  content: "\e857";
}

.icon-corner-left-down:before {
  content: "\e858";
}

.icon-corner-left-up:before {
  content: "\e859";
}

.icon-corner-up-left:before {
  content: "\e85a";
}

.icon-corner-up-right:before {
  content: "\e85b";
}

.icon-corner-right-down:before {
  content: "\e85c";
}

.icon-corner-right-up:before {
  content: "\e85d";
}

.icon-cpu:before {
  content: "\e85e";
}

.icon-credit-card:before {
  content: "\e85f";
}

.icon-crosshair:before {
  content: "\e860";
}

.icon-disc:before {
  content: "\e861";
}

.icon-delete:before {
  content: "\e862";
}

.icon-download-cloud:before {
  content: "\e863";
}

.icon-download:before {
  content: "\e864";
}

.icon-droplet:before {
  content: "\e865";
}

.icon-edit-2:before {
  content: "\e866";
}

.icon-edit:before {
  content: "\e867";
}

.icon-edit-1:before {
  content: "\e868";
}

.icon-external-link:before {
  content: "\e869";
}

.icon-eye:before {
  content: "\e86a";
}

.icon-feather:before {
  content: "\e86b";
}

.icon-facebook:before {
  content: "\e86c";
}

.icon-file-minus:before {
  content: "\e86d";
}

.icon-eye-off:before {
  content: "\e86e";
}

.icon-fast-forward:before {
  content: "\e86f";
}

.icon-file-text:before {
  content: "\e870";
}

.icon-film:before {
  content: "\e871";
}

.icon-file:before {
  content: "\e872";
}

.icon-file-plus:before {
  content: "\e873";
}

.icon-folder:before {
  content: "\e874";
}

.icon-filter:before {
  content: "\e875";
}

.icon-flag:before {
  content: "\e876";
}

.icon-globe:before {
  content: "\e877";
}

.icon-grid:before {
  content: "\e878";
}

.icon-heart:before {
  content: "\e879";
}

.icon-home:before {
  content: "\e87a";
}

.icon-github:before {
  content: "\e87b";
}

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

.icon-inbox:before {
  content: "\e87d";
}

.icon-layers:before {
  content: "\e87e";
}

.icon-info:before {
  content: "\e87f";
}

.icon-instagram:before {
  content: "\e880";
}

.icon-layout:before {
  content: "\e881";
}

.icon-link-2:before {
  content: "\e882";
}

.icon-life-buoy:before {
  content: "\e883";
}

.icon-link:before {
  content: "\e884";
}

.icon-log-in:before {
  content: "\e885";
}

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

.icon-lock:before {
  content: "\e887";
}

.icon-log-out:before {
  content: "\e888";
}

.icon-loader:before {
  content: "\e889";
}

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

.icon-maximize-2:before {
  content: "\e88b";
}

.icon-map:before {
  content: "\e88c";
}

.icon-map-pin:before {
  content: "\e88e";
}

.icon-menu:before {
  content: "\e88f";
}

.icon-message-circle:before {
  content: "\e890";
}

.icon-message-square:before {
  content: "\e891";
}

.icon-minimize-2:before {
  content: "\e892";
}

.icon-mic-off:before {
  content: "\e893";
}

.icon-minus-circle:before {
  content: "\e894";
}

.icon-mic:before {
  content: "\e895";
}

.icon-minus-square:before {
  content: "\e896";
}

.icon-minus:before {
  content: "\e897";
}

.icon-moon:before {
  content: "\e898";
}

.icon-monitor:before {
  content: "\e899";
}

.icon-more-vertical:before {
  content: "\e89a";
}

.icon-more-horizontal:before {
  content: "\e89b";
}

.icon-move:before {
  content: "\e89c";
}

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

.icon-navigation-2:before {
  content: "\e89e";
}

.icon-navigation:before {
  content: "\e89f";
}

.icon-octagon:before {
  content: "\e8a0";
}

.icon-package:before {
  content: "\e8a1";
}

.icon-pause-circle:before {
  content: "\e8a2";
}

.icon-pause:before {
  content: "\e8a3";
}

.icon-percent:before {
  content: "\e8a4";
}

.icon-phone-call:before {
  content: "\e8a5";
}

.icon-phone-forwarded:before {
  content: "\e8a6";
}

.icon-phone-missed:before {
  content: "\e8a7";
}

.icon-phone-off:before {
  content: "\e8a8";
}

.icon-phone-incoming:before {
  content: "\e8a9";
}

.icon-phone:before {
  content: "\e8aa";
}

.icon-phone-outgoing:before {
  content: "\e8ab";
}

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

.icon-play-circle:before {
  content: "\e8ad";
}

.icon-play:before {
  content: "\e8ae";
}

.icon-plus-square:before {
  content: "\e8af";
}

.icon-plus-circle:before {
  content: "\e8b0";
}

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

.icon-pocket:before {
  content: "\e8b2";
}

.icon-printer:before {
  content: "\e8b3";
}

.icon-power:before {
  content: "\e8b4";
}

.icon-radio:before {
  content: "\e8b5";
}

.icon-repeat:before {
  content: "\e8b6";
}

.icon-refresh-ccw:before {
  content: "\e8b7";
}

.icon-rewind:before {
  content: "\e8b8";
}

.icon-rotate-ccw:before {
  content: "\e8b9";
}

.icon-refresh-cw:before {
  content: "\e8ba";
}

.icon-rotate-cw:before {
  content: "\e8bb";
}

.icon-save:before {
  content: "\e8bc";
}

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

.icon-server:before {
  content: "\e8be";
}

.icon-scissors:before {
  content: "\e8bf";
}

.icon-share-2:before {
  content: "\e8c0";
}

.icon-share:before {
  content: "\e8c1";
}

.icon-shield:before {
  content: "\e8c2";
}

.icon-settings:before {
  content: "\e8c3";
}

.icon-skip-back:before {
  content: "\e8c4";
}

.icon-shuffle:before {
  content: "\e8c5";
}

.icon-sidebar:before {
  content: "\e8c6";
}

.icon-skip-forward:before {
  content: "\e8c7";
}

.icon-slack:before {
  content: "\e8c8";
}

.icon-slash:before {
  content: "\e8c9";
}

.icon-smartphone:before {
  content: "\e8ca";
}

.icon-square:before {
  content: "\e8cb";
}

.icon-speaker:before {
  content: "\e8cc";
}

.icon-star:before {
  content: "\e8cd";
}

.icon-stop-circle:before {
  content: "\e8ce";
}

.icon-sun:before {
  content: "\e8cf";
}

.icon-sunrise:before {
  content: "\e8d0";
}

.icon-tablet:before {
  content: "\e8d1";
}

.icon-tag:before {
  content: "\e8d2";
}

.icon-sunset:before {
  content: "\e8d3";
}

.icon-target:before {
  content: "\e8d4";
}

.icon-thermometer:before {
  content: "\e8d5";
}

.icon-thumbs-up:before {
  content: "\e8d6";
}

.icon-thumbs-down:before {
  content: "\e8d7";
}

.icon-toggle-left:before {
  content: "\e8d8";
}

.icon-toggle-right:before {
  content: "\e8d9";
}

.icon-trash-2:before {
  content: "\e8da";
}

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

.icon-trending-up:before {
  content: "\e8dc";
}

.icon-trending-down:before {
  content: "\e8dd";
}

.icon-triangle:before {
  content: "\e8de";
}

.icon-type:before {
  content: "\e8df";
}

.icon-twitter:before {
  content: "\e8e0";
}

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

.icon-umbrella:before {
  content: "\e8e2";
}

.icon-upload-cloud:before {
  content: "\e8e3";
}

.icon-unlock:before {
  content: "\e8e4";
}

.icon-user-check:before {
  content: "\e8e5";
}

.icon-user-minus:before {
  content: "\e8e6";
}

.icon-user-plus:before {
  content: "\e8e7";
}

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

.icon-user:before {
  content: "\e8e9";
}

.icon-users:before {
  content: "\e8ea";
}

.icon-video-off:before {
  content: "\e8eb";
}

.icon-video:before {
  content: "\e8ec";
}

.icon-voicemail:before {
  content: "\e8ed";
}

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

.icon-volume-2:before {
  content: "\e8ef";
}

.icon-volume-1:before {
  content: "\e8f0";
}

.icon-volume:before {
  content: "\e8f1";
}

.icon-watch:before {
  content: "\e8f2";
}

.icon-wifi:before {
  content: "\e8f3";
}

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

.icon-wind:before {
  content: "\e8f5";
}

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

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

.icon-zap:before {
  content: "\e8f8";
}

.icon-zoom-in:before {
  content: "\e8f9";
}

.icon-zoom-out:before {
  content: "\e8fa";
}

.icon-command:before {
  content: "\e8fb";
}

.icon-cloud:before {
  content: "\e8fc";
}

.icon-hash:before {
  content: "\e8fd";
}

.icon-headphones:before {
  content: "\e8fe";
}

.icon-underline:before {
  content: "\e8ff";
}

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

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

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

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

.icon-paperclip:before {
  content: "\e904";
}

.icon-shopping-cart:before {
  content: "\e905";
}

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

.icon-wifi-off:before {
  content: "\e907";
}

.icon-minimize:before {
  content: "\e88d";
}

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

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

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

.icon-star-on:before {
  content: "\e90b";
}

.icon-heart-on:before {
  content: "\e90c";
}

/* Components */
/**
 * Components
 */
/**
 * Animations
 */
@keyframes slideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-6px);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
  }
}
@keyframes slideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: translateY(-6px);
  }
}
@keyframes moveUpIn {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
  }
}
@keyframes moveUpOut {
  0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes notificationFadeIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes notificationFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.slide-up-enter-active {
  animation: slideUpIn 0.3s ease-in-out both;
}

.slide-up-leave-active {
  animation: slideUpOut 0.3s ease-in-out both;
}

.move-up-enter-active {
  animation: moveUpIn 0.3s ease-in-out both;
}

.move-up-leave-active {
  animation: moveUpOut 0.3s ease-in-out both;
}

.fade-enter-active {
  animation: fadeIn 0.3s ease-in-out both;
}

.fade-leave-active {
  animation: fadeOut 0.3s ease-in-out both;
}

.notification-fade-enter-active {
  animation: notificationFadeIn 0.3s ease-in-out both;
}

.notification-fade-leave-active {
  animation: notificationFadeOut 0.3s ease-in-out both;
}

/**
 * Element Animation
 */
@keyframes icon-loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.collapse-transition {
  transition: height 0.3s linear;
}

/**
 * Button Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-btn {
  display: inline-block;
  padding: 6px 16px;
  font-size: 0;
  outline: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: background 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* modifier */
  /* element */
}
.at-btn:hover {
  background-color: #f3f7fa;
}
.at-btn:active {
  background-color: #e2ecf4;
}
.at-btn:disabled, .at-btn:disabled:hover, .at-btn:disabled:active {
  cursor: not-allowed;
  color: #D2D2D2;
  border-color: #ECECEC;
  background-color: #F7F7F7;
}
.at-btn--primary, .at-btn--success, .at-btn--error, .at-btn--warning, .at-btn--info {
  color: #FFF;
}
.at-btn--default--hollow {
  background: none;
  color: #3F536E;
}
.at-btn--default--hollow:hover {
  background: none;
  color: #5c6d84;
  border-color: #cedfeb;
}
.at-btn--default--hollow:active {
  background: none;
  color: #52647d;
  border-color: #cbddea;
}
.at-btn--primary {
  border-color: #6190E8;
  background-color: #6190E8;
}
.at-btn--primary:hover {
  background-color: #79a1eb;
  border-color: #79a1eb;
}
.at-btn--primary:active {
  background-color: #5782d1;
  border-color: #5782d1;
}
.at-btn--primary--hollow {
  background: none;
  color: #6190E8;
}
.at-btn--primary--hollow:hover {
  background: none;
  color: #79a1eb;
  border-color: #79a1eb;
}
.at-btn--primary--hollow:active {
  background: none;
  color: #719bea;
  border-color: #719bea;
}
.at-btn--success {
  border-color: #13CE66;
  background-color: #13CE66;
}
.at-btn--success:hover {
  background-color: #36d57d;
  border-color: #36d57d;
}
.at-btn--success:active {
  background-color: #11b95c;
  border-color: #11b95c;
}
.at-btn--success--hollow {
  background: none;
  color: #13CE66;
}
.at-btn--success--hollow:hover {
  background: none;
  color: #36d57d;
  border-color: #36d57d;
}
.at-btn--success--hollow:active {
  background: none;
  color: #2bd375;
  border-color: #2bd375;
}
.at-btn--error {
  border-color: #FF4949;
  background-color: #FF4949;
}
.at-btn--error:hover {
  background-color: #ff6464;
  border-color: #ff6464;
}
.at-btn--error:active {
  background-color: #e64242;
  border-color: #e64242;
}
.at-btn--error--hollow {
  background: none;
  color: #FF4949;
}
.at-btn--error--hollow:hover {
  background: none;
  color: #ff6464;
  border-color: #ff6464;
}
.at-btn--error--hollow:active {
  background: none;
  color: #ff5b5b;
  border-color: #ff5b5b;
}
.at-btn--warning {
  border-color: #FFC82C;
  background-color: #FFC82C;
}
.at-btn--warning:hover {
  background-color: #ffd04c;
  border-color: #ffd04c;
}
.at-btn--warning:active {
  background-color: #e6b428;
  border-color: #e6b428;
}
.at-btn--warning--hollow {
  background: none;
  color: #FFC82C;
}
.at-btn--warning--hollow:hover {
  background: none;
  color: #ffd04c;
  border-color: #ffd04c;
}
.at-btn--warning--hollow:active {
  background: none;
  color: #ffce41;
  border-color: #ffce41;
}
.at-btn--info {
  border-color: #78A4FA;
  background-color: #78A4FA;
}
.at-btn--info:hover {
  background-color: #8cb2fb;
  border-color: #8cb2fb;
}
.at-btn--info:active {
  background-color: #6c94e1;
  border-color: #6c94e1;
}
.at-btn--info--hollow {
  background: none;
  color: #78A4FA;
}
.at-btn--info--hollow:hover {
  background: none;
  color: #8cb2fb;
  border-color: #8cb2fb;
}
.at-btn--info--hollow:active {
  background: none;
  color: #86adfb;
  border-color: #86adfb;
}
.at-btn--text {
  background: none;
  color: #6190E8;
  color: #3F536E;
  border: none;
}
.at-btn--text:hover {
  background: none;
  color: #79a1eb;
  border-color: rgba(255, 255, 255, 0.15);
}
.at-btn--text:active {
  background: none;
  color: #719bea;
  border-color: rgba(255, 255, 255, 0.1);
}
.at-btn--text:disabled, .at-btn--text:disabled:hover, .at-btn--text:disabled:active {
  background: none;
}
.at-btn--default--hollow:disabled, .at-btn--default--hollow:disabled:hover, .at-btn--default--hollow:disabled:active, .at-btn--primary--hollow:disabled, .at-btn--primary--hollow:disabled:hover, .at-btn--primary--hollow:disabled:active, .at-btn--success--hollow:disabled, .at-btn--success--hollow:disabled:hover, .at-btn--success--hollow:disabled:active, .at-btn--error--hollow:disabled, .at-btn--error--hollow:disabled:hover, .at-btn--error--hollow:disabled:active, .at-btn--warning--hollow:disabled, .at-btn--warning--hollow:disabled:hover, .at-btn--warning--hollow:disabled:active, .at-btn--info--hollow:disabled, .at-btn--info--hollow:disabled:hover, .at-btn--info--hollow:disabled:active, .at-btn--text--hollow:disabled, .at-btn--text--hollow:disabled:hover, .at-btn--text--hollow:disabled:active {
  background: none;
}
.at-btn--large {
  font-size: 14px;
  padding: 8px 16px;
}
.at-btn--large.at-btn--circle {
  width: 40px;
  height: 40px;
}
.at-btn--large.at-btn--circle .at-btn__icon {
  font-size: 16px;
}
.at-btn--large .at-btn__text {
  font-size: 14px;
}
.at-btn--small {
  font-size: 11px;
  padding: 4px 12px;
}
.at-btn--small.at-btn--circle {
  width: 28px;
  height: 28px;
}
.at-btn--small.at-btn--circle .at-btn__icon {
  font-size: 11px;
}
.at-btn--small .at-btn__text {
  font-size: 11px;
}
.at-btn--smaller {
  font-size: 10px;
  padding: 2px 10px;
}
.at-btn--smaller.at-btn--circle {
  width: 24px;
  height: 24px;
}
.at-btn--smaller.at-btn--circle .at-btn__icon {
  font-size: 10px;
}
.at-btn--smaller .at-btn__text {
  font-size: 10px;
}
.at-btn--circle {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
}
.at-btn--circle .at-btn__icon {
  font-size: 14px;
}
.at-btn__icon, .at-btn__loading {
  font-size: 12px;
  line-height: 1.5;
}
.at-btn__icon + span, .at-btn__loading + span {
  margin-left: 4px;
}
.at-btn__loading {
  display: inline-block;
  line-height: 1;
  animation: loadingCircle 1s linear infinite;
}
.at-btn__text {
  font-size: 12px;
}

.at-btn-group {
  font-size: 0;
  display: inline-block;
}
.at-btn-group .at-btn {
  border-radius: 0;
}
.at-btn-group .at-btn:not(:last-child) {
  margin-right: -1px;
}
.at-btn-group .at-btn:first-child {
  border-radius: 4px 0 0 4px;
}
.at-btn-group .at-btn:last-child {
  border-radius: 0 4px 4px 0;
}

@keyframes loadingCircle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
/**
 * Tag
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-tag {
  display: inline-block;
  padding: 1px 8px;
  color: #FFF;
  font-size: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  background-color: #F7F7F7;
  outline: 0;
  color: #3F536E;
  border-color: #DFDFDF;
  background-color: #F7F7F7;
}
.at-tag__text {
  font-size: 12px;
}
.at-tag__close {
  font-size: 10px;
  padding-left: 4px;
  margin: 0;
  cursor: pointer;
}
.at-tag__close:hover {
  color: #79879a;
}
.at-tag--default {
  color: #3F536E;
  border-color: #DFDFDF;
  background-color: #F7F7F7;
}
.at-tag--primary {
  color: #FFF;
  border-color: #6190E8;
  background-color: #6190E8;
}
.at-tag--success {
  color: #FFF;
  border-color: #13CE66;
  background-color: #13CE66;
}
.at-tag--error {
  color: #FFF;
  border-color: #FF4949;
  background-color: #FF4949;
}
.at-tag--warning {
  color: #FFF;
  border-color: #FFC82C;
  background-color: #FFC82C;
}
.at-tag--info {
  color: #FFF;
  border-color: #78A4FA;
  background-color: #78A4FA;
}

/**
 * Checkbox Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-checkbox {
  position: relative;
  display: inline-block;
  font-size: 0;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* modifier */
  /* element */
}
.at-checkbox + .at-checkbox {
  margin-left: 16px;
}
.at-checkbox--checked .at-checkbox__inner {
  border-color: #79A1EB;
  background-color: #79A1EB;
}
.at-checkbox--checked .at-checkbox__inner::after {
  transform: rotate(45deg) scale(1);
}
.at-checkbox--disabled .at-checkbox__inner {
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-checkbox--disabled .at-checkbox__inner:hover {
  border-color: #ECECEC;
}
.at-checkbox--disabled .at-checkbox__inner::after {
  border-color: #C5D9E8;
  cursor: not-allowed;
}
.at-checkbox--disabled .at-checkbox__label {
  color: #B1B1B1;
  cursor: not-allowed;
}
.at-checkbox--focus {
  border-color: #78A4F4;
}
.at-checkbox__input {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}
.at-checkbox__inner {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 1;
}
.at-checkbox__inner:hover {
  border-color: #79A1EB;
}
.at-checkbox__inner::after {
  content: "";
  width: 4px;
  height: 8px;
  border: 2px solid #FFF;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.2s;
}
.at-checkbox__original {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.at-checkbox__label {
  font-size: 12px;
  padding-left: 8px;
  vertical-align: middle;
}

/**
 * Input Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * AtInput
 */
.at-input {
  position: relative;
  font-size: 0;
  line-height: 1.5;
  outline: 0;
  /* element */
  /* Modifier */
}
.at-input__original {
  display: block;
  width: 100%;
  padding: 6px 12px;
  color: #3F536E;
  font-size: 12px;
  background-color: #FFF;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  transition: border 0.2s;
  outline: none;
}
.at-input__original::-moz-placeholder {
  color: #C9C9C9;
}
.at-input__original::placeholder {
  color: #C9C9C9;
}
.at-input__original:hover {
  border-color: #79A1EB;
}
.at-input__original:focus {
  border-color: #79A1EB;
}
.at-input__icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 6px 0 0;
  width: 20px;
  height: 100%;
  color: #C5D9E8;
  font-size: 15px;
  text-align: center;
}
.at-input__icon:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.at-input--disabled .at-input__original {
  color: #B1B1B1;
  background-color: #F7F7F7;
  border-color: #ECECEC;
  cursor: not-allowed;
}
.at-input--disabled .at-input__original::-moz-placeholder {
  color: #C9C9C9;
}
.at-input--disabled .at-input__original::placeholder {
  color: #C9C9C9;
}
.at-input--large {
  font-size: 14px;
}
.at-input--large .at-input__original {
  padding: 8px 14px;
}
.at-input--large .at-input__original::-moz-placeholder {
  font-size: 14px;
}
.at-input--large .at-input__original::placeholder {
  font-size: 14px;
}
.at-input--small {
  font-size: 11px;
}
.at-input--small .at-input__original {
  padding: 4px 10px;
}
.at-input--small .at-input__original::-moz-placeholder {
  font-size: 11px;
}
.at-input--small .at-input__original::placeholder {
  font-size: 11px;
}
.at-input--success .at-input__original {
  border-color: #13CE66;
}
.at-input--error .at-input__original {
  border-color: #FF4949;
}
.at-input--warning .at-input__original {
  border-color: #FFC82C;
}
.at-input--info .at-input__original {
  border-color: #78A4FA;
}
.at-input--prepend .at-input__original {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.at-input--append .at-input__original {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.at-input--icon .at-input__original {
  padding-right: 32px;
}

/**
 * AtInputGroup
 */
.at-input-group {
  display: flex;
  line-height: normal;
  border-collapse: separate;
  /* element */
  /* modifier */
}
.at-input-group__prepend, .at-input-group__append {
  display: flex;
  flex: 1;
  padding: 0 10px;
  color: #9B9B9B;
  font-size: 12px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #F7F7F7;
  align-items: center;
  white-space: nowrap;
}
.at-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.at-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.at-input-group--button {
  display: flex;
  align-items: center;
  transition: backgroud 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.at-input-group--button:hover {
  background-color: #ECECEC;
}
.at-input-group--button:active {
  background-color: #DFDFDF;
}

/**
 * InputNumber Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-input-number {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 32px;
  min-width: 80px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: border 0.2s;
  overflow: hidden;
  /* status */
  /* element */
  /* modifier */
}
.at-input-number:hover:not(.at-input-number--disabled) {
  border-color: #79A1EB;
}
.at-input-number:hover:not(.at-input-number--disabled) .at-input-number__handler {
  opacity: 1;
}
.at-input-number__input {
  width: 100%;
  height: 100%;
}
.at-input-number__original {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  color: #3F536E;
  line-height: 1.5;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
  outline: none;
}
.at-input-number input[type=number] {
  -moz-appearance: textfield;
  background-color: transparent;
}
.at-input-number input[type=number]::-webkit-inner-spin-button, .at-input-number input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.at-input-number__handler {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  border-left: 1px solid #DFDFDF;
  border-radius: 0 4px 4px 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.at-input-number__up, .at-input-number__down {
  position: relative;
  display: flex;
  width: 100%;
  height: 16px;
  align-items: center;
  justify-content: center;
  color: #BFBFBF;
  font-size: 10px;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
.at-input-number__up:hover:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled), .at-input-number__down:hover:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled) {
  height: 18px;
  color: #9B9B9B;
}
.at-input-number__up:active:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled), .at-input-number__down:active:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled) {
  background-color: #ECECEC;
}
.at-input-number__up--disabled, .at-input-number__down--disabled {
  color: #ECECEC;
  cursor: not-allowed;
}
.at-input-number__down {
  border-top: 1px solid #DFDFDF;
}
.at-input-number__down:hover {
  margin-top: -2px;
}
.at-input-number--disabled {
  color: #B1B1B1;
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-input-number--disabled .at-input-number__original {
  color: #B1B1B1;
  cursor: not-allowed;
}
.at-input-number--disabled .at-input-number__handler {
  display: none;
}
.at-input-number--small {
  height: 28px;
}
.at-input-number--small .at-input-number__up,
.at-input-number--small .at-input-number__down {
  height: 14px;
  font-size: 9px;
}
.at-input-number--small .at-input-number__up:hover,
.at-input-number--small .at-input-number__down:hover {
  height: 16px !important;
}
.at-input-number--large {
  height: 36px;
}
.at-input-number--large .at-input-number__up,
.at-input-number--large .at-input-number__down {
  height: 18px;
  font-size: 11px;
}
.at-input-number--large .at-input-number__up:hover,
.at-input-number--large .at-input-number__down:hover {
  height: 20px !important;
}

/**
 * Radio Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * AtRadio
 */
.at-radio {
  position: relative;
  display: inline-block;
  color: #3F536E;
  font-size: 0;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* modifier */
  /* element */
}
.at-radio + .at-radio {
  margin-left: 16px;
}
.at-radio--checked .at-radio-button__inner {
  color: #FFF;
  border-color: #6190E8;
  background-color: #6190E8;
}
.at-radio__input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.at-radio__inner {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #C5D9E8;
  border-radius: 50%;
  background-color: #FFF;
  transition: border 0.2s;
  cursor: pointer;
}
.at-radio__inner:not(.at-radio--disabled):hover {
  border-color: #79A1EB;
}
.at-radio__inner::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #79A1EB;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
}
.at-radio__inner.at-radio--checked {
  border-color: #79A1EB;
}
.at-radio__inner.at-radio--checked::after {
  transform: translate(-50%, -50%) scale(1);
}
.at-radio__inner.at-radio--disabled {
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-radio__inner.at-radio--disabled.at-radio--checked::after {
  background-color: #D2D2D2;
}
.at-radio__original {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.at-radio__label {
  font-size: 12px;
  padding-left: 8px;
  vertical-align: middle;
}

/**
 * AtRadioButton
 */
.at-radio-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /* modifier */
  /* element */
}
.at-radio-button:not(:last-child) {
  margin-right: -1px;
  border-collapse: separate;
}
.at-radio-button:first-child .at-radio-button__inner {
  border-radius: 4px 0 0 4px;
}
.at-radio-button:last-child .at-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.at-radio-button--small .at-radio-button__inner {
  padding: 4px 12px;
  font-size: 11px;
}
.at-radio-button--normal .at-radio-button__inner {
  padding: 6px 16px;
  font-size: 12px;
}
.at-radio-button--large .at-radio-button__inner {
  padding: 8px 16px;
  font-size: 14px;
}
.at-radio-button__inner {
  position: relative;
  display: inline-block;
  margin: 0;
  color: #3F536E;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  border: 1px solid #C5D9E8;
  background: #FFF;
  transition: all 0.2s;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 6px 16px;
  font-size: 12px;
}
.at-radio-button__original {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.at-radio-button__original:disabled + .at-radio-button__inner {
  color: #D2D2D2;
  background-color: #F7F7F7;
  border-color: #C5D9E8;
  cursor: not-allowed;
}

.at-radio-group {
  display: inline-block;
  font-size: 0;
  line-height: 1;
  border-collapse: separate;
}

/**
 * Select Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * AtSelect
 */
.at-select {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 80px;
  color: #3F536E;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: middle;
  /* element */
  /* modifier */
}
.at-select .at-select__input {
  width: 100%;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 24px 0 8px;
  background-color: transparent;
}
.at-select .at-select__input::-moz-placeholder {
  color: #C9C9C9;
}
.at-select .at-select__input::placeholder {
  color: #C9C9C9;
}
.at-select .at-select__input:disabled {
  cursor: not-allowed;
}
.at-select__selection {
  position: relative;
  display: block;
  padding: 0 24px 0 8px;
  outline: none;
  min-height: 26px;
  line-height: 26px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  cursor: pointer;
  overflow: hidden;
}
.at-select__selection:hover {
  border-color: #79A1EB;
}
.at-select__selection:hover .at-select__arrow {
  display: inline-block;
}
.at-select__selection:hover .at-select__clear {
  display: inline-block;
}
.at-select__selected {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
}
.at-select__arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -5px;
  font-size: 10px;
  cursor: pointer;
  transition: transform 0.3s;
}
.at-select__clear {
  display: none;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -5px;
  font-size: 10px;
  cursor: pointer;
}
.at-select__placeholder {
  color: #C9C9C9;
}
.at-select__dropdown {
  position: absolute;
  width: 100%;
  max-height: 200px;
  font-size: 12px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  z-index: 1050;
}
.at-select__dropdown .at-select__list {
  list-style: none;
  padding: 0;
  font-size: 0;
}
.at-select__dropdown .at-select__not-found {
  padding: 6px 12px;
}
.at-select__dropdown .at-select__option {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  white-space: nowrap;
  transition: all 0.3s;
  overflow: hidden;
  cursor: pointer;
}
.at-select__dropdown .at-select__option--selected {
  font-weight: bold;
  background-color: #F7F7F7;
}
.at-select__dropdown .at-select__option:hover, .at-select__dropdown .at-select__option--focus {
  background-color: #ECF2FC;
}
.at-select__dropdown .at-select__option--disabled {
  color: #C9C9C9;
}
.at-select__dropdown--bottom {
  margin-top: 2px;
}
.at-select__dropdown--top {
  margin-bottom: 2px;
}
.at-select__dropdown--left {
  margin-right: 2px;
}
.at-select__dropdown--right {
  margin-left: 2px;
}
.at-select--visible .at-select__arrow {
  transform: rotate(180deg);
}
.at-select--show-clear .at-select__selection:hover .at-select__arrow {
  opacity: 0;
}
.at-select--disabled .at-select__selection {
  cursor: not-allowed;
  border-color: #ECECEC;
  background-color: #eef4f8;
}
.at-select--disabled .at-select__selection:hover {
  border-color: #ECECEC;
}
.at-select--disabled .at-select__placeholder,
.at-select--disabled .at-select__selected {
  color: #C9C9C9;
}
.at-select--multiple .at-tag {
  margin: 4px 4px 0 0;
}
.at-select--multiple .at-tag__text {
  font-size: 10px;
}
.at-select--small {
  font-size: 11px;
}
.at-select--small .at-select__selection {
  height: 24px;
  line-height: 24px;
}
.at-select--small .at-select__dropdown .at-select__option {
  font-size: 11px;
}
.at-select--large {
  font-size: 14px;
}
.at-select--large .at-select__selection {
  height: 30px;
  line-height: 28px;
}
.at-select--large .at-select__dropdown .at-select__option {
  font-size: 13px;
}

/**
 * AtOptionGroup
 */
.at-option-group {
  padding: 0;
}
.at-option-group__label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 8px;
  color: #BFBFBF;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.3s;
  cursor: initial;
}
.at-option-group__list {
  padding: 0;
}

/**
 * Switch Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-switch {
  position: relative;
  display: inline-block;
  min-width: 40px;
  height: 20px;
  border: 1px solid #BFBFBF;
  border-radius: 20px;
  background-color: #BFBFBF;
  vertical-align: middle;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* element */
  /* modifier */
}
.at-switch::after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFF;
  transition: all 0.3s;
  cursor: pointer;
}
.at-switch__text {
  display: block;
  padding-left: 22px;
  padding-right: 6px;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
}
.at-switch--checked {
  border-color: #79A1EB;
  background-color: #79A1EB;
}
.at-switch--checked::after {
  left: 100%;
  margin-left: -17px;
}
.at-switch--checked .at-switch__text {
  padding-left: 6px;
  padding-right: 22px;
}
.at-switch--disabled {
  border-color: #ECECEC;
  background-color: #ECECEC;
  cursor: not-allowed;
}
.at-switch--disabled::after {
  background-color: #C9C9C9;
  cursor: not-allowed;
}
.at-switch--disabled .at-switch__text {
  color: #D2D2D2;
}
.at-switch--small {
  min-width: 32px;
  height: 16px;
}
.at-switch--small::after {
  width: 12px;
  height: 12px;
}
.at-switch--small .at-switch__text {
  font-size: 11px;
  padding-left: 16px;
  padding-right: 4px;
  line-height: 14px;
}
.at-switch--small.at-switch--checked::after {
  left: 100%;
  margin-left: -13px;
}
.at-switch--small.at-switch--checked .at-switch__text {
  padding-left: 4px;
  padding-right: 16px;
}
.at-switch--large {
  min-width: 48px;
  height: 24px;
}
.at-switch--large::after {
  width: 20px;
  height: 20px;
}
.at-switch--large .at-switch__text {
  font-size: 13px;
  padding-left: 26px;
  padding-right: 6px;
  line-height: 22px;
}
.at-switch--large.at-switch--checked::after {
  left: 100%;
  margin-left: -21px;
}
.at-switch--large.at-switch--checked .at-switch__text {
  padding-left: 6px;
  padding-right: 26px;
}

/**
 * Slider Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-slider {
  position: relative;
  /* element */
  /* modifier */
}
.at-slider__input {
  float: right;
  margin-top: 3px;
}
.at-slider__track {
  position: relative;
  margin: 8px 0;
  width: 100%;
  height: 4px;
  vertical-align: middle;
  border-radius: 2px;
  background-color: #ECECEC;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.at-slider__bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background-color: #79A1EB;
  border-radius: 2px;
}
.at-slider__dot-wrapper {
  position: absolute;
  top: -6px;
  width: 12px;
  height: 12px;
  text-align: center;
  background-color: transparent;
  transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* tooltip */
}
.at-slider__dot-wrapper:hover, .at-slider__dot-wrapper.at-slider__dot-wrapper--hover {
  cursor: grab;
}
.at-slider__dot-wrapper.at-slider__dot-wrapper--drag {
  cursor: grabbing;
}
.at-slider__dot-wrapper .at-tooltip {
  display: block;
  height: 100%;
  line-height: 1;
}
.at-slider__dot-wrapper .at-tooltip::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.at-slider__dot-wrapper .at-tooltip__trigger {
  vertical-align: middle;
}
.at-slider__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #79A1EB;
  transition: all 0.3s;
}
.at-slider__dot:hover, .at-slider__dot--hover, .at-slider__dot--drag {
  background-color: #5988E5;
  transform: scale(1.3);
}
.at-slider__dot:hover, .at-slider__dot--hover {
  cursor: grab;
}
.at-slider__dot--drag {
  cursor: grabbing;
}
.at-slider--disabled .at-slider__bar {
  background-color: #C9C9C9;
}
.at-slider--disabled .at-slider__dot {
  background-color: #D2D2D2;
}

/**
 * Textarea Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-textarea {
  /* element */
  /* modifier */
}
.at-textarea__original {
  display: block;
  width: 100%;
  padding: 6px 8px;
  color: #3F536E;
  font-size: 12px;
  line-height: 1.5;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: border 0.3s;
  outline: 0;
  resize: vertical;
}
.at-textarea__original::-moz-placeholder {
  color: #C9C9C9;
}
.at-textarea__original::placeholder {
  color: #C9C9C9;
}
.at-textarea__original:hover {
  border-color: #79A1EB;
}
.at-textarea__original:focus {
  border-color: #79A1EB;
}
.at-textarea--disabled .at-textarea__original {
  color: #B1B1B1;
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-textarea--disabled .at-textarea__original::-moz-placeholder {
  color: #C9C9C9;
}
.at-textarea--disabled .at-textarea__original::placeholder {
  color: #C9C9C9;
}

/**
 * Alert Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-alert {
  position: relative;
  display: flex;
  width: 100%;
  padding: 8px 16px;
  color: #53664A;
  line-height: 1.5;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: opacity 0.3s;
  overflow: hidden;
  opacity: 1;
  /* element */
  /* modifier */
}
.at-alert__icon {
  margin-right: 8px;
  color: #7D9970;
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
}
.at-alert__content {
  flex: 1;
  padding-right: 8px;
}
.at-alert__message {
  color: #53664A;
  font-size: 13px;
}
.at-alert__description {
  margin-top: 4px;
  color: #53664A;
  font-size: 12px;
}
.at-alert__close {
  color: #7D9970;
  font-size: 12px;
  line-height: 20px;
  opacity: 1;
  cursor: pointer;
}
.at-alert--success {
  border-color: #B8F0D1;
  background-color: #E3F9ED;
}
.at-alert--success .at-alert__message,
.at-alert--success .at-alert__description,
.at-alert--success .at-alert__icon {
  color: #53664A;
}
.at-alert--success .at-alert__close {
  color: #7D9970;
}
.at-alert--error {
  border-color: #FFC8C8;
  background-color: #FFE9E9;
}
.at-alert--error .at-alert__message,
.at-alert--error .at-alert__description,
.at-alert--error .at-alert__icon {
  color: #AD3430;
}
.at-alert--error .at-alert__close {
  color: #FA4C46;
}
.at-alert--warning {
  border-color: #FFEFC0;
  background-color: #FFF8E6;
}
.at-alert--warning .at-alert__message,
.at-alert--warning .at-alert__description,
.at-alert--warning .at-alert__icon {
  color: #7F6128;
}
.at-alert--warning .at-alert__close {
  color: #CC9B3F;
}
.at-alert--info {
  border-color: #D7E4FE;
  background-color: #EFF4FE;
}
.at-alert--info .at-alert__message,
.at-alert--info .at-alert__description,
.at-alert--info .at-alert__icon {
  color: #3B688C;
}
.at-alert--info .at-alert__close {
  color: #66B3F3;
}
.at-alert--with-description {
  padding: 14px 16px;
}
.at-alert--with-description .at-alert__icon {
  font-size: 24px;
}
.at-alert--with-description .at-alert__message {
  font-weight: bold;
}

/**
 * Badge Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-badge {
  position: relative;
  display: inline-block;
  /* element */
  /* modifier */
}
.at-badge__content {
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  white-space: nowrap;
  border: 1px solid #FFF;
  border-radius: 9px;
  background-color: #FF4949;
}
.at-badge--alone .at-badge__content {
  top: 0;
}
.at-badge--corner {
  position: absolute;
  top: -8px;
  right: 0;
  transform: translateX(50%);
}
.at-badge--dot {
  padding: 0;
  width: 10px;
  height: 10px;
  top: -4px;
}
.at-badge--success .at-badge__content {
  background-color: #13CE66;
}
.at-badge--warning .at-badge__content {
  background-color: #FFC82C;
}
.at-badge--info .at-badge__content {
  background-color: #78A4FA;
}

/**
 * LoadingBar Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px !important;
  z-index: 1080;
  /* element */
  /* modifier */
}
.at-loading-bar__inner {
  height: 100%;
  transition: width 0.3s linear;
}
.at-loading-bar--success .at-loading-bar__inner {
  background-color: #6190E8;
}
.at-loading-bar--error .at-loading-bar__inner {
  background-color: #FF4949;
}

/**
 * Modal Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-modal {
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
  outline: none;
  /* elements */
  /* modifiers */
}
.at-modal__mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.at-modal__mask--hidden {
  display: none;
}
.at-modal__wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline: 0;
  z-index: 1000;
}
.at-modal__header {
  padding: 12px 16px;
  color: #2C405A;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #ECECEC;
}
.at-modal__header p, .at-modal__header .at-modal__title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
}
.at-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 13px;
  line-height: 1;
  overflow: hidden;
  cursor: pointer;
}
.at-modal__body {
  padding: 16px;
  font-size: 13px;
  line-height: 1.5;
}
.at-modal__body p {
  font-size: 13px;
}
.at-modal__icon {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 32px;
  vertical-align: middle;
}
.at-modal__input .at-input__original {
  margin-top: 8px;
  width: 100%;
}
.at-modal__footer {
  padding: 12px 16px;
  border-top: 1px solid #ECECEC;
  text-align: right;
}
.at-modal__footer .at-btn + .at-btn {
  margin-left: 8px;
}
.at-modal--hidden {
  display: none !important;
}
.at-modal--confirm .at-modal__header {
  padding: 16px 16px 4px 56px;
  border: none;
}
.at-modal--confirm .at-modal__body {
  padding: 8px 16px 8px 56px;
}
.at-modal--confirm .at-modal__footer {
  padding: 16px;
  border: none;
}
.at-modal--confirm-success .at-modal__icon {
  color: #5ADD94;
}
.at-modal--confirm-error .at-modal__icon {
  color: #FF8080;
}
.at-modal--confirm-warning .at-modal__icon {
  color: #FFD96B;
}
.at-modal--confirm-info .at-modal__icon {
  color: #A1BFFC;
}

/**
 * Message Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-message {
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  /* element */
  /* modifier */
}
.at-message__wrapper {
  position: fixed;
  left: 0;
  top: 16px;
  width: 100%;
  text-align: center;
  transition: opacity 0.3s, transform 0.3s, top 0.4s;
  pointer-events: none;
}
.at-message__icon {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.at-message--success .at-message__icon {
  color: #5ADD94;
}
.at-message--error .at-message__icon {
  color: #FF8080;
}
.at-message--warning .at-message__icon {
  color: #FFD96B;
}
.at-message--info .at-message__icon {
  color: #A1BFFC;
}
.at-message--loading .at-message__icon {
  color: #A1BFFC;
  animation: icon-loading 2s linear infinite both;
}

/**
 * Notification Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-notification {
  position: fixed;
  display: flex;
  right: 16px;
  width: 320px;
  padding: 8px 16px;
  color: #3F536E;
  background-color: #FFF;
  line-height: 1.5;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  transition: opacity 0.3s, transform 0.3s, top 0.4s;
  z-index: 1010;
  /* element */
  /* modifier */
}
.at-notification__icon {
  color: #3F536E;
  font-size: 13px;
  line-height: 1.5;
  vertical-align: middle;
  margin-right: 8px;
}
.at-notification__content {
  flex: 1;
  padding-right: 8px;
}
.at-notification__title {
  color: #3F536E;
  font-size: 13px;
}
.at-notification__message {
  color: #3F536E;
  font-size: 12px;
  margin-top: 4px;
}
.at-notification__close {
  color: #D2D2D2;
  font-size: 12px;
  cursor: pointer;
}
.at-notification__close:hover {
  color: #B1B1B1;
}
.at-notification--success .at-notification__icon {
  color: #5ADD94;
}
.at-notification--error .at-notification__icon {
  color: #FF8080;
}
.at-notification--warning .at-notification__icon {
  color: #FFD96B;
}
.at-notification--info .at-notification__icon {
  color: #A1BFFC;
}
.at-notification--with-message {
  padding: 12px 16px;
}
.at-notification--with-message .at-notification__icon {
  font-size: 24px;
  line-height: 1.2;
}
.at-notification--with-message .at-notification__title {
  font-weight: bold;
}
.at-notification--with-message .at-notification__close {
  font-size: 14px;
}
.at-notification--hover {
  cursor: pointer;
}
.at-notification--hover:hover {
  opacity: 1;
}

/**
 * Popover
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-popover {
  display: inline-block;
  /* element */
  /* modifier */
  /**
   * Top
   */
  /**
   * Bottom
   */
  /**
   * Left
   */
  /**
   * Right
   */
}
.at-popover__trigger {
  display: inline-block;
  position: relative;
}
.at-popover__popper {
  position: absolute;
  max-width: 400px;
  border: 1px solid #ECECEC;
  box-shadow: 0 1px 6px #ECECEC;
  background-color: #FFF;
  z-index: 1020;
}
.at-popover__title {
  margin: 0;
  padding: 6px 10px;
  font-size: 12px;
  word-wrap: break-word;
  border-bottom: 1px solid #ECF2FC;
  border-radius: 4px 4px 0 0;
  background-color: #F7F7F7;
}
.at-popover__content {
  padding: 8px 12px;
  font-size: 11px;
  line-height: 1.5;
  word-wrap: break-word;
  border-radius: 4px;
}
.at-popover__arrow, .at-popover__arrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
}
.at-popover--top, .at-popover--top-left, .at-popover--top-right {
  margin-top: -12px;
}
.at-popover--top .at-popover__arrow, .at-popover--top-left .at-popover__arrow, .at-popover--top-right .at-popover__arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  margin-bottom: -10px;
  border-bottom-width: 0;
  border-top-color: #ECECEC;
}
.at-popover--top .at-popover__arrow::after, .at-popover--top-left .at-popover__arrow::after, .at-popover--top-right .at-popover__arrow::after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #FFF;
}
.at-popover--top-left .at-popover__arrow {
  left: 20px;
}
.at-popover--top-right .at-popover__arrow {
  left: initial;
  right: 20px;
}
.at-popover--bottom, .at-popover--bottom-left, .at-popover--bottom-right {
  margin-top: 12px;
}
.at-popover--bottom .at-popover__arrow, .at-popover--bottom-left .at-popover__arrow, .at-popover--bottom-right .at-popover__arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  border-top-width: 0;
  border-bottom-color: #ECECEC;
}
.at-popover--bottom .at-popover__arrow::after, .at-popover--bottom-left .at-popover__arrow::after, .at-popover--bottom-right .at-popover__arrow::after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #FFF;
}
.at-popover--bottom-left .at-popover__arrow {
  left: 20px;
}
.at-popover--bottom-right .at-popover__arrow {
  left: initial;
  right: 20px;
}
.at-popover--left, .at-popover--left-top, .at-popover--left-bottom {
  margin-left: -12px;
}
.at-popover--left .at-popover__arrow, .at-popover--left-top .at-popover__arrow, .at-popover--left-bottom .at-popover__arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: -10px;
  border-right-width: 0;
  border-left-color: #ECECEC;
}
.at-popover--left .at-popover__arrow::after, .at-popover--left-top .at-popover__arrow::after, .at-popover--left-bottom .at-popover__arrow::after {
  right: 1px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #FFF;
}
.at-popover--left-top .at-popover__arrow {
  top: 20px;
}
.at-popover--left-bottom .at-popover__arrow {
  top: initial;
  bottom: 20px;
}
.at-popover--right, .at-popover--right-top, .at-popover--right-bottom {
  margin-left: 12px;
}
.at-popover--right .at-popover__arrow, .at-popover--right-top .at-popover__arrow, .at-popover--right-bottom .at-popover__arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  margin-left: -10px;
  border-left-width: 0;
  border-right-color: #ECECEC;
}
.at-popover--right .at-popover__arrow::after, .at-popover--right-top .at-popover__arrow::after, .at-popover--right-bottom .at-popover__arrow::after {
  left: 1px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #FFF;
}
.at-popover--right-top .at-popover__arrow {
  top: 20px;
}
.at-popover--right-bottom .at-popover__arrow {
  top: initial;
  bottom: 20px;
}

/**
 * Progress Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-progress {
  position: relative;
  line-height: 1;
  /* element */
  /* modifier */
}
.at-progress-bar {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-right: -55px;
  padding-right: 50px;
}
.at-progress-bar__wraper {
  position: relative;
  height: 10px;
  background-color: #DFDFDF;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 50px;
}
.at-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 50px;
  background-color: #78A4F4;
  line-height: 1;
  text-align: right;
  transition: width 0.3s;
}
.at-progress__text {
  display: inline-block;
  margin-left: 10px;
  color: #3F536E;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}
.at-progress__text i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.at-progress--success .at-progress-bar__inner {
  background-color: #13CE66;
}
.at-progress--success .at-progress__text {
  color: #13CE66;
}
.at-progress--error .at-progress-bar__inner {
  background-color: #FF4949;
}
.at-progress--error .at-progress__text {
  color: #FF4949;
}

/**
 * Tooltip
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-tooltip {
  display: inline-block;
  /* element */
  /* modifier */
  /**
   * Top
   */
  /**
   * Bottom
   */
  /**
   * Left
   */
  /**
   * Right
   */
}
.at-tooltip__trigger {
  display: inline-block;
  position: relative;
}
.at-tooltip__popper {
  position: absolute;
  z-index: 1020;
}
.at-tooltip__content {
  padding: 4px 8px;
  max-width: 200px;
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.75);
  word-wrap: break-word;
}
.at-tooltip__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
}
.at-tooltip--top, .at-tooltip--top-left, .at-tooltip--top-right {
  padding: 4px 0;
  margin-top: -2px;
}
.at-tooltip--top .at-tooltip__arrow, .at-tooltip--top-left .at-tooltip__arrow, .at-tooltip--top-right .at-tooltip__arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--top-left .at-tooltip__arrow {
  left: 12px;
  right: initial;
}
.at-tooltip--top-right .at-tooltip__arrow {
  left: initial;
  right: 8px;
}
.at-tooltip--bottom, .at-tooltip--bottom-left, .at-tooltip--bottom-right {
  padding: 4px 0;
  margin-top: 2px;
}
.at-tooltip--bottom .at-tooltip__arrow, .at-tooltip--bottom-left .at-tooltip__arrow, .at-tooltip--bottom-right .at-tooltip__arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--bottom-left .at-tooltip__arrow {
  left: 12px;
  right: initial;
}
.at-tooltip--bottom-right .at-tooltip__arrow {
  left: initial;
  right: 8px;
}
.at-tooltip--left, .at-tooltip--left-top, .at-tooltip--left-bottom {
  padding: 0 4px;
  margin-left: -2px;
}
.at-tooltip--left .at-tooltip__arrow, .at-tooltip--left-top .at-tooltip__arrow, .at-tooltip--left-bottom .at-tooltip__arrow {
  top: 50%;
  right: 0;
  margin-top: -4px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--left-top .at-tooltip__arrow {
  top: 12px;
  bottom: initial;
}
.at-tooltip--left-bottom .at-tooltip__arrow {
  top: initial;
  bottom: 8px;
}
.at-tooltip--right, .at-tooltip--right-top, .at-tooltip--right-bottom {
  padding: 0 4px;
  margin-left: 2px;
}
.at-tooltip--right .at-tooltip__arrow, .at-tooltip--right-top .at-tooltip__arrow, .at-tooltip--right-bottom .at-tooltip__arrow {
  top: 50%;
  left: 0;
  margin-top: -4px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--right-top .at-tooltip__arrow {
  top: 12px;
  bottom: initial;
}
.at-tooltip--right-bottom .at-tooltip__arrow {
  top: initial;
  bottom: 8px;
}

/**
 * Breadcrumb Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
.at-breadcrumb {
  font-size: 14px;
  line-height: 1.5;
  /* element */
}
.at-breadcrumb::after {
  clear: both;
  content: "";
  display: block;
}
.at-breadcrumb__separator {
  margin: 0 8px;
  color: #D2D2D2;
}
.at-breadcrumb__item:last-child {
  color: #BFBFBF;
  cursor: text;
}
.at-breadcrumb__item:last-child .at-breadcrumb__separator {
  display: none;
}
.at-breadcrumb__link {
  color: #6190E8;
  transition: color 0.3s;
}
.at-breadcrumb__link:hover {
  color: #79A1EB;
  cursor: pointer;
}
.at-breadcrumb__link:active {
  color: #4F7DE2;
  cursor: pointer;
}

/**
 * Dropdown Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
.at-dropdown {
  display: inline-block;
}
.at-dropdown__popover {
  position: absolute;
  overflow: visible;
  z-index: 1050;
}

.at-dropdown-menu {
  position: relative;
  padding: 0;
  width: inherit;
  max-height: 200px;
  font-size: 0;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  list-style: none;
  z-index: 1050;
}
.at-dropdown-menu__item {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  padding: 8px 16px;
  min-width: 100px;
  font-size: 12px;
  line-height: 1.5;
  transition: all 0.3s;
  cursor: pointer;
}
.at-dropdown-menu__item:hover {
  background-color: #ECF2FC;
}
.at-dropdown-menu__item--disabled {
  color: #D2D2D2;
  cursor: not-allowed;
}
.at-dropdown-menu__item--disabled:hover {
  background-color: #FFF;
}
.at-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #ECF2FC;
}
.at-dropdown-menu__item--divided:before {
  content: "";
  display: block;
  height: 6px;
}

/**
 * Pagination Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
.at-pagination {
  list-style: none;
  font-size: 0;
  /* elements */
  /* modifiers */
}
.at-pagination::after {
  clear: both;
  content: "";
  display: block;
}
.at-pagination__item, .at-pagination__prev, .at-pagination__next, .at-pagination__item--jump-prev, .at-pagination__item--jump-next {
  float: left;
  min-width: 28px;
  height: 28px;
  color: #3F536E;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  cursor: pointer;
}
.at-pagination__item:hover, .at-pagination__prev:hover, .at-pagination__next:hover, .at-pagination__item--jump-prev:hover, .at-pagination__item--jump-next:hover {
  color: #79A1EB;
  border-color: #79A1EB;
}
.at-pagination__item + .at-pagination__item {
  margin-left: 4px;
}
.at-pagination__item--active {
  color: #FFF;
  border-color: #79A1EB;
  background-color: #79A1EB;
}
.at-pagination__item--active:hover {
  color: #FFF;
}
.at-pagination__prev {
  margin-right: 8px;
}
.at-pagination__next {
  margin-left: 8px;
}
.at-pagination__item--jump-prev:after, .at-pagination__item--jump-next:after {
  content: "•••";
  display: inline-block;
  color: #ECECEC;
  font-size: 8px;
  text-align: center;
  line-height: 28px;
  letter-spacing: 1px;
}
.at-pagination__item--jump-prev i, .at-pagination__item--jump-next i {
  display: none;
}
.at-pagination__item--jump-prev:hover:after, .at-pagination__item--jump-next:hover:after {
  display: none;
}
.at-pagination__item--jump-prev:hover i, .at-pagination__item--jump-next:hover i {
  display: inline-block;
}
.at-pagination__total {
  float: left;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  margin-right: 12px;
}
.at-pagination__quickjump {
  float: left;
  margin-left: 12px;
  font-size: 12px;
  line-height: 28px;
}
.at-pagination__quickjump input {
  display: inline-block;
  margin: 0 8px;
  width: 40px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.at-pagination__sizer {
  float: left;
  margin-left: 12px;
  text-align: center;
}
.at-pagination__simple-paging {
  float: left;
  font-size: 12px;
}
.at-pagination__simple-paging input {
  display: inline-block;
  padding: 2px 4px;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.at-pagination__simple-paging span {
  padding: 0 4px;
}
.at-pagination--disabled {
  color: #ECECEC;
  border-color: #ECECEC;
  cursor: not-allowed;
}
.at-pagination--disabled:hover {
  color: #ECECEC;
  border-color: #ECECEC;
}
.at-pagination--small .at-pagination__total,
.at-pagination--small .at-pagination__quickjump,
.at-pagination--small .at-pagination__item,
.at-pagination--small .at-pagination__prev,
.at-pagination--small .at-pagination__next {
  height: 20px;
  font-size: 11px;
  line-height: 20px;
}
.at-pagination--small .at-pagination__item,
.at-pagination--small .at-pagination__prev,
.at-pagination--small .at-pagination__next {
  border: none;
  width: 20px;
  min-width: 20px;
}
.at-pagination--small .at-pagination__item--jump-prev:after,
.at-pagination--small .at-pagination__item--jump-next:after {
  font-size: 7px;
  line-height: 20px;
}
.at-pagination--small .at-pagination__total {
  margin-right: 8px;
}
.at-pagination--small .at-pagination__sizer {
  margin-left: 8px;
}
.at-pagination--small .at-pagination__sizer .at-select .at-select__selection {
  height: 20px;
  line-height: 18px;
}
.at-pagination--small .at-pagination__quickjump {
  margin-left: 8px;
}
.at-pagination--small .at-pagination__quickjump .at-input__original {
  margin: 0 6px;
  height: 20px;
  font-size: 11px;
}
.at-pagination--simple {
  font-size: 12px;
}
.at-pagination--simple .at-input__original {
  margin: 0 4px;
  width: 32px;
  height: 28px;
}
.at-pagination--simple .at-pagination__prev,
.at-pagination--simple .at-pagination__next {
  margin: 0;
  border: none;
  width: 28px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
}
.at-pagination--simple.at-pagination--small {
  font-size: 11px;
}
.at-pagination--simple.at-pagination--small .at-input__original {
  width: 26px;
  height: 20px;
}
.at-pagination--simple.at-pagination--small .at-input__original input {
  font-size: 11px;
}
.at-pagination--simple.at-pagination--small .at-pagination__prev,
.at-pagination--simple.at-pagination--small .at-pagination__next {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.at-pagination--simple.at-pagination--small .at-pagination__simple-paging {
  font-size: 11px;
}
.at-pagination--simple.at-pagination--small .at-pagination__simple-paging span {
  padding: 0 4px;
}

/**
 * Menu Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-menu {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  color: #3F536E;
  font-size: 14px;
  list-style: none;
  background-color: #FFF;
  /* element */
  /* modifier */
  /* Horizontal */
  /* Vertical */
  /* Inline */
  /* theme */
}
.at-menu__item {
  position: relative;
  display: block;
  list-style: none;
  transition: color 0.3s;
  cursor: pointer;
  z-index: 1;
}
.at-menu__item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #3F536E;
}
.at-menu__item i {
  margin-right: 8px;
}
.at-menu__item .at-menu__item-link {
  padding: 12px 16px;
  width: 100%;
}
.at-menu__item--disabled {
  cursor: not-allowed;
}
.at-menu__item--disabled .at-menu__item-link {
  color: #C9C9C9;
  cursor: not-allowed;
  pointer-events: none;
}
.at-menu__item--disabled .at-menu__item-link::after {
  display: none;
}
.at-menu__item-group {
  padding: 0;
  line-height: 1;
}
.at-menu__item-group-title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 12px;
  color: #BFBFBF;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.3s;
  cursor: initial;
}
.at-menu__item-group-list {
  padding: 0;
}
.at-menu__submenu--disabled {
  color: #C9C9C9;
  cursor: not-allowed;
}
.at-menu__submenu-title {
  position: relative;
  cursor: pointer;
}
.at-menu__submenu-title i {
  margin-right: 8px;
}
.at-menu .at-dropdown__popover {
  width: 100%;
}
.at-menu .at-dropdown-menu {
  max-height: none;
}
.at-menu .at-dropdown-menu .at-menu__item {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.3s;
  cursor: pointer;
}
.at-menu .at-dropdown-menu .at-menu__item--disabled {
  cursor: not-allowed;
}
.at-menu--horizontal, .at-menu--vertical, .at-menu--inline {
  z-index: auto;
}
.at-menu--horizontal .at-menu__item-group-list .at-menu__item, .at-menu--vertical .at-menu__item-group-list .at-menu__item {
  float: none;
}
.at-menu--horizontal .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link,
.at-menu--horizontal .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active, .at-menu--vertical .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link,
.at-menu--vertical .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active {
  color: #6190E8;
  font-weight: bold;
}
.at-menu--horizontal .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link::after,
.at-menu--horizontal .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active::after, .at-menu--vertical .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link::after,
.at-menu--vertical .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active::after {
  display: none;
}
.at-menu--horizontal {
  position: relative;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #e2ecf4;
}
.at-menu--horizontal .at-menu__item,
.at-menu--horizontal .at-menu__submenu {
  position: relative;
  float: left;
}
.at-menu--horizontal .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__item.at-menu__item--active .at-menu__item-link::after {
  transform: scaleX(1);
}
.at-menu--horizontal .at-menu__item--disabled .at-menu__item-link {
  color: #C9C9C9;
}
.at-menu--horizontal .at-menu__item--disabled .at-menu__item-link:hover {
  color: #C9C9C9;
}
.at-menu--horizontal .at-menu__item-link {
  display: inline-block;
  padding: 0 16px;
}
.at-menu--horizontal .at-menu__item-link::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #6190E8;
  transform: scaleX(0);
  transition: all 0.15s;
}
.at-menu--horizontal .at-menu__item-link:hover, .at-menu--horizontal .at-menu__item-link.router-link-active {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__item-link:hover::after, .at-menu--horizontal .at-menu__item-link.router-link-active::after {
  transform: scaleX(1);
}
.at-menu--horizontal > .at-menu__submenu:hover > .at-menu__submenu-title, .at-menu--horizontal > .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--horizontal > .at-menu__submenu:hover::after, .at-menu--horizontal > .at-menu__submenu.at-menu__submenu--active::after {
  transform: scaleX(1);
}
.at-menu--horizontal .at-menu__submenu::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #6190E8;
  transform: scaleX(0);
  transition: all 0.15s;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu-title {
  padding: 0 16px;
}
.at-menu--horizontal .at-menu__submenu .at-menu__item {
  display: block;
  float: none;
}
.at-menu--horizontal .at-menu__submenu .at-menu__item .at-menu__item-link {
  padding: 12px 16px;
  padding-left: 16px;
}
.at-menu--horizontal .at-menu__submenu .at-menu__item .at-menu__item-link::after {
  display: none;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu {
  display: block;
  float: none;
  height: inherit;
  font-size: 12px;
  line-height: 1.5;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu .at-menu__submenu-title {
  padding: 12px 16px;
  padding-right: 16px;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu .at-menu__submenu-title i:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  transform: rotate(-90deg);
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu.at-menu__submenu--active::after {
  transform: scaleX(0);
}
.at-menu--horizontal .at-menu__submenu:hover > .at-menu__submenu-title, .at-menu--horizontal .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__submenu--disabled:hover .at-menu__submenu-title, .at-menu--horizontal .at-menu__submenu--disabled.at-menu__submenu--active .at-menu__submenu-title {
  color: #C9C9C9;
  cursor: not-allowed;
}
.at-menu--horizontal .at-menu__submenu--disabled:hover::after, .at-menu--horizontal .at-menu__submenu--disabled.at-menu__submenu--active::after {
  transform: scaleX(0);
}
.at-menu--vertical {
  position: relative;
  border-right: 1px solid #e2ecf4;
}
.at-menu--vertical .at-menu__item,
.at-menu--vertical .at-menu__submenu {
  position: relative;
  display: block;
}
.at-menu--vertical > .at-menu__item.at-menu__item--active > .at-menu__item-link {
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--vertical > .at-menu__item.at-menu__item--active > .at-menu__item-link::after {
  opacity: 1;
}
.at-menu--vertical > .at-menu__submenu:hover::after {
  opacity: 1;
}
.at-menu--vertical > .at-menu__submenu:hover > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--vertical > .at-menu__submenu.at-menu__submenu--active {
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--vertical > .at-menu__submenu.at-menu__submenu--active::after {
  opacity: 1;
}
.at-menu--vertical > .at-menu__item > .at-menu__item-link:hover {
  color: #6190E8;
}
.at-menu--vertical > .at-menu__item > .at-menu__item-link:hover::after {
  opacity: 1;
}
.at-menu--vertical .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item--disabled:hover {
  color: #C9C9C9;
}
.at-menu--vertical .at-menu__item--disabled:hover a {
  color: #C9C9C9;
}
.at-menu--vertical .at-menu__item--disabled .at-menu__item-link.router-link-active {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item--disabled .at-menu__item-link.router-link-active:hover {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item-link {
  padding: 12px 16px;
  padding-left: 32px;
}
.at-menu--vertical .at-menu__item-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8;
  transition: opacity 0.2s;
  opacity: 0;
}
.at-menu--vertical .at-menu__item-link:hover {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item-link.router-link-active {
  color: #6190E8;
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--vertical .at-menu__item-link.router-link-active::after {
  opacity: 1;
}
.at-menu--vertical .at-menu__submenu {
  font-size: 14px;
}
.at-menu--vertical .at-menu__submenu::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8;
  transition: opacity 0.2s;
  opacity: 0;
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu-title {
  padding: 12px 16px;
  padding-left: 32px;
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu-title i:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  transform: rotate(-90deg);
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu {
  font-size: 12px;
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu .at-menu__submenu-title {
  padding-left: 24px;
}
.at-menu--vertical .at-menu__submenu .at-menu__item-link {
  padding-left: 24px;
}
.at-menu--vertical .at-menu__submenu:hover > .at-menu__submenu-title, .at-menu--vertical .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--vertical .at-menu__submenu.at-menu__submenu--disabled:hover > .at-menu__submenu-title, .at-menu--vertical .at-menu__submenu.at-menu__submenu--disabled.at-menu__submenu--active > .at-menu__submenu-title {
  color: #C9C9C9;
  cursor: not-allowed;
}
.at-menu--vertical .at-menu__item-group-title {
  padding-left: 16px;
  font-weight: bold;
}
.at-menu--inline {
  position: relative;
  border-right: 1px solid #e2ecf4;
}
.at-menu--inline .at-menu__item,
.at-menu--inline .at-menu__submenu {
  position: relative;
  display: block;
  padding-left: 0;
  transition: all 0.3s, color 0s;
}
.at-menu--inline .at-menu__item:hover {
  color: #6190E8;
}
.at-menu--inline .at-menu__item:hover > .at-menu__item-link {
  color: #6190E8;
}
.at-menu--inline .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--inline .at-menu__item.at-menu__item--active .at-menu__item-link::after {
  opacity: 1;
}
.at-menu--inline .at-menu__item--disabled.at-menu__item--active .at-menu__item-link {
  color: #C9C9C9;
  background-color: transparent;
}
.at-menu--inline .at-menu__item--disabled.at-menu__item--active .at-menu__item-link::after {
  opacity: 0;
}
.at-menu--inline .at-menu__submenu {
  font-size: 14px;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--disabled:hover > .at-menu__submenu-title, .at-menu--inline .at-menu__submenu.at-menu__submenu--disabled.at-menu__submenu--active > .at-menu__submenu-title {
  color: #C9C9C9;
  cursor: not-allowed;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--opened .at-menu__submenu-title {
  font-weight: bold;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--opened .at-menu__submenu-icon {
  transform: rotate(-180deg);
}
.at-menu--inline .at-menu__submenu > .at-menu__submenu-title:hover {
  color: #6190E8;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu-title {
  padding: 12px 16px;
  padding-left: 32px;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu-title i:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu-icon {
  color: #C5D9E8;
  transition: transform 0.3s;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu {
  font-size: 14px;
}
.at-menu--inline .at-menu__submenu .at-menu__item-link {
  padding-left: 48px;
}
.at-menu--inline .at-menu__item-link {
  padding: 12px 16px;
  padding-left: 32px;
  transition: all 0.3s;
}
.at-menu--inline .at-menu__item-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8;
  transition: opacity 0.2s;
  opacity: 0;
}
.at-menu--inline .at-menu__item-link.router-link-active {
  color: #6190E8;
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--inline .at-menu__item-link.router-link-active::after {
  opacity: 1;
}
.at-menu--inline .at-menu {
  margin: 8px 0;
}
.at-menu--inline .at-menu__item-group-title {
  padding-left: 40px;
  font-weight: bold;
}
.at-menu--dark {
  color: #DFDFDF;
  background-color: #2C405A;
}
.at-menu--dark .at-menu {
  color: #DFDFDF;
  background-color: #2C405A;
}
.at-menu--dark .at-menu__item a {
  color: #DFDFDF;
}
.at-menu--dark .at-menu__item .at-menu__item-link::after {
  width: 4px;
  border-radius: 0;
  background-color: #6190E8;
  box-shadow: none;
}
.at-menu--dark .at-menu__item:hover .at-menu__item-link, .at-menu--dark .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #FFF;
  background-color: #273A52;
}
.at-menu--dark .at-menu__item:hover .at-menu__item-link a, .at-menu--dark .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #FFF;
}
.at-menu--dark .at-menu__item--disabled {
  opacity: 0.5;
}
.at-menu--dark .at-menu__item--disabled:hover .at-menu__item-link, .at-menu--dark .at-menu__item--disabled.at-menu__item--active .at-menu__item-link {
  color: #C9C9C9;
  background-color: transparent;
}
.at-menu--dark .at-menu__submenu:hover .at-menu__submenu-title, .at-menu--dark .at-menu__submenu.at-menu__submenu--active .at-menu__submenu-title {
  color: #FFF;
  font-weight: bold;
}
.at-menu--dark .at-menu__submenu.at-menu__submenu--disabled .at-menu__submenu-title {
  opacity: 0.5;
  font-weight: normal;
  cursor: not-allowed;
}
.at-menu--dark.at-menu--horizontal {
  border: none;
}
.at-menu--dark.at-menu--horizontal .at-menu__item:hover::after, .at-menu--dark.at-menu--horizontal .at-menu__item.at-menu__item--active::after, .at-menu--dark.at-menu--horizontal .at-menu__item.at-menu__submenu--active::after,
.at-menu--dark.at-menu--horizontal .at-menu__submenu:hover::after,
.at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__item--active::after,
.at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__submenu--active::after {
  width: 100%;
  height: 4px;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__submenu--disabled:hover .at-menu__submenu-title, .at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__submenu--disabled.at-menu__item--active .at-menu__submenu-title {
  color: #C9C9C9;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item {
  color: #3F536E;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item:hover .at-menu__item-link, .at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
  background-color: transparent;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item:hover .at-menu__item-link a, .at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item a {
  color: #3F536E;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu.at-menu__submenu--active {
  background-color: transparent;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu.at-menu__submenu--active::after {
  content: "";
  width: 4px;
  border-radius: 0;
  background-color: #6190E8;
  box-shadow: none;
  opacity: 1;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item {
  color: #3F536E;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item:hover .at-menu__item-link, .at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
  background-color: transparent;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item:hover .at-menu__item-link a, .at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item.at-menu__item--disabled .at-menu__item-link {
  color: #C9C9C9;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item a {
  color: #3F536E;
}

/**
 * Table Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-table {
  position: relative;
  color: #3F536E;
  font-size: 12px;
  /* modifier */
}
.at-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  overflow: hidden;
}
.at-table table th, .at-table table td {
  height: 40px;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid #ECECEC;
}
.at-table table th.at-table__cell--nodata, .at-table table td.at-table__cell--nodata {
  text-align: center;
}
.at-table__cell {
  padding: 0 16px;
  border-bottom: 1px solid #ECECEC;
}
.at-table__content {
  border: 1px solid #ECECEC;
  border-bottom-width: 0;
}
.at-table__thead > tr > th {
  font-weight: bold;
  text-align: left;
  background-color: #F7F7F7;
  white-space: nowrap;
}
.at-table__thead .at-table__column-sorter {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 9px;
}
.at-table__thead .at-table__column-sorter-up, .at-table__thead .at-table__column-sorter-down {
  display: block;
  color: #C9C9C9;
  font-size: 9px;
  line-height: 1;
  transition: color 0.3s;
}
.at-table__thead .at-table__column-sorter-up:hover, .at-table__thead .at-table__column-sorter-down:hover {
  color: #3F536E;
}
.at-table__thead .at-table__column-sorter.sort-desc .at-table__column-sorter-down {
  color: #3F536E;
}
.at-table__thead .at-table__column-sorter.sort-asc .at-table__column-sorter-up {
  color: #3F536E;
}
.at-table__tbody > tr {
  transition: all 0.3s;
}
.at-table__tbody > tr:hover {
  background-color: #f6fafe;
}
.at-table__footer {
  position: relative;
  margin: 16px 0;
  height: 28px;
}
.at-table__footer .at-pagination {
  float: right;
}
.at-table__footer .at-pagination__total {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 16px;
}
.at-table--fixHeight .at-table__content {
  border-bottom-width: 1px;
}
.at-table--fixHeight .at-table__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.at-table--fixHeight .at-table__header table {
  border: 1px solid #ECECEC;
  border-bottom: none;
}
.at-table--fixHeight .at-table__body {
  overflow: scroll;
}
.at-table--fixHeight .at-table__tbody > tr:last-child td {
  border-bottom: none;
}
.at-table--stripe .at-table__tbody > tr:nth-child(2n) {
  background-color: #fbfbfb;
}
.at-table--stripe .at-table__tbody > tr:hover {
  background-color: #f6fafe;
}
.at-table--border .at-table__content {
  border-right: none;
}
.at-table--border .at-table__thead th, .at-table--border .at-table__thead td,
.at-table--border .at-table__tbody th,
.at-table--border .at-table__tbody td {
  border-right: 1px solid #ECECEC;
}
.at-table--large {
  font-size: 13px;
}
.at-table--large table th, .at-table--large table td {
  height: 56px;
}
.at-table--small {
  font-size: 11px;
}
.at-table--small table th, .at-table--small table td {
  height: 32px;
}
.at-table--small .at-table__thead .at-table__column-sorter {
  width: 7px;
  height: 14px;
}
.at-table--small .at-table__thead .at-table__column-sorter-up, .at-table--small .at-table__thead .at-table__column-sorter-down {
  font-size: 7px;
}

/**
 * Card Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-card {
  position: relative;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  /* element */
  /* modifier */
}
.at-card:not(.at-card--no-hover):hover {
  border-color: #F7F7F7;
  box-shadow: 1px 0 16px 0 rgba(100, 100, 100, 0.2);
}
.at-card__head {
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #ECECEC;
}
.at-card__title {
  display: inline-block;
}
.at-card__extra {
  float: right;
}
.at-card__body {
  padding: 24px;
}
.at-card__body--loading span {
  display: inline-block;
  margin: 5px 1%;
  height: 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(192, 198, 206, 0.12), rgba(192, 198, 206, 0.2), rgba(192, 198, 206, 0.12));
  background-size: 600% 600%;
  animation: card-loading 1.4s ease infinite;
}
.at-card--bordered {
  border: 1px solid #ECECEC;
}

@keyframes card-loading {
  0%, to {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
/**
 * Collapse Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-collapse {
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  overflow: hidden;
  /* element */
  /* modifier */
}
.at-collapse__item {
  border-bottom: 1px solid #DFDFDF;
}
.at-collapse__item:last-of-type {
  border-bottom: none;
}
.at-collapse__item--active > .at-collapse__header .at-collapse__icon {
  transform: rotate(90deg);
}
.at-collapse__item--disabled .at-collapse__header {
  color: #C9C9C9;
  cursor: not-allowed;
}
.at-collapse__item--disabled .at-collapse__icon {
  color: #C9C9C9;
}
.at-collapse__header {
  position: relative;
  padding: 8px 32px;
  color: #2C405A;
  background-color: #F7F7F7;
  transition: all 0.3s;
  cursor: pointer;
}
.at-collapse__icon {
  position: absolute;
  top: 14px;
  left: 16px;
  color: #96a0ad;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s;
}
.at-collapse__body {
  will-change: height;
}
.at-collapse__content {
  padding: 16px;
  color: #3F536E;
  border-radius: 0 0 4px 4px;
  background-color: #FFF;
  overflow: hidden;
}
.at-collapse--simple {
  border: none;
}
.at-collapse--simple .at-collapse__item {
  border-bottom: none;
}
.at-collapse--simple .at-collapse__header {
  border-bottom: 1px solid #DFDFDF;
  background-color: transparent;
}

/**
 * Steps Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-steps {
  font-size: 0;
  /* modifier */
}
.at-steps--small .at-step__label {
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 16px;
}
.at-steps--small .at-step__title {
  font-size: 12px;
  line-height: 18px;
}
.at-steps--small .at-step__line {
  top: 8px;
}
.at-steps--small.at-steps--vertical .at-step__main {
  min-height: 48px;
}
.at-steps--vertical .at-step {
  display: block;
  /* element */
  /* modifier */
}
.at-steps--vertical .at-step__line {
  margin: 0;
  left: 14px;
  top: 0;
  bottom: 2px;
  width: 1px;
  height: auto;
}
.at-steps--vertical .at-step__line::before, .at-steps--vertical .at-step__line::after {
  position: absolute;
  top: 0px;
  width: 100%;
}
.at-steps--vertical .at-step__line::after {
  height: 0;
}
.at-steps--vertical .at-step__head {
  padding-bottom: 2px;
}
.at-steps--vertical .at-step__main {
  min-height: 64px;
}
.at-steps--vertical .at-step.at-step--finish .at-step__line::after {
  height: 100%;
}
.at-steps--vertical.at-steps--small .at-step__line {
  left: 8px;
}

.at-step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  /* element */
}
.at-step__head, .at-step__main {
  position: relative;
  font-size: 14px;
}
.at-step__head {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #FFF;
}
.at-step__label {
  margin-right: 8px;
  width: 30px;
  height: 30px;
  color: #B9B9B9;
  line-height: 28px;
  text-align: center;
  border: 1px solid #B9B9B9;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.at-step--process .at-step__label:not(.at-step__icon) {
  color: #FFF;
  border-color: #6190E8;
  background-color: #6190E8;
}

.at-step--process .at-step__label.at-step__icon {
  color: #6190E8;
}

.at-step--finish .at-step__label {
  color: #6190E8;
  border-color: #6190E8;
}
.at-step--finish .at-step__label.at-step__icon {
  border-color: transparent;
}

.at-step--error .at-step__label {
  color: #FF4949;
  border-color: #FF4949;
}

.at-step__line {
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  margin: 0 10px;
  height: 1px;
}
.at-step--finish .at-step__line::after {
  width: 100%;
}

.at-step--next-error .at-step__line::after {
  width: 100%;
  background-color: #FF4949;
}

.at-step__line::before, .at-step__line::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}
.at-step__line::before {
  background-color: #B9B9B9;
}
.at-step__line::after {
  width: 0;
  background-color: #6190E8;
  transition: all 0.3s;
}
.at-step__main {
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: top;
  white-space: normal;
  overflow: hidden;
}
.at-step__title {
  display: inline-block;
  padding-right: 8px;
  max-width: 80%;
  color: #96A0AD;
  font-weight: bold;
  line-height: 30px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #FFF;
  overflow: hidden;
}
.at-step--process .at-step__title {
  color: #3F536E;
}

.at-step--error .at-step__title {
  color: #FF4949;
}

.at-step__description {
  color: #96A0AD;
  font-size: 12px;
  word-wrap: break-word;
}
.at-step--process .at-step__description {
  color: #3F536E;
}

.at-step--error .at-step__description {
  color: #FF4949;
}

.at-step__icon {
  font-size: 28px;
  border-color: transparent;
  background-color: #FFF;
}
.at-step__title, .at-step__description, .at-step__icon {
  transition: all 0.3s ease-in-out;
}

/**
 * Rate Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-rate {
  font-size: 0;
  /* element */
  /* modifier */
}
.at-rate__list {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.at-rate__item {
  display: inline-block;
  margin-right: 8px;
  font-size: 0;
  vertical-align: top;
  transition: all 0.3s;
  cursor: pointer;
}
.at-rate__item:last-of-type {
  margin-right: 0;
}
.at-rate__item:hover {
  transform: scale(1.1);
}
.at-rate__item--on .at-rate__icon {
  color: #FFC82C;
}
.at-rate__item--half .at-rate__left {
  color: #FFC82C;
}
.at-rate__icon {
  position: relative;
  display: inline-block;
  color: #ECECEC;
  font-size: 20px;
  vertical-align: top;
  transition: color 0.3s;
}
.at-rate__left {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  color: transparent;
  overflow: hidden;
}
.at-rate__text {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  vertical-align: middle;
}
.at-rate--disabled.at-rate__list {
  cursor: initial;
}
.at-rate--disabled .at-rate__item {
  cursor: initial;
}
.at-rate--disabled .at-rate__item:hover {
  transform: none;
}

/**
 * Tabs Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-tabs {
  overflow: hidden;
  /* element */
  /* modifier */
}
.at-tabs__header {
  margin-bottom: 16px;
  font-size: 0;
  border-bottom: 1px solid #ECECEC;
}
.at-tabs__nav {
  position: relative;
  margin-bottom: -1px;
  height: 36px;
  color: #3F536E;
  font-size: 14px;
  overflow: hidden;
}
.at-tabs__nav-wrap {
  overflow: hidden;
}
.at-tabs__prev, .at-tabs__next {
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  transition: color 0.3s;
  cursor: pointer;
}
.at-tabs__prev:hover, .at-tabs__next:hover {
  color: #6190E8;
}
.at-tabs__prev--disabled, .at-tabs__next--disabled {
  color: #C9C9C9;
  cursor: default;
}
.at-tabs__prev--disabled:hover, .at-tabs__next--disabled:hover {
  color: #C9C9C9;
}
.at-tabs__prev .icon, .at-tabs__next .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.at-tabs__prev {
  left: 0;
}
.at-tabs__next {
  right: 0;
}
.at-tabs__body {
  font-size: 0;
  white-space: nowrap;
  transition: all 0.3s;
}
.at-tabs__extra {
  float: right;
  margin-top: 6px;
}
.at-tabs__pane {
  display: inline-block;
  width: 100%;
  white-space: initial;
  vertical-align: top;
}
.at-tabs--small .at-tabs__header {
  margin-bottom: 12px;
}
.at-tabs--small .at-tabs__nav {
  height: 32px;
}
.at-tabs--small .at-tabs-nav__item {
  margin-right: 16px;
  padding: 0 16px;
  line-height: 32px;
  font-size: 12px;
}
.at-tabs--small .at-tabs__extra {
  margin-top: 3px;
}
.at-tabs--card.at-tabs--small .at-tabs-nav__item {
  line-height: 30px;
}
.at-tabs--card .at-tabs-nav__item {
  margin: 0 2px 0 0;
  line-height: 34px;
  border: 1px solid #ECECEC;
  border-radius: 4px 4px 0 0;
  background-color: #F7F7F7;
  transition: background-color 0.3s;
}
.at-tabs--card .at-tabs-nav__item::after {
  content: normal;
}
.at-tabs--card .at-tabs-nav__item--active {
  border-bottom-color: transparent;
  background-color: #FFF;
}
.at-tabs--scroll .at-tabs__nav {
  padding: 0 32px;
}

.at-tabs-nav {
  display: inline-block;
  white-space: nowrap;
  transition: transform 0.3s;
  /* element */
}
.at-tabs-nav__icon {
  margin-right: 8px;
}
.at-tabs-nav__close {
  position: absolute;
  margin-left: 2px;
  color: #79879a;
  opacity: 0;
  transition: all 0.3s;
}
.at-tabs-nav__close:hover {
  color: #3F536E;
}
.at-tabs-nav__item {
  position: relative;
  display: inline-block;
  margin-right: 24px;
  padding: 0 20px;
  line-height: 36px;
  transition: color 0.3s;
  cursor: pointer;
}
.at-tabs-nav__item:last-of-type {
  margin-right: 0;
}
.at-tabs-nav__item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #6190E8;
  transform: scaleX(0);
  transition: all 0.15s;
}
.at-tabs-nav__item:not(.at-tabs-nav__item--disabled):hover {
  color: #6190E8;
}
.at-tabs-nav__item--active {
  color: #6190E8;
}
.at-tabs-nav__item--active::after {
  transform: scaleX(1);
}
.at-tabs-nav__item--disabled {
  color: #C9C9C9;
  cursor: default;
}
.at-tabs-nav__item--closable:hover .at-tabs-nav__close {
  opacity: 1;
}

/**
 * Timeline
 */
.at-timeline {
  /* element */
  /* modifier */
}
.at-timeline__item {
  position: relative;
  padding: 0 0 12px;
}
.at-timeline__item--default .at-timeline__dot {
  color: #78A4FA;
  border-color: #78A4FA;
}
.at-timeline__item--success .at-timeline__dot {
  color: #13CE66;
  border-color: #13CE66;
}
.at-timeline__item--error .at-timeline__dot {
  color: #FF4949;
  border-color: #FF4949;
}
.at-timeline__item--warning .at-timeline__dot {
  color: #FFC82C;
  border-color: #FFC82C;
}
.at-timeline__item--custom .at-timeline__dot {
  top: -2px;
  left: -4px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  text-align: center;
  border: 0;
}
.at-timeline__item--custom .at-timeline__dot .icon {
  display: block;
  margin-top: 2px;
}
.at-timeline__item--last .at-timeline__tail {
  display: none;
}
.at-timeline__item--last .at-timeline__content {
  min-height: 48px;
}
.at-timeline__tail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  border-left: 2px solid #ECECEC;
}
.at-timeline__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #FFF;
}
.at-timeline__content {
  position: relative;
  top: -5px;
  padding: 0 0 8px 24px;
  font-size: 12px;
}
.at-timeline--pending .at-timeline__item--pending .at-timeline__tail {
  display: none;
}
.at-timeline--pending .at-timeline__item--last .at-timeline__tail {
  display: inline-block;
  border-left-style: dotted;
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: rgb(248, 248, 248);
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

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

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143; /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333; /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-progress--bar {
  width: 100%;
}
.at-progress .icon {
  display: none;
}

.at-progress-bar {
  padding-right: 0;
  margin-right: 0;
}
.at-progress-bar__inner {
  border-radius: 3px;
}
.at-progress-bar__wraper {
  border-radius: 3px;
}

/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-collapse {
  border-radius: 0px;
  border: none;
}
.at-collapse .at-collapse__content .at-collapse__content {
  padding: 0;
}
.at-collapse__header {
  padding: 21px;
  border-bottom: 0 !important;
}
.at-collapse__content {
  padding: 0 21px;
}
.at-collapse__content .at-collapse__header {
  padding: 21px 0;
}
.at-collapse__item--active {
  background-color: #F4F4FF;
}
.at-collapse__item--active .at-collapse__content {
  background-color: #F4F4FF;
}
.at-collapse__icon.icon-chevron-right {
  display: none;
}
.at-collapse--simple .at-collapse__header {
  border-bottom: none;
}

.at-btn__text {
  font-weight: 600;
  font-size: 15px;
}
.at-btn__icon {
  font-size: 0.9rem;
}

.list__item {
  border-bottom: 3px solid #F4F4FF !important;
}
.list__item:last-child {
  border-bottom: none !important;
}
.list__item--active {
  background-color: #F4F4FF;
}

.at-input__original {
  padding: 8.5px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vs__dropdown-toggle {
  background-color: #fff;
  padding: 0;
}
.vs__dropdown-toggle:hover {
  border: 1px solid #79A1EB;
}
.vs__selected {
  margin: 0;
  border: 0;
}
.vs__selected-options {
  margin-right: 25px;
  overflow: hidden;
  padding: 0;
}
.vs__selected {
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 26px;
  color: #3F536E;
  white-space: nowrap;
  width: 100px;
}
.vs__search, .vs__search:focus {
  margin: 0;
  border: none;
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 26px;
}
.vs__dropdown-menu {
  top: calc(100% + 2px);
  border: none;
  border-radius: 4px;
  padding: 0;
}
.vs__dropdown-option {
  padding: 8px 12px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #3F536E;
}
.vs__no-options {
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 26px;
  color: #3F536E;
}
.vs__clear {
  display: none;
}
.vs__actions {
  display: none;
}
.vs--open .vs__dropdown-toggle {
  border: 1px solid #79A1EB;
  border-radius: 4px;
}

.has-error .vs__dropdown-toggle {
  border: 1px solid #FF5569;
}

.at-select .at-select__input {
  position: relative;
  margin: 0;
}
.at-select__dropdown {
  box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);
}
.at-select__input {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.at-select__clear {
  font-size: 14px;
  margin-top: -7px;
}
.at-select__arrow {
  font-size: 14px;
  margin-top: -7px;
  color: #2E2EF9;
}
.at-select--error .at-select__selection {
  border: 1px solid #FF5569;
}

.at-textarea--error .at-textarea__original {
  border: 1px solid #FF5569;
}

.at-table tr:hover {
  background-color: #F4F4FF;
}

.ql-toolbar.ql-snow {
  border: 1px solid #C5D9E8 !important;
}

.ql-container.ql-snow {
  border: 1px solid #C5D9E8 !important;
}

/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
h1, h2, h3, h4, h5, h6, h1, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Nunito", sans-serif;
  color: #151941;
}

h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
}

h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}

h3 {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}

h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}

h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
}

.h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}

.h3 {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}

.h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}

.h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.content-wrapper {
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.busy-mask {
  z-index: 9999;
}

.page-title {
  font-size: 30px;
  color: #2E2EF9;
  margin-bottom: 1rem;
  font-weight: 700;
}

.at-container {
  background: #FFFFFF;
  border: 1px solid #EEEEF5;
  box-sizing: border-box;
  box-shadow: 0px 0px 100px rgba(63, 51, 86, 0.05);
  border-radius: 20px;
}
.at-container__inner {
  padding: 1.5rem;
}

.controls-row {
  display: flex;
  align-items: center;
}
.controls-row__item {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  position: relative;
}
.controls-row__item:last-child {
  margin-right: 0;
}
.controls-row__item--left-auto {
  margin-left: auto;
}
.controls-row__item .at-input__original,
.controls-row__item .at-select__selection,
.controls-row__item .vs__dropdown-toggle {
  border: 1px solid #eeeef5;
}
.controls-row__btn {
  background: #FFFFFF;
  border: 1px solid #EEEEF5;
  border-radius: 10px;
  height: 40px;
}

.label-tooltip {
  text-decoration: none;
  border-bottom: 1px dashed #3f536e;
  cursor: help;
}

@media (max-width: 1200px) {
  .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.at-input {
  font-size: initial;
}
.at-input--small .at-input__original {
  font-size: 11px;
}

.at-select__selection {
  padding: 6px 12px;
}
.at-select--small .at-select__selection {
  padding: 0 24px 0 8px;
}

.at-menu__item {
  color: #C4C4CF;
}
.at-menu__item a {
  color: #C4C4CF;
}
.at-menu__item.at-menu__item--active .at-menu__item-link:not(.router-link-active)::after {
  transform: scaleX(0);
}
.at-menu__submenu {
  color: #C4C4CF;
}
.at-menu__submenu-title {
  font-weight: bold;
}
.at-menu__submenu a {
  color: #C4C4CF;
}
.at-menu__submenu.at-menu__submenu--active .at-menu__submenu-link:not(.router-link-active)::after {
  transform: scaleX(0);
}
.at-menu__submenu:hover > .at-menu__submenu-title, .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #2e2ef9 !important;
}
.at-menu__item-link {
  font-weight: bold;
  color: #C4C4CF !important;
}
.at-menu__item-link.router-link-active {
  color: #2e2ef9 !important;
}
.at-menu__item-link:hover {
  color: #2e2ef9 !important;
}
.at-menu__item-link::after {
  background-color: #2e2ef9 !important;
}

.crud .page-controls {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
.crud .page-controls .control-items {
  display: flex;
  flex-flow: row nowrap;
}
.crud__title {
  margin-bottom: 0;
}
.crud__content {
  padding: 1.75em;
}
@media (max-width: 768px) {
  .crud__content {
    padding: 1em;
  }
}

.tasks-grid__task, .tasks-grid__project {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tasks-grid__task--inactive {
  color: #888;
  text-decoration: line-through;
}
.tasks-grid__tags {
  display: flex;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
}

.crud__content.crud__item-view pre {
  white-space: pre-wrap;
}

.projects-grid__project {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.role-select__description[data-v-6dcd78f0] {
  white-space: normal;
  opacity: 0.6;
  font-size: 0.7rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.invite-form__group[data-v-0e638244] {
  margin-bottom: 1rem;
}
.invite-form__remove[data-v-0e638244] {
  max-height: 40px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-input__original[data-v-d6f758f6] {
  width: 170px;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
  padding: 0;
}
.color-input__item[data-v-d6f758f6] {
  display: flex;
  flex-flow: row nowrap;
}
.color-input__item[data-v-d6f758f6] .at-modal {
  width: 225px !important;
}
.color-input__item[data-v-d6f758f6] .at-modal__body {
  padding: 0;
}
.color-input__color[data-v-d6f758f6] {
  flex: 1;
  margin-right: 0.5em;
  margin-bottom: 0.75em;
}
.color-input__remove[data-v-d6f758f6] {
  height: 40px;
}
.color-input__color[data-v-d6f758f6] {
  max-width: 170px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.group-select[data-v-263c23ed] {
  border-radius: 5px;
  width: 100%;
}
.group-select[data-v-263c23ed] .v-select {
  height: 100%;
}
.group-select[data-v-263c23ed] .vs__selected-options {
  display: block;
  white-space: pre;
}
.group-select[data-v-263c23ed] .vs__selected,
.group-select[data-v-263c23ed] .vs__search {
  display: inline;
}
.group-select[data-v-263c23ed] .vs--open .vs__search {
  width: 100%;
}
.group-select[data-v-263c23ed] .vs__actions {
  display: flex;
  font-size: 14px;
  margin-right: 8px;
  width: 30px;
  position: relative;
}
.group-select[data-v-263c23ed] .vs__clear {
  display: block;
}
.group-select[data-v-263c23ed] .vs__open-indicator {
  transform: none;
  position: absolute;
  right: 0;
}
.group-select[data-v-263c23ed] .vs__no-options {
  padding: 0;
  font-family: inherit;
}
.group-select[data-v-263c23ed] .vs__dropdown-menu {
  scrollbar-width: none;
}
.group-select[data-v-263c23ed] .vs__dropdown-menu::-webkit-scrollbar {
  display: none;
}
.option--current[data-v-263c23ed] {
  font-weight: bold;
}
.option__depth[data-v-263c23ed] {
  padding-right: 0.3em;
  letter-spacing: 0.1em;
  opacity: 0.3;
  font-weight: 300;
}
.option__infinite-loader[data-v-263c23ed] {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
  z-index: 2;
}
.option__text[data-v-263c23ed] {
  display: flex;
}
.option__label[data-v-263c23ed] {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5em;
}
.option__link[data-v-263c23ed] {
  font-size: 15px;
}
.no-option[data-v-263c23ed] {
  margin-top: 10px;
  cursor: pointer;
  display: block;
  width: 100%;
}
.no-option div[data-v-263c23ed] {
  word-break: break-all;
  white-space: initial;
  line-height: 20px;
}
.no-option div[data-v-263c23ed]::before {
  margin-right: 5px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.priority-select[data-v-3468bd9e] {
  border-radius: 5px;
}
.priority-select[data-v-3468bd9e] .at-select__selection {
  background: transparent;
}
.priority-select[data-v-3468bd9e] .at-select__dropdown .at-select__option {
  padding: 0;
}
.priority-select[data-v-3468bd9e] .at-select {
  color: inherit;
}
.option[data-v-3468bd9e] {
  display: block;
  width: 100%;
  padding: 6px 12px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.screenshots-state-select[data-v-1bf28a84] .at-radio--checked .at-radio-button__inner {
  background-color: #6C6CFF;
  border-color: #6C6CFF;
}
.hint[data-v-1bf28a84] {
  font-size: 12px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.avatar[data-v-71e093e2] {
  position: relative;
}
.avatar__online-status[data-v-71e093e2] {
  height: 7px;
  width: 7px;
  position: absolute;
  background: #6eceb2;
  border-radius: 100%;
  border: 1px solid white;
  right: 0;
  bottom: 0px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.team-avatars__preview[data-v-395cc3af] {
  display: flex;
}
.team-avatars__avatar[data-v-395cc3af] {
  margin: 0.125rem;
}
.team-avatars__placeholder[data-v-395cc3af] {
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  font: 12px/30px Helvetica, Arial, sans-serif;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: rgb(158, 158, 158);
  color: rgb(238, 238, 238);
  cursor: pointer;
}
.tooltip__avatars[data-v-395cc3af] {
  display: flex;
  flex-wrap: wrap;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.status[data-v-2ff60697]:not(:last-child) {
  margin-bottom: 24px;
}
.status-title[data-v-2ff60697] {
  font-size: 16px;
}
.status-color-override[data-v-2ff60697] {
  margin-bottom: 16px;
}
.status-color[data-v-2ff60697] {
  width: 170px;
  height: 40px;
  overflow: hidden;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.phases[data-v-ca17d6e2] .at-input__original {
  border: none;
  width: 100%;
}
.phases__add-btn[data-v-ca17d6e2] {
  margin-top: 0.5rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.timezone-select[data-v-58632045] {
  min-width: 240px;
}
.timezone-select[data-v-58632045] .vs__dropdown-menu {
  width: auto;
  min-width: 100%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.color-input[data-v-cb64d862] {
  width: 170px;
  height: 40px;
  cursor: pointer;
  border-radius: 5px;
  padding: 0px;
  border: none;
}
.color-readiness__item[data-v-cb64d862] {
  display: flex;
  flex-flow: row nowrap;
}
.color-readiness__start[data-v-cb64d862], .color-readiness__end[data-v-cb64d862], .color-readiness__color[data-v-cb64d862] {
  flex: 1;
  margin-right: 0.5em;
  margin-bottom: 0.75em;
}
.color-readiness__remove[data-v-cb64d862] {
  height: 40px;
}
.color-readiness__color[data-v-cb64d862] {
  max-width: 170px;
}
input[type=color i][data-v-cb64d862]::-webkit-color-swatch-wrapper,
input[type=color i][data-v-cb64d862]::-webkit-color-swatch {
  padding: 0px;
  border: none;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.loader[data-v-4ef61508] {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  transition: all 1s ease-out;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.loader--transparent[data-v-4ef61508] {
  background: rgba(255, 255, 255, 0.8);
}
.loader .lds-ellipsis[data-v-4ef61508] {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.loader .lds-ellipsis div[data-v-4ef61508] {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6C6CFF;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader .lds-ellipsis div[data-v-4ef61508]:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1-4ef61508 0.6s infinite;
}
.loader .lds-ellipsis div[data-v-4ef61508]:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2-4ef61508 0.6s infinite;
}
.loader .lds-ellipsis div[data-v-4ef61508]:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2-4ef61508 0.6s infinite;
}
.loader .lds-ellipsis div[data-v-4ef61508]:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3-4ef61508 0.6s infinite;
}
@keyframes lds-ellipsis1-4ef61508 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis3-4ef61508 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis2-4ef61508 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(24px, 0);
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.user-select[data-v-27347e05] {
  position: relative;
  min-width: 240px;
}
.user-select[data-v-27347e05] .at-input__original {
  border-radius: 5px;
  padding-right: 2.5rem;
  cursor: text;
}
.user-select[data-v-27347e05] .at-tabs-nav {
  width: 100%;
}
.user-select[data-v-27347e05] .at-tabs-nav__item {
  color: #b1b1be;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin: 0;
  line-height: 39px;
  width: 50%;
}
.user-select[data-v-27347e05] .at-tabs-nav__item--active {
  color: #2e2ef9;
}
.user-select[data-v-27347e05] .at-tabs-nav__item--active::after {
  background-color: #2e2ef9;
}
.user-select[data-v-27347e05] .at-tabs__nav {
  height: 39px;
}
.user-select[data-v-27347e05] .at-tabs__header {
  margin-bottom: 0;
}
.user-select[data-v-27347e05] .at-tabs__body {
  display: none;
}
.user-select__clear[data-v-27347e05] {
  margin-right: 1rem;
  display: block;
}
.user-select-list[data-v-27347e05] {
  overflow-y: scroll;
  max-height: 200px;
  position: relative;
  min-height: 60px;
}
.user-select-all[data-v-27347e05] {
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #59566e;
  text-transform: uppercase;
  padding: 8px 20px;
  cursor: pointer;
}
.user-select-item[data-v-27347e05] {
  font-size: 13px;
  font-weight: 500;
  color: #151941;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 7px 20px;
}
.user-select-item.active[data-v-27347e05] {
  background: #f4f4ff;
}
.user-select-item[data-v-27347e05]::before, .user-select-item[data-v-27347e05]::after {
  content: " ";
  display: table;
  clear: both;
}
.user-search-input[data-v-27347e05] {
  margin: 0;
}
.user-search-input[data-v-27347e05] .at-input__original {
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-type-filter[data-v-27347e05] {
  padding: 0 12px;
}
.user-avatar[data-v-27347e05] {
  float: left;
  margin-right: 10px;
}
.user-name[data-v-27347e05] {
  padding-bottom: 3px;
}
.at-select__dropdown[data-v-27347e05] {
  overflow: hidden;
  max-height: 360px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.comment-form[data-v-d89271e4] {
  width: 100%;
  margin-top: 16px;
}
.comment-form-users[data-v-d89271e4] {
  position: fixed;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);
  padding: 4px 0 4px;
  z-index: 10;
}
.comment-form-user[data-v-d89271e4] {
  padding: 4px 8px 4px;
  cursor: pointer;
}
.comment-form-user[data-v-d89271e4]:hover {
  background: #ecf2fc;
}
.user-avatar[data-v-d89271e4] {
  display: inline-block;
}
.comment-submit[data-v-d89271e4] {
  margin-top: 8px;
}
.comment[data-v-d89271e4] {
  display: block;
  margin-top: 16px;
  width: 100%;
}
.comment-header[data-v-d89271e4] {
  display: flex;
  justify-content: space-between;
}
.comment-avatar[data-v-d89271e4] {
  display: inline-block;
}
.comment .username[data-v-d89271e4] {
  background: #ecf2fc;
  border-radius: 4px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.attachments-wrapper[data-v-09e4804b],
.upload-wrapper[data-v-09e4804b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
[data-v-09e4804b] .tmp-link-popover {
  display: flex;
  gap: 0.1rem;
}
[data-v-09e4804b] .strikethrough {
  text-decoration: line-through;
}
[data-v-09e4804b] .status-icon {
  font-size: 1rem;
}
[data-v-09e4804b] .status-icon.icon-check-circle {
  color: #2DC48D;
}
[data-v-09e4804b] .status-icon.icon-slash {
  color: #FF5569;
}
[data-v-09e4804b] .status-icon.icon-alert-circle {
  color: #78A4FA;
}
[data-v-09e4804b] .status-icon.icon-cpu {
  color: #FFC82C;
}
.upload-failed[data-v-09e4804b] {
  color: #FF5569;
}
.file-upload-progress[data-v-09e4804b] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.file-upload-progress[data-v-09e4804b] .at-progress {
  display: flex;
  align-items: end;
}
.file-upload-progress[data-v-09e4804b] .at-progress-bar {
  flex-basis: 40%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.activity-wrapper[data-v-51ecc46a] {
  display: flex;
  flex-direction: column;
}
.sort-wrapper[data-v-51ecc46a] {
  display: flex;
  justify-content: end;
}
.attachments-wrapper[data-v-51ecc46a] {
  margin-top: 0.5rem;
}
.content[data-v-51ecc46a] {
  position: relative;
}
.content .comment-functions[data-v-51ecc46a] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 5;
}
.content .comment-functions .comment-buttons[data-v-51ecc46a] {
  position: sticky;
  top: 10px;
  pointer-events: all;
}
.content .comment-functions .comment-buttons button[data-v-51ecc46a] {
  background: #fff;
}
.comment-content[data-v-51ecc46a] {
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
}
.comment-content--preview[data-v-51ecc46a] {
  border: 1px solid #78A4FA;
  border-radius: 4px;
}
.comment-content[data-v-51ecc46a] .preview-btn-wrapper {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  pointer-events: none;
}
.comment-content[data-v-51ecc46a] .preview-btn {
  pointer-events: all;
  position: sticky;
  top: 10px;
  background: #fff;
}
.comment-content[data-v-51ecc46a] img {
  max-width: 35%;
}
.comment-content[data-v-51ecc46a] h6 {
  font-size: 14px;
}
.comment-content[data-v-51ecc46a] hr {
  border: 0;
  border-top: 2px solid #B1B1BE;
  border-radius: 5px;
}
.comment-content[data-v-51ecc46a] p {
  margin: 0 0 10px;
}
.comment-content[data-v-51ecc46a] ul,
.comment-content[data-v-51ecc46a] ol {
  all: revert;
}
.comment-content[data-v-51ecc46a] table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.comment-content[data-v-51ecc46a] table > caption + thead > tr:first-child > th,
.comment-content[data-v-51ecc46a] table > colgroup + thead > tr:first-child > th,
.comment-content[data-v-51ecc46a] table > thead:first-child > tr:first-child > th,
.comment-content[data-v-51ecc46a] table > caption + thead > tr:first-child > td,
.comment-content[data-v-51ecc46a] table > colgroup + thead > tr:first-child > td,
.comment-content[data-v-51ecc46a] table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.comment-content[data-v-51ecc46a] table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.comment-content[data-v-51ecc46a] table > tbody > tr:nth-child(odd) > td,
.comment-content[data-v-51ecc46a] table > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.comment-content[data-v-51ecc46a] table > thead > tr > th,
.comment-content[data-v-51ecc46a] table > tbody > tr > th,
.comment-content[data-v-51ecc46a] table > tfoot > tr > th,
.comment-content[data-v-51ecc46a] table > thead > tr > td,
.comment-content[data-v-51ecc46a] table > tbody > tr > td,
.comment-content[data-v-51ecc46a] table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.comment-content[data-v-51ecc46a] code.hljs {
  white-space: pre;
  padding: 9.5px;
}
.comment-content[data-v-51ecc46a] pre {
  white-space: pre !important;
  display: block;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.comment-content[data-v-51ecc46a] pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.comment-content[data-v-51ecc46a] code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
.comment-content[data-v-51ecc46a] blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
.history-change[data-v-51ecc46a] {
  margin-top: 16px;
}
.history-change-avatar[data-v-51ecc46a] {
  display: inline-block;
}
.comment-form[data-v-51ecc46a] .comment-message textarea,
.comment-content[data-v-51ecc46a] .comment-message textarea {
  min-height: 140px !important;
  max-height: 500px;
  resize: none !important;
}
.comment-form[data-v-51ecc46a] {
  width: 100%;
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
.comment-form--at-bottom[data-v-51ecc46a] {
  order: 999;
}
.comment-form-users[data-v-51ecc46a] {
  position: fixed;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);
  padding: 4px 0 4px;
  z-index: 10;
}
.comment-form-user[data-v-51ecc46a] {
  padding: 4px 8px 4px;
  cursor: pointer;
}
.comment-form-user[data-v-51ecc46a]:hover {
  background: #ecf2fc;
}
.user-avatar[data-v-51ecc46a] {
  display: inline-block;
}
.comment-button[data-v-51ecc46a] {
  margin-top: 8px;
  margin-right: 8px;
  margin-left: auto;
}
.buttons[data-v-51ecc46a] {
  display: flex;
  justify-content: space-between;
}
.at-dropdown-menu[data-v-51ecc46a] {
  display: flex;
  flex-direction: column;
}
.at-dropdown[data-v-51ecc46a] {
  margin-top: 8px;
}
.at-dropdown-menu__item[data-v-51ecc46a] {
  padding: 0;
}
.at-dropdown-menu__item .at-radio[data-v-51ecc46a] {
  padding: 8px 16px;
  width: 100%;
}
.comment[data-v-51ecc46a] {
  display: block;
  margin-top: 16px;
  width: 100%;
}
.comment-header[data-v-51ecc46a] {
  display: flex;
  justify-content: space-between;
}
.comment-avatar[data-v-51ecc46a] {
  display: inline-block;
}
.comment-date[data-v-51ecc46a] {
  opacity: 0.5;
}
.comment .username[data-v-51ecc46a] {
  background: #ecf2fc;
  border-radius: 4px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.time-estimate[data-v-627274ec] {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.time-estimate__text[data-v-627274ec] {
  padding-left: 5px;
}
.time-estimate__input-wrapper[data-v-627274ec] {
  display: flex;
  align-items: flex-end;
}
.time-estimate .at-input-number[data-v-627274ec] {
  min-width: auto;
  width: 70px;
  padding: 7px 0;
  height: auto;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.datepicker-wrapper[data-v-6177efd2] {
  position: absolute;
  width: 400px;
  max-height: unset;
}
.datepicker__main[data-v-6177efd2] {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  height: 280px;
}
.datepicker__footer[data-v-6177efd2] {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: 6px 12px;
}
.datepicker[data-v-6177efd2] {
  flex: 1;
}
.dateinput[data-v-6177efd2] .mx-datepicker {
  max-height: unset;
}
.dateinput[data-v-6177efd2] .mx-datepicker-main,
.dateinput[data-v-6177efd2] .mx-datepicker-inline {
  border: none;
}
.dateinput[data-v-6177efd2] .mx-datepicker-header {
  padding: 0;
  border-bottom: none;
}
.dateinput[data-v-6177efd2] .mx-calendar {
  width: unset;
}
.dateinput[data-v-6177efd2] .mx-calendar-content {
  width: unset;
}
.dateinput[data-v-6177efd2] .mx-calendar-header > .mx-btn-text {
  padding: 0;
  width: 34px;
  text-align: center;
}
.dateinput[data-v-6177efd2] .mx-calendar-header-label .mx-btn {
  color: #1a051d;
}
.dateinput[data-v-6177efd2] .mx-table thead {
  color: #b1b1be;
  font-weight: 600;
  text-transform: uppercase;
}
.dateinput[data-v-6177efd2] .mx-week-number-header,
.dateinput[data-v-6177efd2] .mx-week-number {
  display: none;
}
.dateinput[data-v-6177efd2] .mx-table-date td {
  font-size: 13px;
}
.dateinput[data-v-6177efd2] .mx-table-date .cell:last-child {
  color: #ff5569;
}
.dateinput[data-v-6177efd2] .mx-table .cell.not-current-month {
  color: #e7ecf2;
}
.dateinput[data-v-6177efd2] .mx-table .cell.active {
  background: transparent;
}
.dateinput[data-v-6177efd2] .mx-table .cell.active > div {
  display: inline-block;
  background: #2e2ef9;
  color: #ffffff;
  border-radius: 7px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.dateinput[data-v-6177efd2] .mx-table-month {
  color: #000000;
}
.dateinput[data-v-6177efd2] .mx-table-month .cell {
  height: 50px;
}
.dateinput[data-v-6177efd2] .mx-table-month .cell.active > div {
  border-radius: 5px;
  width: 54px;
  height: 30px;
}
.dateinput[data-v-6177efd2] .mx-table-year {
  color: #000000;
}
.dateinput[data-v-6177efd2] .mx-table-year .cell.active > div {
  width: 54px;
}
.dateinput[data-v-6177efd2] .mx-btn:hover {
  color: #2e2ef9;
}
.dateinput[data-v-6177efd2] .mx-table .cell.today {
  color: #2a90e9;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.task-select[data-v-0c81ef79] {
  border-radius: 5px;
}
.task-select[data-v-0c81ef79]:hover .vs__clear {
  display: inline-block;
}
.task-select[data-v-0c81ef79]:hover .vs__open-indicator {
  display: none;
}
.task-select[data-v-0c81ef79] .vs--open .vs__open-indicator {
  display: inline-block;
}
.task-select[data-v-0c81ef79] .vs__actions {
  display: flex;
  font-size: 14px;
  margin-right: 8px;
  width: 30px;
  position: relative;
}
.task-select[data-v-0c81ef79] .vs__clear {
  padding-right: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
}
.task-select[data-v-0c81ef79] .vs__open-indicator {
  transform: none;
  position: absolute;
  right: 0;
}
.option--current[data-v-0c81ef79] {
  font-weight: bold;
}
.option__infinite-loader[data-v-0c81ef79] {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.relations__title[data-v-6afaeb5e] {
  margin-bottom: 0.125rem;
}
.relations__title[data-v-6afaeb5e]:last-of-type {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
.relations__title[data-v-6afaeb5e] {
    font-size: 0.8rem;
}
}
.relations[data-v-6afaeb5e] .at-input__original {
  border: none;
  width: 100%;
  font-size: 0.8rem;
}
.relations__actions[data-v-6afaeb5e] {
  display: flex;
  margin-top: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.relations__actions .at-select[data-v-6afaeb5e] {
  max-width: 120px;
}
.relations__actions .task-select[data-v-6afaeb5e] {
  flex-basis: 100%;
}
.relations__actions .task-select[data-v-6afaeb5e] ul {
  overflow-x: hidden;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.datepicker-wrapper[data-v-2c5d6ad7] {
  position: absolute;
  width: 400px;
  max-height: unset;
}
.datepicker__main[data-v-2c5d6ad7] {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  height: 280px;
}
.datepicker__footer[data-v-2c5d6ad7] {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  padding: 6px 12px;
}
.datepicker[data-v-2c5d6ad7] {
  flex: 1;
}
.datetimeinput[data-v-2c5d6ad7] .mx-datepicker {
  max-height: unset;
}
.datetimeinput[data-v-2c5d6ad7] .mx-datepicker-main,
.datetimeinput[data-v-2c5d6ad7] .mx-datepicker-inline {
  border: none;
}
.datetimeinput[data-v-2c5d6ad7] .mx-datepicker-header {
  padding: 0;
  border-bottom: none;
}
.datetimeinput[data-v-2c5d6ad7] .mx-calendar {
  width: unset;
}
.datetimeinput[data-v-2c5d6ad7] .mx-calendar-content {
  width: unset;
}
.datetimeinput[data-v-2c5d6ad7] .mx-calendar-header > .mx-btn-text {
  padding: 0;
  width: 34px;
  text-align: center;
}
.datetimeinput[data-v-2c5d6ad7] .mx-calendar-header-label .mx-btn {
  color: #1a051d;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table thead {
  color: #b1b1be;
  font-weight: 600;
  text-transform: uppercase;
}
.datetimeinput[data-v-2c5d6ad7] .mx-week-number-header,
.datetimeinput[data-v-2c5d6ad7] .mx-week-number {
  display: none;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-date td {
  font-size: 13px;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-date .cell:last-child {
  color: #ff5569;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table .cell.not-current-month {
  color: #e7ecf2;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table .cell.active {
  background: transparent;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table .cell.active > div {
  display: inline-block;
  background: #2e2ef9;
  color: #ffffff;
  border-radius: 7px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-month {
  color: #000000;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-month .cell {
  height: 50px;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-month .cell.active > div {
  border-radius: 5px;
  width: 54px;
  height: 30px;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-year {
  color: #000000;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table-year .cell.active > div {
  width: 54px;
}
.datetimeinput[data-v-2c5d6ad7] .mx-btn:hover {
  color: #2e2ef9;
}
.datetimeinput[data-v-2c5d6ad7] .mx-table .cell.today {
  color: #2a90e9;
}
.hour-select[data-v-2c5d6ad7],
.minute-select[data-v-2c5d6ad7] {
  padding: 5px;
  width: 50px;
  overflow-y: scroll;
  text-align: center;
}
.hour-select .item[data-v-2c5d6ad7],
.minute-select .item[data-v-2c5d6ad7] {
  padding: 3px;
  cursor: pointer;
}
.hour-select .selected[data-v-2c5d6ad7],
.minute-select .selected[data-v-2c5d6ad7] {
  background: #2e2ef9;
  color: #ffffff;
  border-radius: 7px;
}
@charset "UTF-8";
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
/** first import the vendor css to be able to overwrite them **/
/**
 * AT-UI
 */
/* Mixin */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Variables */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Core */
/**
 * Core
 */
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * AT-Desktop UI Base Stylesheet
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:before, *:after {
  box-sizing: border-box;
}

/* HTML & Body reset */
html, body {
  width: 100%;
  height: 100%;
}
body {
  background-color: #fdfdfd;
  color: #3F536E;
  line-height: 1.5;
  font-family: "Nunito", sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
}

/* Unify the margin and padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

/* Reset fonts for relevant elements */
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
ul, ol {
  list-style: none;
}

/* Remove the clear button of a text input control in IE10+ */
input::-ms-clear, input::-ms-reveal {
  display: none;
}
::-moz-selection {
  background: #6C6CFF;
  color: #fff;
}
::selection {
  background: #6C6CFF;
  color: #fff;
}

/* Link */
a {
  color: #6190E8;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
a:hover {
  color: #79A1EB;
}
a:active {
  color: #F4F4FF;
}
a:hover, a:active {
  outline: 0;
  text-decoration: none;
}
a[disabled] {
  color: #BFBFBF;
  cursor: not-allowed;
  pointer-events: none;
}

/* Code Block */
code, kbd, pre, samp {
  font-family: Consolas, Menlo, Courier, monospace;
}

/* Utility crud */
.clearfix::after {
  clear: both;
  content: "";
  display: block;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}

/* Title */
h1, h2, h3, h4, h5, h6 {
  color: #2e2ef9;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4, h5, h6 {
  font-size: 1rem;
}
hr {
  margin: 1.2em 0 1.5em;
}

/* Text */
p {
  color: #3F536E;
  font-size: 1rem;
}
.text-smallest {
  font-size: 11px;
}
.text-smaller {
  font-size: 12px;
}
.text-small {
  font-size: 0.9rem;
}
.text-base {
  font-size: 1rem;
}
.text-normal {
  font-size: 16px;
}
.text-large {
  font-size: 18px;
}
.text-larger {
  font-size: 20px;
}

/*// Color
$normal-color             : #6190E8;
$primary-color            : #6190E8;
$success-color            : #13CE66;
$error-color              : #FF4949;
$warning-color            : #FFC82C;
$info-color               : #78A4FA;
.normal-color {
  color:
}*/
/* Font */
.typo-pingfang {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", Arial, sans-serif;
}
.typo-dongqing {
  font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif;
}
.typo-yahei {
  font-family: "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.typo-helvetica-neue {
  font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
}
.typo-helvetica {
  font-family: Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
}
.typo-arial {
  font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", sans-serif;
}

/**
 * Grid System
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* variables */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/* Extra large screen / Wide Desktop */
/**
 * Make Grid
 * Use for column 24
 * $baseWidth: 4.166667%;
 */
.container-fluid, .container {
  margin-left: auto;
  margin-right: auto;
}
.container-fluid {
  padding-left: 24px;
  padding-right: 24px;
}
.no-gutter {
  padding-left: 0;
  padding-right: 0;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -4px;
  margin-right: -4px;
}
.row.reverse {
  flex-direction: row-reverse;
}
.col.reverse {
  flex-direction: column-reverse;
}

/* Flex justify content */
.flex {
  display: flex;
}
.flex-start {
  justify-content: flex-start;
  text-align: start;
}
.flex-center {
  justify-content: center;
  text-align: center;
}
.flex-end {
  justify-content: flex-end;
  text-align: end;
}
.flex-around {
  justify-content: space-around;
}
.flex-between {
  justify-content: space-between;
}
.flex-top {
  align-items: flex-start;
}
.flex-middle {
  align-items: center;
}
.flex-bottom {
  align-items: flex-end;
}
.flex-first {
  order: -1;
}
.flex-last {
  order: 1;
}
.flex-gap {
  gap: 10px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

/* normal */
.container {
  width: 100%;
}
.col, .col-offset-0 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.col-1, .col-offset-1 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-1, .no-gutter .col-offset-1 {
  padding-left: 0;
  padding-right: 0;
}
.col-2, .col-offset-2 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-2, .no-gutter .col-offset-2 {
  padding-left: 0;
  padding-right: 0;
}
.col-3, .col-offset-3 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-3, .no-gutter .col-offset-3 {
  padding-left: 0;
  padding-right: 0;
}
.col-4, .col-offset-4 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-4, .no-gutter .col-offset-4 {
  padding-left: 0;
  padding-right: 0;
}
.col-5, .col-offset-5 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-5, .no-gutter .col-offset-5 {
  padding-left: 0;
  padding-right: 0;
}
.col-6, .col-offset-6 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-6, .no-gutter .col-offset-6 {
  padding-left: 0;
  padding-right: 0;
}
.col-7, .col-offset-7 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-7, .no-gutter .col-offset-7 {
  padding-left: 0;
  padding-right: 0;
}
.col-8, .col-offset-8 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-8, .no-gutter .col-offset-8 {
  padding-left: 0;
  padding-right: 0;
}
.col-9, .col-offset-9 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-9, .no-gutter .col-offset-9 {
  padding-left: 0;
  padding-right: 0;
}
.col-10, .col-offset-10 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-10, .no-gutter .col-offset-10 {
  padding-left: 0;
  padding-right: 0;
}
.col-11, .col-offset-11 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-11, .no-gutter .col-offset-11 {
  padding-left: 0;
  padding-right: 0;
}
.col-12, .col-offset-12 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-12, .no-gutter .col-offset-12 {
  padding-left: 0;
  padding-right: 0;
}
.col-13, .col-offset-13 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-13, .no-gutter .col-offset-13 {
  padding-left: 0;
  padding-right: 0;
}
.col-14, .col-offset-14 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-14, .no-gutter .col-offset-14 {
  padding-left: 0;
  padding-right: 0;
}
.col-15, .col-offset-15 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-15, .no-gutter .col-offset-15 {
  padding-left: 0;
  padding-right: 0;
}
.col-16, .col-offset-16 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-16, .no-gutter .col-offset-16 {
  padding-left: 0;
  padding-right: 0;
}
.col-17, .col-offset-17 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-17, .no-gutter .col-offset-17 {
  padding-left: 0;
  padding-right: 0;
}
.col-18, .col-offset-18 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-18, .no-gutter .col-offset-18 {
  padding-left: 0;
  padding-right: 0;
}
.col-19, .col-offset-19 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-19, .no-gutter .col-offset-19 {
  padding-left: 0;
  padding-right: 0;
}
.col-20, .col-offset-20 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-20, .no-gutter .col-offset-20 {
  padding-left: 0;
  padding-right: 0;
}
.col-21, .col-offset-21 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-21, .no-gutter .col-offset-21 {
  padding-left: 0;
  padding-right: 0;
}
.col-22, .col-offset-22 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-22, .no-gutter .col-offset-22 {
  padding-left: 0;
  padding-right: 0;
}
.col-23, .col-offset-23 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-23, .no-gutter .col-offset-23 {
  padding-left: 0;
  padding-right: 0;
}
.col-24, .col-offset-24 {
  flex: 0 0 auto;
  padding-left: 4px;
  padding-right: 4px;
}
.no-gutter .col-24, .no-gutter .col-offset-24 {
  padding-left: 0;
  padding-right: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.col-offset-0 {
  margin-left: 0;
}
.col-1 {
  flex-basis: 4.166667%;
  max-width: 4.166667%;
}
.col-offset-1 {
  margin-left: 4.166667%;
}
.col-2 {
  flex-basis: 8.333334%;
  max-width: 8.333334%;
}
.col-offset-2 {
  margin-left: 8.333334%;
}
.col-3 {
  flex-basis: 12.500001%;
  max-width: 12.500001%;
}
.col-offset-3 {
  margin-left: 12.500001%;
}
.col-4 {
  flex-basis: 16.666668%;
  max-width: 16.666668%;
}
.col-offset-4 {
  margin-left: 16.666668%;
}
.col-5 {
  flex-basis: 20.833335%;
  max-width: 20.833335%;
}
.col-offset-5 {
  margin-left: 20.833335%;
}
.col-6 {
  flex-basis: 25.000002%;
  max-width: 25.000002%;
}
.col-offset-6 {
  margin-left: 25.000002%;
}
.col-7 {
  flex-basis: 29.166669%;
  max-width: 29.166669%;
}
.col-offset-7 {
  margin-left: 29.166669%;
}
.col-8 {
  flex-basis: 33.333336%;
  max-width: 33.333336%;
}
.col-offset-8 {
  margin-left: 33.333336%;
}
.col-9 {
  flex-basis: 37.500003%;
  max-width: 37.500003%;
}
.col-offset-9 {
  margin-left: 37.500003%;
}
.col-10 {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}
.col-offset-10 {
  margin-left: 41.66667%;
}
.col-11 {
  flex-basis: 45.833337%;
  max-width: 45.833337%;
}
.col-offset-11 {
  margin-left: 45.833337%;
}
.col-12 {
  flex-basis: 50.000004%;
  max-width: 50.000004%;
}
.col-offset-12 {
  margin-left: 50.000004%;
}
.col-13 {
  flex-basis: 54.166671%;
  max-width: 54.166671%;
}
.col-offset-13 {
  margin-left: 54.166671%;
}
.col-14 {
  flex-basis: 58.333338%;
  max-width: 58.333338%;
}
.col-offset-14 {
  margin-left: 58.333338%;
}
.col-15 {
  flex-basis: 62.500005%;
  max-width: 62.500005%;
}
.col-offset-15 {
  margin-left: 62.500005%;
}
.col-16 {
  flex-basis: 66.666672%;
  max-width: 66.666672%;
}
.col-offset-16 {
  margin-left: 66.666672%;
}
.col-17 {
  flex-basis: 70.833339%;
  max-width: 70.833339%;
}
.col-offset-17 {
  margin-left: 70.833339%;
}
.col-18 {
  flex-basis: 75.000006%;
  max-width: 75.000006%;
}
.col-offset-18 {
  margin-left: 75.000006%;
}
.col-19 {
  flex-basis: 79.166673%;
  max-width: 79.166673%;
}
.col-offset-19 {
  margin-left: 79.166673%;
}
.col-20 {
  flex-basis: 83.33334%;
  max-width: 83.33334%;
}
.col-offset-20 {
  margin-left: 83.33334%;
}
.col-21 {
  flex-basis: 87.500007%;
  max-width: 87.500007%;
}
.col-offset-21 {
  margin-left: 87.500007%;
}
.col-22 {
  flex-basis: 91.666674%;
  max-width: 91.666674%;
}
.col-offset-22 {
  margin-left: 91.666674%;
}
.col-23 {
  flex-basis: 95.833341%;
  max-width: 95.833341%;
}
.col-offset-23 {
  margin-left: 95.833341%;
}
.col-24 {
  flex-basis: 100.000008%;
  max-width: 100.000008%;
}
.col-offset-24 {
  margin-left: 100.000008%;
}

/* screen xs */
@media screen and (max-width: 991px) {
.col-xs, .col-xs-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.col-xs-1, .col-xs-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-1, .no-gutter .col-xs-offset-1 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-2, .col-xs-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-2, .no-gutter .col-xs-offset-2 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-3, .col-xs-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-3, .no-gutter .col-xs-offset-3 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-4, .col-xs-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-4, .no-gutter .col-xs-offset-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-5, .col-xs-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-5, .no-gutter .col-xs-offset-5 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-6, .col-xs-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-6, .no-gutter .col-xs-offset-6 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-7, .col-xs-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-7, .no-gutter .col-xs-offset-7 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-8, .col-xs-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-8, .no-gutter .col-xs-offset-8 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-9, .col-xs-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-9, .no-gutter .col-xs-offset-9 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-10, .col-xs-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-10, .no-gutter .col-xs-offset-10 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-11, .col-xs-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-11, .no-gutter .col-xs-offset-11 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-12, .col-xs-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-12, .no-gutter .col-xs-offset-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-13, .col-xs-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-13, .no-gutter .col-xs-offset-13 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-14, .col-xs-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-14, .no-gutter .col-xs-offset-14 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-15, .col-xs-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-15, .no-gutter .col-xs-offset-15 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-16, .col-xs-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-16, .no-gutter .col-xs-offset-16 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-17, .col-xs-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-17, .no-gutter .col-xs-offset-17 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-18, .col-xs-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-18, .no-gutter .col-xs-offset-18 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-19, .col-xs-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-19, .no-gutter .col-xs-offset-19 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-20, .col-xs-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-20, .no-gutter .col-xs-offset-20 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-21, .col-xs-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-21, .no-gutter .col-xs-offset-21 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-22, .col-xs-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-22, .no-gutter .col-xs-offset-22 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-23, .col-xs-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-23, .no-gutter .col-xs-offset-23 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-24, .col-xs-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xs-24, .no-gutter .col-xs-offset-24 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
.col-xs-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
}
.col-xs-offset-1 {
    margin-left: 4.166667%;
}
.col-xs-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
}
.col-xs-offset-2 {
    margin-left: 8.333334%;
}
.col-xs-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
}
.col-xs-offset-3 {
    margin-left: 12.500001%;
}
.col-xs-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
}
.col-xs-offset-4 {
    margin-left: 16.666668%;
}
.col-xs-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
}
.col-xs-offset-5 {
    margin-left: 20.833335%;
}
.col-xs-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
}
.col-xs-offset-6 {
    margin-left: 25.000002%;
}
.col-xs-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
}
.col-xs-offset-7 {
    margin-left: 29.166669%;
}
.col-xs-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
}
.col-xs-offset-8 {
    margin-left: 33.333336%;
}
.col-xs-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
}
.col-xs-offset-9 {
    margin-left: 37.500003%;
}
.col-xs-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.col-xs-offset-10 {
    margin-left: 41.66667%;
}
.col-xs-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
}
.col-xs-offset-11 {
    margin-left: 45.833337%;
}
.col-xs-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
}
.col-xs-offset-12 {
    margin-left: 50.000004%;
}
.col-xs-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
}
.col-xs-offset-13 {
    margin-left: 54.166671%;
}
.col-xs-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
}
.col-xs-offset-14 {
    margin-left: 58.333338%;
}
.col-xs-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
}
.col-xs-offset-15 {
    margin-left: 62.500005%;
}
.col-xs-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
}
.col-xs-offset-16 {
    margin-left: 66.666672%;
}
.col-xs-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
}
.col-xs-offset-17 {
    margin-left: 70.833339%;
}
.col-xs-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
}
.col-xs-offset-18 {
    margin-left: 75.000006%;
}
.col-xs-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
}
.col-xs-offset-19 {
    margin-left: 79.166673%;
}
.col-xs-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
}
.col-xs-offset-20 {
    margin-left: 83.33334%;
}
.col-xs-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
}
.col-xs-offset-21 {
    margin-left: 87.500007%;
}
.col-xs-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
}
.col-xs-offset-22 {
    margin-left: 91.666674%;
}
.col-xs-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
}
.col-xs-offset-23 {
    margin-left: 95.833341%;
}
.col-xs-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
}
.col-xs-offset-24 {
    margin-left: 100.000008%;
}
}
/* screen sm */
@media screen and (min-width: 768px) {
.container {
    width: 728px;
}
.col-sm, .col-sm-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.col-sm-1, .col-sm-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-1, .no-gutter .col-sm-offset-1 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-2, .col-sm-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-2, .no-gutter .col-sm-offset-2 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-3, .col-sm-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-3, .no-gutter .col-sm-offset-3 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-4, .col-sm-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-4, .no-gutter .col-sm-offset-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-5, .col-sm-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-5, .no-gutter .col-sm-offset-5 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-6, .col-sm-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-6, .no-gutter .col-sm-offset-6 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-7, .col-sm-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-7, .no-gutter .col-sm-offset-7 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-8, .col-sm-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-8, .no-gutter .col-sm-offset-8 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-9, .col-sm-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-9, .no-gutter .col-sm-offset-9 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-10, .col-sm-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-10, .no-gutter .col-sm-offset-10 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-11, .col-sm-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-11, .no-gutter .col-sm-offset-11 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-12, .col-sm-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-12, .no-gutter .col-sm-offset-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-13, .col-sm-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-13, .no-gutter .col-sm-offset-13 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-14, .col-sm-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-14, .no-gutter .col-sm-offset-14 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-15, .col-sm-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-15, .no-gutter .col-sm-offset-15 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-16, .col-sm-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-16, .no-gutter .col-sm-offset-16 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-17, .col-sm-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-17, .no-gutter .col-sm-offset-17 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-18, .col-sm-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-18, .no-gutter .col-sm-offset-18 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-19, .col-sm-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-19, .no-gutter .col-sm-offset-19 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-20, .col-sm-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-20, .no-gutter .col-sm-offset-20 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-21, .col-sm-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-21, .no-gutter .col-sm-offset-21 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-22, .col-sm-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-22, .no-gutter .col-sm-offset-22 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-23, .col-sm-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-23, .no-gutter .col-sm-offset-23 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm-24, .col-sm-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-sm-24, .no-gutter .col-sm-offset-24 {
    padding-left: 0;
    padding-right: 0;
}
.col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}
.col-sm-offset-0 {
    margin-left: 0;
}
.col-sm-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
}
.col-sm-offset-1 {
    margin-left: 4.166667%;
}
.col-sm-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
}
.col-sm-offset-2 {
    margin-left: 8.333334%;
}
.col-sm-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
}
.col-sm-offset-3 {
    margin-left: 12.500001%;
}
.col-sm-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
}
.col-sm-offset-4 {
    margin-left: 16.666668%;
}
.col-sm-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
}
.col-sm-offset-5 {
    margin-left: 20.833335%;
}
.col-sm-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
}
.col-sm-offset-6 {
    margin-left: 25.000002%;
}
.col-sm-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
}
.col-sm-offset-7 {
    margin-left: 29.166669%;
}
.col-sm-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
}
.col-sm-offset-8 {
    margin-left: 33.333336%;
}
.col-sm-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
}
.col-sm-offset-9 {
    margin-left: 37.500003%;
}
.col-sm-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.col-sm-offset-10 {
    margin-left: 41.66667%;
}
.col-sm-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
}
.col-sm-offset-11 {
    margin-left: 45.833337%;
}
.col-sm-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
}
.col-sm-offset-12 {
    margin-left: 50.000004%;
}
.col-sm-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
}
.col-sm-offset-13 {
    margin-left: 54.166671%;
}
.col-sm-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
}
.col-sm-offset-14 {
    margin-left: 58.333338%;
}
.col-sm-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
}
.col-sm-offset-15 {
    margin-left: 62.500005%;
}
.col-sm-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
}
.col-sm-offset-16 {
    margin-left: 66.666672%;
}
.col-sm-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
}
.col-sm-offset-17 {
    margin-left: 70.833339%;
}
.col-sm-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
}
.col-sm-offset-18 {
    margin-left: 75.000006%;
}
.col-sm-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
}
.col-sm-offset-19 {
    margin-left: 79.166673%;
}
.col-sm-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
}
.col-sm-offset-20 {
    margin-left: 83.33334%;
}
.col-sm-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
}
.col-sm-offset-21 {
    margin-left: 87.500007%;
}
.col-sm-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
}
.col-sm-offset-22 {
    margin-left: 91.666674%;
}
.col-sm-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
}
.col-sm-offset-23 {
    margin-left: 95.833341%;
}
.col-sm-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
}
.col-sm-offset-24 {
    margin-left: 100.000008%;
}
}
/* screen md */
@media screen and (min-width: 992px) {
.container {
    width: 948px;
}
.col-md, .col-md-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.col-md-1, .col-md-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-1, .no-gutter .col-md-offset-1 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-2, .col-md-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-2, .no-gutter .col-md-offset-2 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-3, .col-md-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-3, .no-gutter .col-md-offset-3 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-4, .col-md-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-4, .no-gutter .col-md-offset-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-5, .col-md-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-5, .no-gutter .col-md-offset-5 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-6, .col-md-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-6, .no-gutter .col-md-offset-6 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-7, .col-md-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-7, .no-gutter .col-md-offset-7 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-8, .col-md-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-8, .no-gutter .col-md-offset-8 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-9, .col-md-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-9, .no-gutter .col-md-offset-9 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-10, .col-md-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-10, .no-gutter .col-md-offset-10 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-11, .col-md-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-11, .no-gutter .col-md-offset-11 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-12, .col-md-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-12, .no-gutter .col-md-offset-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-13, .col-md-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-13, .no-gutter .col-md-offset-13 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-14, .col-md-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-14, .no-gutter .col-md-offset-14 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-15, .col-md-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-15, .no-gutter .col-md-offset-15 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-16, .col-md-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-16, .no-gutter .col-md-offset-16 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-17, .col-md-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-17, .no-gutter .col-md-offset-17 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-18, .col-md-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-18, .no-gutter .col-md-offset-18 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-19, .col-md-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-19, .no-gutter .col-md-offset-19 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-20, .col-md-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-20, .no-gutter .col-md-offset-20 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-21, .col-md-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-21, .no-gutter .col-md-offset-21 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-22, .col-md-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-22, .no-gutter .col-md-offset-22 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-23, .col-md-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-23, .no-gutter .col-md-offset-23 {
    padding-left: 0;
    padding-right: 0;
}
.col-md-24, .col-md-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-md-24, .no-gutter .col-md-offset-24 {
    padding-left: 0;
    padding-right: 0;
}
.col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}
.col-md-offset-0 {
    margin-left: 0;
}
.col-md-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
}
.col-md-offset-1 {
    margin-left: 4.166667%;
}
.col-md-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
}
.col-md-offset-2 {
    margin-left: 8.333334%;
}
.col-md-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
}
.col-md-offset-3 {
    margin-left: 12.500001%;
}
.col-md-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
}
.col-md-offset-4 {
    margin-left: 16.666668%;
}
.col-md-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
}
.col-md-offset-5 {
    margin-left: 20.833335%;
}
.col-md-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
}
.col-md-offset-6 {
    margin-left: 25.000002%;
}
.col-md-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
}
.col-md-offset-7 {
    margin-left: 29.166669%;
}
.col-md-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
}
.col-md-offset-8 {
    margin-left: 33.333336%;
}
.col-md-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
}
.col-md-offset-9 {
    margin-left: 37.500003%;
}
.col-md-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.col-md-offset-10 {
    margin-left: 41.66667%;
}
.col-md-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
}
.col-md-offset-11 {
    margin-left: 45.833337%;
}
.col-md-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
}
.col-md-offset-12 {
    margin-left: 50.000004%;
}
.col-md-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
}
.col-md-offset-13 {
    margin-left: 54.166671%;
}
.col-md-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
}
.col-md-offset-14 {
    margin-left: 58.333338%;
}
.col-md-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
}
.col-md-offset-15 {
    margin-left: 62.500005%;
}
.col-md-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
}
.col-md-offset-16 {
    margin-left: 66.666672%;
}
.col-md-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
}
.col-md-offset-17 {
    margin-left: 70.833339%;
}
.col-md-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
}
.col-md-offset-18 {
    margin-left: 75.000006%;
}
.col-md-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
}
.col-md-offset-19 {
    margin-left: 79.166673%;
}
.col-md-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
}
.col-md-offset-20 {
    margin-left: 83.33334%;
}
.col-md-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
}
.col-md-offset-21 {
    margin-left: 87.500007%;
}
.col-md-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
}
.col-md-offset-22 {
    margin-left: 91.666674%;
}
.col-md-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
}
.col-md-offset-23 {
    margin-left: 95.833341%;
}
.col-md-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
}
.col-md-offset-24 {
    margin-left: 100.000008%;
}
}
/* Screen lg */
@media screen and (min-width: 1200px) {
.container {
    width: 1148px;
}
.col-lg, .col-lg-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.col-lg-1, .col-lg-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-1, .no-gutter .col-lg-offset-1 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-2, .col-lg-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-2, .no-gutter .col-lg-offset-2 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-3, .col-lg-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-3, .no-gutter .col-lg-offset-3 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-4, .col-lg-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-4, .no-gutter .col-lg-offset-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-5, .col-lg-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-5, .no-gutter .col-lg-offset-5 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-6, .col-lg-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-6, .no-gutter .col-lg-offset-6 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-7, .col-lg-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-7, .no-gutter .col-lg-offset-7 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-8, .col-lg-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-8, .no-gutter .col-lg-offset-8 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-9, .col-lg-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-9, .no-gutter .col-lg-offset-9 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-10, .col-lg-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-10, .no-gutter .col-lg-offset-10 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-11, .col-lg-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-11, .no-gutter .col-lg-offset-11 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-12, .col-lg-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-12, .no-gutter .col-lg-offset-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-13, .col-lg-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-13, .no-gutter .col-lg-offset-13 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-14, .col-lg-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-14, .no-gutter .col-lg-offset-14 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-15, .col-lg-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-15, .no-gutter .col-lg-offset-15 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-16, .col-lg-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-16, .no-gutter .col-lg-offset-16 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-17, .col-lg-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-17, .no-gutter .col-lg-offset-17 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-18, .col-lg-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-18, .no-gutter .col-lg-offset-18 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-19, .col-lg-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-19, .no-gutter .col-lg-offset-19 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-20, .col-lg-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-20, .no-gutter .col-lg-offset-20 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-21, .col-lg-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-21, .no-gutter .col-lg-offset-21 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-22, .col-lg-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-22, .no-gutter .col-lg-offset-22 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-23, .col-lg-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-23, .no-gutter .col-lg-offset-23 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-24, .col-lg-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-lg-24, .no-gutter .col-lg-offset-24 {
    padding-left: 0;
    padding-right: 0;
}
.col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}
.col-lg-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
}
.col-lg-offset-1 {
    margin-left: 4.166667%;
}
.col-lg-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
}
.col-lg-offset-2 {
    margin-left: 8.333334%;
}
.col-lg-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
}
.col-lg-offset-3 {
    margin-left: 12.500001%;
}
.col-lg-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
}
.col-lg-offset-4 {
    margin-left: 16.666668%;
}
.col-lg-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
}
.col-lg-offset-5 {
    margin-left: 20.833335%;
}
.col-lg-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
}
.col-lg-offset-6 {
    margin-left: 25.000002%;
}
.col-lg-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
}
.col-lg-offset-7 {
    margin-left: 29.166669%;
}
.col-lg-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
}
.col-lg-offset-8 {
    margin-left: 33.333336%;
}
.col-lg-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
}
.col-lg-offset-9 {
    margin-left: 37.500003%;
}
.col-lg-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.col-lg-offset-10 {
    margin-left: 41.66667%;
}
.col-lg-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
}
.col-lg-offset-11 {
    margin-left: 45.833337%;
}
.col-lg-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
}
.col-lg-offset-12 {
    margin-left: 50.000004%;
}
.col-lg-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
}
.col-lg-offset-13 {
    margin-left: 54.166671%;
}
.col-lg-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
}
.col-lg-offset-14 {
    margin-left: 58.333338%;
}
.col-lg-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
}
.col-lg-offset-15 {
    margin-left: 62.500005%;
}
.col-lg-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
}
.col-lg-offset-16 {
    margin-left: 66.666672%;
}
.col-lg-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
}
.col-lg-offset-17 {
    margin-left: 70.833339%;
}
.col-lg-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
}
.col-lg-offset-18 {
    margin-left: 75.000006%;
}
.col-lg-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
}
.col-lg-offset-19 {
    margin-left: 79.166673%;
}
.col-lg-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
}
.col-lg-offset-20 {
    margin-left: 83.33334%;
}
.col-lg-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
}
.col-lg-offset-21 {
    margin-left: 87.500007%;
}
.col-lg-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
}
.col-lg-offset-22 {
    margin-left: 91.666674%;
}
.col-lg-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
}
.col-lg-offset-23 {
    margin-left: 95.833341%;
}
.col-lg-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
}
.col-lg-offset-24 {
    margin-left: 100.000008%;
}
}
/* Screen lg */
@media screen and (min-width: 1600px) {
.container {
    width: 1148px;
}
.col-lg, .col-lg-offset-0 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.col-xl-1, .col-xl-offset-1 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-1, .no-gutter .col-xl-offset-1 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-2, .col-xl-offset-2 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-2, .no-gutter .col-xl-offset-2 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-3, .col-xl-offset-3 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-3, .no-gutter .col-xl-offset-3 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-4, .col-xl-offset-4 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-4, .no-gutter .col-xl-offset-4 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-5, .col-xl-offset-5 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-5, .no-gutter .col-xl-offset-5 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-6, .col-xl-offset-6 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-6, .no-gutter .col-xl-offset-6 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-7, .col-xl-offset-7 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-7, .no-gutter .col-xl-offset-7 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-8, .col-xl-offset-8 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-8, .no-gutter .col-xl-offset-8 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-9, .col-xl-offset-9 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-9, .no-gutter .col-xl-offset-9 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-10, .col-xl-offset-10 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-10, .no-gutter .col-xl-offset-10 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-11, .col-xl-offset-11 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-11, .no-gutter .col-xl-offset-11 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-12, .col-xl-offset-12 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-12, .no-gutter .col-xl-offset-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-13, .col-xl-offset-13 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-13, .no-gutter .col-xl-offset-13 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-14, .col-xl-offset-14 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-14, .no-gutter .col-xl-offset-14 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-15, .col-xl-offset-15 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-15, .no-gutter .col-xl-offset-15 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-16, .col-xl-offset-16 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-16, .no-gutter .col-xl-offset-16 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-17, .col-xl-offset-17 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-17, .no-gutter .col-xl-offset-17 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-18, .col-xl-offset-18 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-18, .no-gutter .col-xl-offset-18 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-19, .col-xl-offset-19 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-19, .no-gutter .col-xl-offset-19 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-20, .col-xl-offset-20 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-20, .no-gutter .col-xl-offset-20 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-21, .col-xl-offset-21 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-21, .no-gutter .col-xl-offset-21 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-22, .col-xl-offset-22 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-22, .no-gutter .col-xl-offset-22 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-23, .col-xl-offset-23 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-23, .no-gutter .col-xl-offset-23 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl-24, .col-xl-offset-24 {
    flex: 0 0 auto;
    padding-left: 4px;
    padding-right: 4px;
}
.no-gutter .col-xl-24, .no-gutter .col-xl-offset-24 {
    padding-left: 0;
    padding-right: 0;
}
.col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}
.col-xl-1 {
    flex-basis: 4.166667%;
    max-width: 4.166667%;
}
.col-xl-offset-1 {
    margin-left: 4.166667%;
}
.col-xl-2 {
    flex-basis: 8.333334%;
    max-width: 8.333334%;
}
.col-xl-offset-2 {
    margin-left: 8.333334%;
}
.col-xl-3 {
    flex-basis: 12.500001%;
    max-width: 12.500001%;
}
.col-xl-offset-3 {
    margin-left: 12.500001%;
}
.col-xl-4 {
    flex-basis: 16.666668%;
    max-width: 16.666668%;
}
.col-xl-offset-4 {
    margin-left: 16.666668%;
}
.col-xl-5 {
    flex-basis: 20.833335%;
    max-width: 20.833335%;
}
.col-xl-offset-5 {
    margin-left: 20.833335%;
}
.col-xl-6 {
    flex-basis: 25.000002%;
    max-width: 25.000002%;
}
.col-xl-offset-6 {
    margin-left: 25.000002%;
}
.col-xl-7 {
    flex-basis: 29.166669%;
    max-width: 29.166669%;
}
.col-xl-offset-7 {
    margin-left: 29.166669%;
}
.col-xl-8 {
    flex-basis: 33.333336%;
    max-width: 33.333336%;
}
.col-xl-offset-8 {
    margin-left: 33.333336%;
}
.col-xl-9 {
    flex-basis: 37.500003%;
    max-width: 37.500003%;
}
.col-xl-offset-9 {
    margin-left: 37.500003%;
}
.col-xl-10 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.col-xl-offset-10 {
    margin-left: 41.66667%;
}
.col-xl-11 {
    flex-basis: 45.833337%;
    max-width: 45.833337%;
}
.col-xl-offset-11 {
    margin-left: 45.833337%;
}
.col-xl-12 {
    flex-basis: 50.000004%;
    max-width: 50.000004%;
}
.col-xl-offset-12 {
    margin-left: 50.000004%;
}
.col-xl-13 {
    flex-basis: 54.166671%;
    max-width: 54.166671%;
}
.col-xl-offset-13 {
    margin-left: 54.166671%;
}
.col-xl-14 {
    flex-basis: 58.333338%;
    max-width: 58.333338%;
}
.col-xl-offset-14 {
    margin-left: 58.333338%;
}
.col-xl-15 {
    flex-basis: 62.500005%;
    max-width: 62.500005%;
}
.col-xl-offset-15 {
    margin-left: 62.500005%;
}
.col-xl-16 {
    flex-basis: 66.666672%;
    max-width: 66.666672%;
}
.col-xl-offset-16 {
    margin-left: 66.666672%;
}
.col-xl-17 {
    flex-basis: 70.833339%;
    max-width: 70.833339%;
}
.col-xl-offset-17 {
    margin-left: 70.833339%;
}
.col-xl-18 {
    flex-basis: 75.000006%;
    max-width: 75.000006%;
}
.col-xl-offset-18 {
    margin-left: 75.000006%;
}
.col-xl-19 {
    flex-basis: 79.166673%;
    max-width: 79.166673%;
}
.col-xl-offset-19 {
    margin-left: 79.166673%;
}
.col-xl-20 {
    flex-basis: 83.33334%;
    max-width: 83.33334%;
}
.col-xl-offset-20 {
    margin-left: 83.33334%;
}
.col-xl-21 {
    flex-basis: 87.500007%;
    max-width: 87.500007%;
}
.col-xl-offset-21 {
    margin-left: 87.500007%;
}
.col-xl-22 {
    flex-basis: 91.666674%;
    max-width: 91.666674%;
}
.col-xl-offset-22 {
    margin-left: 91.666674%;
}
.col-xl-23 {
    flex-basis: 95.833341%;
    max-width: 95.833341%;
}
.col-xl-offset-23 {
    margin-left: 95.833341%;
}
.col-xl-24 {
    flex-basis: 100.000008%;
    max-width: 100.000008%;
}
.col-xl-offset-24 {
    margin-left: 100.000008%;
}
}
/**
 * IconFont
 */
@font-face {
  font-family: "feather";
  src: url(/fonts/feather.eot?06c77b59a68c5b11103a8e38930687b3);
  src: url(/fonts/feather.eot?06c77b59a68c5b11103a8e38930687b3#iefix) format("embedded-opentype"), url(/fonts/feather.ttf?753e97624700c996443438d3682bc9c2) format("truetype"), url(/fonts/feather.woff?a2603f60a852565b5d5bf348b9999b69) format("woff"), url(/fonts/feather.svg?29ae650770ffb8a6a3ba1b2ee30ec554#feather) format("svg");
  font-weight: normal;
  font-size: normal;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alert-octagon:before {
  content: "\e81b";
}
.icon-alert-circle:before {
  content: "\e81c";
}
.icon-activity:before {
  content: "\e81d";
}
.icon-alert-triangle:before {
  content: "\e81e";
}
.icon-align-center:before {
  content: "\e81f";
}
.icon-airplay:before {
  content: "\e820";
}
.icon-align-justify:before {
  content: "\e821";
}
.icon-align-left:before {
  content: "\e822";
}
.icon-align-right:before {
  content: "\e823";
}
.icon-arrow-down-left:before {
  content: "\e824";
}
.icon-arrow-down-right:before {
  content: "\e825";
}
.icon-anchor:before {
  content: "\e826";
}
.icon-aperture:before {
  content: "\e827";
}
.icon-arrow-left:before {
  content: "\e828";
}
.icon-arrow-right:before {
  content: "\e829";
}
.icon-arrow-down:before {
  content: "\e82a";
}
.icon-arrow-up-left:before {
  content: "\e82b";
}
.icon-arrow-up-right:before {
  content: "\e82c";
}
.icon-arrow-up:before {
  content: "\e82d";
}
.icon-award:before {
  content: "\e82e";
}
.icon-bar-chart:before {
  content: "\e82f";
}
.icon-at-sign:before {
  content: "\e830";
}
.icon-bar-chart-2:before {
  content: "\e831";
}
.icon-battery-charging:before {
  content: "\e832";
}
.icon-bell-off:before {
  content: "\e833";
}
.icon-battery:before {
  content: "\e834";
}
.icon-bluetooth:before {
  content: "\e835";
}
.icon-bell:before {
  content: "\e836";
}
.icon-book:before {
  content: "\e837";
}
.icon-briefcase:before {
  content: "\e838";
}
.icon-camera-off:before {
  content: "\e839";
}
.icon-calendar:before {
  content: "\e83a";
}
.icon-bookmark:before {
  content: "\e83b";
}
.icon-box:before {
  content: "\e83c";
}
.icon-camera:before {
  content: "\e83d";
}
.icon-check-circle:before {
  content: "\e83e";
}
.icon-check:before {
  content: "\e83f";
}
.icon-check-square:before {
  content: "\e840";
}
.icon-cast:before {
  content: "\e841";
}
.icon-chevron-down:before {
  content: "\e842";
}
.icon-chevron-left:before {
  content: "\e843";
}
.icon-chevron-right:before {
  content: "\e844";
}
.icon-chevron-up:before {
  content: "\e845";
}
.icon-chevrons-down:before {
  content: "\e846";
}
.icon-chevrons-right:before {
  content: "\e847";
}
.icon-chevrons-up:before {
  content: "\e848";
}
.icon-chevrons-left:before {
  content: "\e849";
}
.icon-circle:before {
  content: "\e84a";
}
.icon-clipboard:before {
  content: "\e84b";
}
.icon-chrome:before {
  content: "\e84c";
}
.icon-clock:before {
  content: "\e84d";
}
.icon-cloud-lightning:before {
  content: "\e84e";
}
.icon-cloud-drizzle:before {
  content: "\e84f";
}
.icon-cloud-rain:before {
  content: "\e850";
}
.icon-cloud-off:before {
  content: "\e851";
}
.icon-codepen:before {
  content: "\e852";
}
.icon-cloud-snow:before {
  content: "\e853";
}
.icon-compass:before {
  content: "\e854";
}
.icon-copy:before {
  content: "\e855";
}
.icon-corner-down-right:before {
  content: "\e856";
}
.icon-corner-down-left:before {
  content: "\e857";
}
.icon-corner-left-down:before {
  content: "\e858";
}
.icon-corner-left-up:before {
  content: "\e859";
}
.icon-corner-up-left:before {
  content: "\e85a";
}
.icon-corner-up-right:before {
  content: "\e85b";
}
.icon-corner-right-down:before {
  content: "\e85c";
}
.icon-corner-right-up:before {
  content: "\e85d";
}
.icon-cpu:before {
  content: "\e85e";
}
.icon-credit-card:before {
  content: "\e85f";
}
.icon-crosshair:before {
  content: "\e860";
}
.icon-disc:before {
  content: "\e861";
}
.icon-delete:before {
  content: "\e862";
}
.icon-download-cloud:before {
  content: "\e863";
}
.icon-download:before {
  content: "\e864";
}
.icon-droplet:before {
  content: "\e865";
}
.icon-edit-2:before {
  content: "\e866";
}
.icon-edit:before {
  content: "\e867";
}
.icon-edit-1:before {
  content: "\e868";
}
.icon-external-link:before {
  content: "\e869";
}
.icon-eye:before {
  content: "\e86a";
}
.icon-feather:before {
  content: "\e86b";
}
.icon-facebook:before {
  content: "\e86c";
}
.icon-file-minus:before {
  content: "\e86d";
}
.icon-eye-off:before {
  content: "\e86e";
}
.icon-fast-forward:before {
  content: "\e86f";
}
.icon-file-text:before {
  content: "\e870";
}
.icon-film:before {
  content: "\e871";
}
.icon-file:before {
  content: "\e872";
}
.icon-file-plus:before {
  content: "\e873";
}
.icon-folder:before {
  content: "\e874";
}
.icon-filter:before {
  content: "\e875";
}
.icon-flag:before {
  content: "\e876";
}
.icon-globe:before {
  content: "\e877";
}
.icon-grid:before {
  content: "\e878";
}
.icon-heart:before {
  content: "\e879";
}
.icon-home:before {
  content: "\e87a";
}
.icon-github:before {
  content: "\e87b";
}
.icon-image:before {
  content: "\e87c";
}
.icon-inbox:before {
  content: "\e87d";
}
.icon-layers:before {
  content: "\e87e";
}
.icon-info:before {
  content: "\e87f";
}
.icon-instagram:before {
  content: "\e880";
}
.icon-layout:before {
  content: "\e881";
}
.icon-link-2:before {
  content: "\e882";
}
.icon-life-buoy:before {
  content: "\e883";
}
.icon-link:before {
  content: "\e884";
}
.icon-log-in:before {
  content: "\e885";
}
.icon-list:before {
  content: "\e886";
}
.icon-lock:before {
  content: "\e887";
}
.icon-log-out:before {
  content: "\e888";
}
.icon-loader:before {
  content: "\e889";
}
.icon-mail:before {
  content: "\e88a";
}
.icon-maximize-2:before {
  content: "\e88b";
}
.icon-map:before {
  content: "\e88c";
}
.icon-map-pin:before {
  content: "\e88e";
}
.icon-menu:before {
  content: "\e88f";
}
.icon-message-circle:before {
  content: "\e890";
}
.icon-message-square:before {
  content: "\e891";
}
.icon-minimize-2:before {
  content: "\e892";
}
.icon-mic-off:before {
  content: "\e893";
}
.icon-minus-circle:before {
  content: "\e894";
}
.icon-mic:before {
  content: "\e895";
}
.icon-minus-square:before {
  content: "\e896";
}
.icon-minus:before {
  content: "\e897";
}
.icon-moon:before {
  content: "\e898";
}
.icon-monitor:before {
  content: "\e899";
}
.icon-more-vertical:before {
  content: "\e89a";
}
.icon-more-horizontal:before {
  content: "\e89b";
}
.icon-move:before {
  content: "\e89c";
}
.icon-music:before {
  content: "\e89d";
}
.icon-navigation-2:before {
  content: "\e89e";
}
.icon-navigation:before {
  content: "\e89f";
}
.icon-octagon:before {
  content: "\e8a0";
}
.icon-package:before {
  content: "\e8a1";
}
.icon-pause-circle:before {
  content: "\e8a2";
}
.icon-pause:before {
  content: "\e8a3";
}
.icon-percent:before {
  content: "\e8a4";
}
.icon-phone-call:before {
  content: "\e8a5";
}
.icon-phone-forwarded:before {
  content: "\e8a6";
}
.icon-phone-missed:before {
  content: "\e8a7";
}
.icon-phone-off:before {
  content: "\e8a8";
}
.icon-phone-incoming:before {
  content: "\e8a9";
}
.icon-phone:before {
  content: "\e8aa";
}
.icon-phone-outgoing:before {
  content: "\e8ab";
}
.icon-pie-chart:before {
  content: "\e8ac";
}
.icon-play-circle:before {
  content: "\e8ad";
}
.icon-play:before {
  content: "\e8ae";
}
.icon-plus-square:before {
  content: "\e8af";
}
.icon-plus-circle:before {
  content: "\e8b0";
}
.icon-plus:before {
  content: "\e8b1";
}
.icon-pocket:before {
  content: "\e8b2";
}
.icon-printer:before {
  content: "\e8b3";
}
.icon-power:before {
  content: "\e8b4";
}
.icon-radio:before {
  content: "\e8b5";
}
.icon-repeat:before {
  content: "\e8b6";
}
.icon-refresh-ccw:before {
  content: "\e8b7";
}
.icon-rewind:before {
  content: "\e8b8";
}
.icon-rotate-ccw:before {
  content: "\e8b9";
}
.icon-refresh-cw:before {
  content: "\e8ba";
}
.icon-rotate-cw:before {
  content: "\e8bb";
}
.icon-save:before {
  content: "\e8bc";
}
.icon-search:before {
  content: "\e8bd";
}
.icon-server:before {
  content: "\e8be";
}
.icon-scissors:before {
  content: "\e8bf";
}
.icon-share-2:before {
  content: "\e8c0";
}
.icon-share:before {
  content: "\e8c1";
}
.icon-shield:before {
  content: "\e8c2";
}
.icon-settings:before {
  content: "\e8c3";
}
.icon-skip-back:before {
  content: "\e8c4";
}
.icon-shuffle:before {
  content: "\e8c5";
}
.icon-sidebar:before {
  content: "\e8c6";
}
.icon-skip-forward:before {
  content: "\e8c7";
}
.icon-slack:before {
  content: "\e8c8";
}
.icon-slash:before {
  content: "\e8c9";
}
.icon-smartphone:before {
  content: "\e8ca";
}
.icon-square:before {
  content: "\e8cb";
}
.icon-speaker:before {
  content: "\e8cc";
}
.icon-star:before {
  content: "\e8cd";
}
.icon-stop-circle:before {
  content: "\e8ce";
}
.icon-sun:before {
  content: "\e8cf";
}
.icon-sunrise:before {
  content: "\e8d0";
}
.icon-tablet:before {
  content: "\e8d1";
}
.icon-tag:before {
  content: "\e8d2";
}
.icon-sunset:before {
  content: "\e8d3";
}
.icon-target:before {
  content: "\e8d4";
}
.icon-thermometer:before {
  content: "\e8d5";
}
.icon-thumbs-up:before {
  content: "\e8d6";
}
.icon-thumbs-down:before {
  content: "\e8d7";
}
.icon-toggle-left:before {
  content: "\e8d8";
}
.icon-toggle-right:before {
  content: "\e8d9";
}
.icon-trash-2:before {
  content: "\e8da";
}
.icon-trash:before {
  content: "\e8db";
}
.icon-trending-up:before {
  content: "\e8dc";
}
.icon-trending-down:before {
  content: "\e8dd";
}
.icon-triangle:before {
  content: "\e8de";
}
.icon-type:before {
  content: "\e8df";
}
.icon-twitter:before {
  content: "\e8e0";
}
.icon-upload:before {
  content: "\e8e1";
}
.icon-umbrella:before {
  content: "\e8e2";
}
.icon-upload-cloud:before {
  content: "\e8e3";
}
.icon-unlock:before {
  content: "\e8e4";
}
.icon-user-check:before {
  content: "\e8e5";
}
.icon-user-minus:before {
  content: "\e8e6";
}
.icon-user-plus:before {
  content: "\e8e7";
}
.icon-user-x:before {
  content: "\e8e8";
}
.icon-user:before {
  content: "\e8e9";
}
.icon-users:before {
  content: "\e8ea";
}
.icon-video-off:before {
  content: "\e8eb";
}
.icon-video:before {
  content: "\e8ec";
}
.icon-voicemail:before {
  content: "\e8ed";
}
.icon-volume-x:before {
  content: "\e8ee";
}
.icon-volume-2:before {
  content: "\e8ef";
}
.icon-volume-1:before {
  content: "\e8f0";
}
.icon-volume:before {
  content: "\e8f1";
}
.icon-watch:before {
  content: "\e8f2";
}
.icon-wifi:before {
  content: "\e8f3";
}
.icon-x-square:before {
  content: "\e8f4";
}
.icon-wind:before {
  content: "\e8f5";
}
.icon-x:before {
  content: "\e8f6";
}
.icon-x-circle:before {
  content: "\e8f7";
}
.icon-zap:before {
  content: "\e8f8";
}
.icon-zoom-in:before {
  content: "\e8f9";
}
.icon-zoom-out:before {
  content: "\e8fa";
}
.icon-command:before {
  content: "\e8fb";
}
.icon-cloud:before {
  content: "\e8fc";
}
.icon-hash:before {
  content: "\e8fd";
}
.icon-headphones:before {
  content: "\e8fe";
}
.icon-underline:before {
  content: "\e8ff";
}
.icon-italic:before {
  content: "\e900";
}
.icon-bold:before {
  content: "\e901";
}
.icon-crop:before {
  content: "\e902";
}
.icon-help-circle:before {
  content: "\e903";
}
.icon-paperclip:before {
  content: "\e904";
}
.icon-shopping-cart:before {
  content: "\e905";
}
.icon-tv:before {
  content: "\e906";
}
.icon-wifi-off:before {
  content: "\e907";
}
.icon-minimize:before {
  content: "\e88d";
}
.icon-maximize:before {
  content: "\e908";
}
.icon-gitlab:before {
  content: "\e909";
}
.icon-sliders:before {
  content: "\e90a";
}
.icon-star-on:before {
  content: "\e90b";
}
.icon-heart-on:before {
  content: "\e90c";
}

/* Components */
/**
 * Components
 */
/**
 * Animations
 */
@keyframes slideUpIn {
0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-6px);
}
100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
}
}
@keyframes slideUpOut {
0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: translateY(0);
}
100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: translateY(-6px);
}
}
@keyframes moveUpIn {
0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-100%);
}
100% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
}
}
@keyframes moveUpOut {
0% {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateY(0);
}
100% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateY(-100%);
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes notificationFadeIn {
0% {
    transform: translateX(100%);
}
100% {
    transform: translateX(0);
}
}
@keyframes notificationFadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.slide-up-enter-active {
  animation: slideUpIn 0.3s ease-in-out both;
}
.slide-up-leave-active {
  animation: slideUpOut 0.3s ease-in-out both;
}
.move-up-enter-active {
  animation: moveUpIn 0.3s ease-in-out both;
}
.move-up-leave-active {
  animation: moveUpOut 0.3s ease-in-out both;
}
.fade-enter-active {
  animation: fadeIn 0.3s ease-in-out both;
}
.fade-leave-active {
  animation: fadeOut 0.3s ease-in-out both;
}
.notification-fade-enter-active {
  animation: notificationFadeIn 0.3s ease-in-out both;
}
.notification-fade-leave-active {
  animation: notificationFadeOut 0.3s ease-in-out both;
}

/**
 * Element Animation
 */
@keyframes icon-loading {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
.collapse-transition {
  transition: height 0.3s linear;
}

/**
 * Button Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-btn {
  display: inline-block;
  padding: 6px 16px;
  font-size: 0;
  outline: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: background 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* modifier */
  /* element */
}
.at-btn:hover {
  background-color: #f3f7fa;
}
.at-btn:active {
  background-color: #e2ecf4;
}
.at-btn:disabled, .at-btn:disabled:hover, .at-btn:disabled:active {
  cursor: not-allowed;
  color: #D2D2D2;
  border-color: #ECECEC;
  background-color: #F7F7F7;
}
.at-btn--primary, .at-btn--success, .at-btn--error, .at-btn--warning, .at-btn--info {
  color: #FFF;
}
.at-btn--default--hollow {
  background: none;
  color: #3F536E;
}
.at-btn--default--hollow:hover {
  background: none;
  color: #5c6d84;
  border-color: #cedfeb;
}
.at-btn--default--hollow:active {
  background: none;
  color: #52647d;
  border-color: #cbddea;
}
.at-btn--primary {
  border-color: #6C6CFF;
  background-color: #6C6CFF;
}
.at-btn--primary:hover {
  background-color: #8282ff;
  border-color: #8282ff;
}
.at-btn--primary:active {
  background-color: #6161e6;
  border-color: #6161e6;
}
.at-btn--primary--hollow {
  background: none;
  color: #6C6CFF;
}
.at-btn--primary--hollow:hover {
  background: none;
  color: #8282ff;
  border-color: #8282ff;
}
.at-btn--primary--hollow:active {
  background: none;
  color: #7b7bff;
  border-color: #7b7bff;
}
.at-btn--success {
  border-color: #2dc38d;
  background-color: #2dc38d;
}
.at-btn--success:hover {
  background-color: #4dcc9e;
  border-color: #4dcc9e;
}
.at-btn--success:active {
  background-color: #29b07f;
  border-color: #29b07f;
}
.at-btn--success--hollow {
  background: none;
  color: #2DC48D;
}
.at-btn--success--hollow:hover {
  background: none;
  color: #4dcd9e;
  border-color: #4dcc9e;
}
.at-btn--success--hollow:active {
  background: none;
  color: #42ca98;
  border-color: #42c998;
}
.at-btn--error {
  border-color: #FF5569;
  background-color: #FF5569;
}
.at-btn--error:hover {
  background-color: #ff6f80;
  border-color: #ff6f80;
}
.at-btn--error:active {
  background-color: #e64d5f;
  border-color: #e64d5f;
}
.at-btn--error--hollow {
  background: none;
  color: #FF5569;
}
.at-btn--error--hollow:hover {
  background: none;
  color: #ff6f80;
  border-color: #ff6f80;
}
.at-btn--error--hollow:active {
  background: none;
  color: #ff6678;
  border-color: #ff6678;
}
.at-btn--warning {
  border-color: #FFC82C;
  background-color: #FFC82C;
}
.at-btn--warning:hover {
  background-color: #ffd04c;
  border-color: #ffd04c;
}
.at-btn--warning:active {
  background-color: #e6b428;
  border-color: #e6b428;
}
.at-btn--warning--hollow {
  background: none;
  color: #FFC82C;
}
.at-btn--warning--hollow:hover {
  background: none;
  color: #ffd04c;
  border-color: #ffd04c;
}
.at-btn--warning--hollow:active {
  background: none;
  color: #ffce41;
  border-color: #ffce41;
}
.at-btn--info {
  border-color: #78A4FA;
  background-color: #78A4FA;
}
.at-btn--info:hover {
  background-color: #8cb2fb;
  border-color: #8cb2fb;
}
.at-btn--info:active {
  background-color: #6c94e1;
  border-color: #6c94e1;
}
.at-btn--info--hollow {
  background: none;
  color: #78A4FA;
}
.at-btn--info--hollow:hover {
  background: none;
  color: #8cb2fb;
  border-color: #8cb2fb;
}
.at-btn--info--hollow:active {
  background: none;
  color: #86adfb;
  border-color: #86adfb;
}
.at-btn--text {
  background: none;
  color: #6190E8;
  color: #3F536E;
  border: none;
}
.at-btn--text:hover {
  background: none;
  color: #79a1eb;
  border-color: rgba(255, 255, 255, 0.15);
}
.at-btn--text:active {
  background: none;
  color: #719bea;
  border-color: rgba(255, 255, 255, 0.1);
}
.at-btn--text:disabled, .at-btn--text:disabled:hover, .at-btn--text:disabled:active {
  background: none;
}
.at-btn--default--hollow:disabled, .at-btn--default--hollow:disabled:hover, .at-btn--default--hollow:disabled:active, .at-btn--primary--hollow:disabled, .at-btn--primary--hollow:disabled:hover, .at-btn--primary--hollow:disabled:active, .at-btn--success--hollow:disabled, .at-btn--success--hollow:disabled:hover, .at-btn--success--hollow:disabled:active, .at-btn--error--hollow:disabled, .at-btn--error--hollow:disabled:hover, .at-btn--error--hollow:disabled:active, .at-btn--warning--hollow:disabled, .at-btn--warning--hollow:disabled:hover, .at-btn--warning--hollow:disabled:active, .at-btn--info--hollow:disabled, .at-btn--info--hollow:disabled:hover, .at-btn--info--hollow:disabled:active, .at-btn--text--hollow:disabled, .at-btn--text--hollow:disabled:hover, .at-btn--text--hollow:disabled:active {
  background: none;
}
.at-btn--large {
  font-size: 14px;
  padding: 8px 16px;
}
.at-btn--large.at-btn--circle {
  width: 40px;
  height: 40px;
}
.at-btn--large.at-btn--circle .at-btn__icon {
  font-size: 16px;
}
.at-btn--large .at-btn__text {
  font-size: 14px;
}
.at-btn--small {
  font-size: 11px;
  padding: 4px 12px;
}
.at-btn--small.at-btn--circle {
  width: 28px;
  height: 28px;
}
.at-btn--small.at-btn--circle .at-btn__icon {
  font-size: 11px;
}
.at-btn--small .at-btn__text {
  font-size: 11px;
}
.at-btn--smaller {
  font-size: 10px;
  padding: 2px 10px;
}
.at-btn--smaller.at-btn--circle {
  width: 24px;
  height: 24px;
}
.at-btn--smaller.at-btn--circle .at-btn__icon {
  font-size: 10px;
}
.at-btn--smaller .at-btn__text {
  font-size: 10px;
}
.at-btn--circle {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
}
.at-btn--circle .at-btn__icon {
  font-size: 14px;
}
.at-btn__icon, .at-btn__loading {
  font-size: 12px;
  line-height: 1.5;
}
.at-btn__icon + span, .at-btn__loading + span {
  margin-left: 4px;
}
.at-btn__loading {
  display: inline-block;
  line-height: 1;
  animation: loadingCircle 1s linear infinite;
}
.at-btn__text {
  font-size: 12px;
}
.at-btn-group {
  font-size: 0;
  display: inline-block;
}
.at-btn-group .at-btn {
  border-radius: 0;
}
.at-btn-group .at-btn:not(:last-child) {
  margin-right: -1px;
}
.at-btn-group .at-btn:first-child {
  border-radius: 4px 0 0 4px;
}
.at-btn-group .at-btn:last-child {
  border-radius: 0 4px 4px 0;
}
@keyframes loadingCircle {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(1turn);
}
}
/**
 * Tag
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-tag {
  display: inline-block;
  padding: 1px 8px;
  color: #FFF;
  font-size: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  background-color: #F7F7F7;
  outline: 0;
  color: #3F536E;
  border-color: #DFDFDF;
  background-color: #F7F7F7;
}
.at-tag__text {
  font-size: 12px;
}
.at-tag__close {
  font-size: 10px;
  padding-left: 4px;
  margin: 0;
  cursor: pointer;
}
.at-tag__close:hover {
  color: #79879a;
}
.at-tag--default {
  color: #3F536E;
  border-color: #DFDFDF;
  background-color: #F7F7F7;
}
.at-tag--primary {
  color: #FFF;
  border-color: #6C6CFF;
  background-color: #6C6CFF;
}
.at-tag--success {
  color: #FFF;
  border-color: #2dc38d;
  background-color: #2dc38d;
}
.at-tag--error {
  color: #FFF;
  border-color: #FF5569;
  background-color: #FF5569;
}
.at-tag--warning {
  color: #FFF;
  border-color: #FFC82C;
  background-color: #FFC82C;
}
.at-tag--info {
  color: #FFF;
  border-color: #78A4FA;
  background-color: #78A4FA;
}

/**
 * Checkbox Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-checkbox {
  position: relative;
  display: inline-block;
  font-size: 0;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* modifier */
  /* element */
}
.at-checkbox + .at-checkbox {
  margin-left: 16px;
}
.at-checkbox--checked .at-checkbox__inner {
  border-color: #79A1EB;
  background-color: #79A1EB;
}
.at-checkbox--checked .at-checkbox__inner::after {
  transform: rotate(45deg) scale(1);
}
.at-checkbox--disabled .at-checkbox__inner {
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-checkbox--disabled .at-checkbox__inner:hover {
  border-color: #ECECEC;
}
.at-checkbox--disabled .at-checkbox__inner::after {
  border-color: #C5D9E8;
  cursor: not-allowed;
}
.at-checkbox--disabled .at-checkbox__label {
  color: #B1B1B1;
  cursor: not-allowed;
}
.at-checkbox--focus {
  border-color: #78A4F4;
}
.at-checkbox__input {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
}
.at-checkbox__inner {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.2s;
  cursor: pointer;
  z-index: 1;
}
.at-checkbox__inner:hover {
  border-color: #79A1EB;
}
.at-checkbox__inner::after {
  content: "";
  width: 4px;
  height: 8px;
  border: 2px solid #FFF;
  border-left: 0;
  border-top: 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.2s;
}
.at-checkbox__original {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.at-checkbox__label {
  font-size: 12px;
  padding-left: 8px;
  vertical-align: middle;
}

/**
 * Input Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * AtInput
 */
.at-input {
  position: relative;
  font-size: 0;
  line-height: 1.5;
  outline: 0;
  /* element */
  /* Modifier */
}
.at-input__original {
  display: block;
  width: 100%;
  padding: 6px 12px;
  color: #3F536E;
  font-size: 0.9rem;
  background-color: #FFF;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  transition: border 0.2s;
  outline: none;
}
.at-input__original::-moz-placeholder {
  color: #C4C4CF;
}
.at-input__original::placeholder {
  color: #C4C4CF;
}
.at-input__original:hover {
  border-color: #79A1EB;
}
.at-input__original:focus {
  border-color: #79A1EB;
}
.at-input__icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 6px 0 0;
  width: 20px;
  height: 100%;
  color: #C5D9E8;
  font-size: 15px;
  text-align: center;
}
.at-input__icon:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.at-input--disabled .at-input__original {
  color: #B1B1B1;
  background-color: #F7F7F7;
  border-color: #ECECEC;
  cursor: not-allowed;
}
.at-input--disabled .at-input__original::-moz-placeholder {
  color: #C4C4CF;
}
.at-input--disabled .at-input__original::placeholder {
  color: #C4C4CF;
}
.at-input--large {
  font-size: 14px;
}
.at-input--large .at-input__original {
  padding: 8px 14px;
}
.at-input--large .at-input__original::-moz-placeholder {
  font-size: 14px;
}
.at-input--large .at-input__original::placeholder {
  font-size: 14px;
}
.at-input--small {
  font-size: 11px;
}
.at-input--small .at-input__original {
  padding: 4px 10px;
}
.at-input--small .at-input__original::-moz-placeholder {
  font-size: 11px;
}
.at-input--small .at-input__original::placeholder {
  font-size: 11px;
}
.at-input--success .at-input__original {
  border-color: #2DC48D;
}
.at-input--error .at-input__original {
  border-color: #FF5569;
}
.at-input--warning .at-input__original {
  border-color: #FFC82C;
}
.at-input--info .at-input__original {
  border-color: #78A4FA;
}
.at-input--prepend .at-input__original {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.at-input--append .at-input__original {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.at-input--icon .at-input__original {
  padding-right: 32px;
}

/**
 * AtInputGroup
 */
.at-input-group {
  display: flex;
  line-height: normal;
  border-collapse: separate;
  /* element */
  /* modifier */
}
.at-input-group__prepend, .at-input-group__append {
  display: flex;
  flex: 1;
  padding: 0 10px;
  color: #9B9B9B;
  font-size: 0.9rem;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #F7F7F7;
  align-items: center;
  white-space: nowrap;
}
.at-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.at-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.at-input-group--button {
  display: flex;
  align-items: center;
  transition: backgroud 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.at-input-group--button:hover {
  background-color: #ECECEC;
}
.at-input-group--button:active {
  background-color: #DFDFDF;
}

/**
 * InputNumber Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-input-number {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 32px;
  min-width: 80px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: border 0.2s;
  overflow: hidden;
  /* status */
  /* element */
  /* modifier */
}
.at-input-number:hover:not(.at-input-number--disabled) {
  border-color: #79A1EB;
}
.at-input-number:hover:not(.at-input-number--disabled) .at-input-number__handler {
  opacity: 1;
}
.at-input-number__input {
  width: 100%;
  height: 100%;
}
.at-input-number__original {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 8px;
  color: #3F536E;
  line-height: 1.5;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
  outline: none;
}
.at-input-number input[type=number] {
  -moz-appearance: textfield;
  background-color: transparent;
}
.at-input-number input[type=number]::-webkit-inner-spin-button, .at-input-number input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.at-input-number__handler {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  border-left: 1px solid #DFDFDF;
  border-radius: 0 4px 4px 0;
  transition: opacity 0.3s;
  opacity: 0;
}
.at-input-number__up, .at-input-number__down {
  position: relative;
  display: flex;
  width: 100%;
  height: 16px;
  align-items: center;
  justify-content: center;
  color: #BFBFBF;
  font-size: 10px;
  text-align: center;
  transition: all 0.3s;
  cursor: pointer;
}
.at-input-number__up:hover:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled), .at-input-number__down:hover:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled) {
  height: 18px;
  color: #9B9B9B;
}
.at-input-number__up:active:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled), .at-input-number__down:active:not(.at-input-number__up--disabled):not(.at-input-number__down--disabled) {
  background-color: #ECECEC;
}
.at-input-number__up--disabled, .at-input-number__down--disabled {
  color: #ECECEC;
  cursor: not-allowed;
}
.at-input-number__down {
  border-top: 1px solid #DFDFDF;
}
.at-input-number__down:hover {
  margin-top: -2px;
}
.at-input-number--disabled {
  color: #B1B1B1;
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-input-number--disabled .at-input-number__original {
  color: #B1B1B1;
  cursor: not-allowed;
}
.at-input-number--disabled .at-input-number__handler {
  display: none;
}
.at-input-number--small {
  height: 28px;
}
.at-input-number--small .at-input-number__up,
.at-input-number--small .at-input-number__down {
  height: 14px;
  font-size: 9px;
}
.at-input-number--small .at-input-number__up:hover,
.at-input-number--small .at-input-number__down:hover {
  height: 16px !important;
}
.at-input-number--large {
  height: 40px;
}
.at-input-number--large .at-input-number__up,
.at-input-number--large .at-input-number__down {
  height: 18px;
  font-size: 11px;
}
.at-input-number--large .at-input-number__up:hover,
.at-input-number--large .at-input-number__down:hover {
  height: 20px !important;
}

/**
 * Radio Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * AtRadio
 */
.at-radio {
  position: relative;
  display: inline-block;
  color: #3F536E;
  font-size: 0;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* modifier */
  /* element */
}
.at-radio + .at-radio {
  margin-left: 16px;
}
.at-radio--checked .at-radio-button__inner {
  color: #FFF;
  border-color: #6C6CFF;
  background-color: #6C6CFF;
}
.at-radio__input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.at-radio__inner {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #C5D9E8;
  border-radius: 50%;
  background-color: #FFF;
  transition: border 0.2s;
  cursor: pointer;
}
.at-radio__inner:not(.at-radio--disabled):hover {
  border-color: #79A1EB;
}
.at-radio__inner::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #79A1EB;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
}
.at-radio__inner.at-radio--checked {
  border-color: #79A1EB;
}
.at-radio__inner.at-radio--checked::after {
  transform: translate(-50%, -50%) scale(1);
}
.at-radio__inner.at-radio--disabled {
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-radio__inner.at-radio--disabled.at-radio--checked::after {
  background-color: #D2D2D2;
}
.at-radio__original {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.at-radio__label {
  font-size: 12px;
  padding-left: 8px;
  vertical-align: middle;
}

/**
 * AtRadioButton
 */
.at-radio-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  /* modifier */
  /* element */
}
.at-radio-button:not(:last-child) {
  margin-right: -1px;
  border-collapse: separate;
}
.at-radio-button:first-child .at-radio-button__inner {
  border-radius: 4px 0 0 4px;
}
.at-radio-button:last-child .at-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.at-radio-button--small .at-radio-button__inner {
  padding: 4px 12px;
  font-size: 11px;
}
.at-radio-button--normal .at-radio-button__inner {
  padding: 6px 16px;
  font-size: 12px;
}
.at-radio-button--large .at-radio-button__inner {
  padding: 8px 16px;
  font-size: 14px;
}
.at-radio-button__inner {
  position: relative;
  display: inline-block;
  margin: 0;
  color: #3F536E;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  border: 1px solid #C5D9E8;
  background: #FFF;
  transition: all 0.2s;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 6px 16px;
  font-size: 12px;
}
.at-radio-button__original {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  outline: none;
  z-index: -1;
}
.at-radio-button__original:disabled + .at-radio-button__inner {
  color: #D2D2D2;
  background-color: #F7F7F7;
  border-color: #C5D9E8;
  cursor: not-allowed;
}
.at-radio-group {
  display: inline-block;
  font-size: 0;
  line-height: 1;
  border-collapse: separate;
}

/**
 * Select Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * AtSelect
 */
.at-select {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 80px;
  color: #3F536E;
  font-size: 0.9rem;
  line-height: 1.5;
  vertical-align: middle;
  /* element */
  /* modifier */
}
.at-select .at-select__input {
  width: 100%;
  border: none;
  outline: none;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 24px 0 8px;
  background-color: transparent;
}
.at-select .at-select__input::-moz-placeholder {
  color: #C4C4CF;
}
.at-select .at-select__input::placeholder {
  color: #C4C4CF;
}
.at-select .at-select__input:disabled {
  cursor: not-allowed;
}
.at-select__selection {
  position: relative;
  display: block;
  padding: 0 24px 0 8px;
  outline: none;
  min-height: 26px;
  line-height: 26px;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  cursor: pointer;
  overflow: hidden;
}
.at-select__selection:hover {
  border-color: #79A1EB;
}
.at-select__selection:hover .at-select__arrow {
  display: inline-block;
}
.at-select__selection:hover .at-select__clear {
  display: inline-block;
}
.at-select__selected {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
}
.at-select__arrow {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -5px;
  font-size: 10px;
  cursor: pointer;
  transition: transform 0.3s;
}
.at-select__clear {
  display: none;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -5px;
  font-size: 10px;
  cursor: pointer;
}
.at-select__placeholder {
  color: #C4C4CF;
}
.at-select__dropdown {
  position: absolute;
  width: 100%;
  max-height: 200px;
  font-size: 0.9rem;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  z-index: 1050;
}
.at-select__dropdown .at-select__list {
  list-style: none;
  padding: 0;
  font-size: 0;
}
.at-select__dropdown .at-select__not-found {
  padding: 6px 12px;
}
.at-select__dropdown .at-select__option {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: left;
  white-space: nowrap;
  transition: all 0.3s;
  overflow: hidden;
  cursor: pointer;
}
.at-select__dropdown .at-select__option--selected {
  font-weight: bold;
  background-color: #F7F7F7;
}
.at-select__dropdown .at-select__option:hover, .at-select__dropdown .at-select__option--focus {
  background-color: #ECF2FC;
}
.at-select__dropdown .at-select__option--disabled {
  color: #C4C4CF;
}
.at-select__dropdown--bottom {
  margin-top: 2px;
}
.at-select__dropdown--top {
  margin-bottom: 2px;
}
.at-select__dropdown--left {
  margin-right: 2px;
}
.at-select__dropdown--right {
  margin-left: 2px;
}
.at-select--visible .at-select__arrow {
  transform: rotate(180deg);
}
.at-select--show-clear .at-select__selection:hover .at-select__arrow {
  opacity: 0;
}
.at-select--disabled .at-select__selection {
  cursor: not-allowed;
  border-color: #ECECEC;
  background-color: #eef4f8;
}
.at-select--disabled .at-select__selection:hover {
  border-color: #ECECEC;
}
.at-select--disabled .at-select__placeholder,
.at-select--disabled .at-select__selected {
  color: #C4C4CF;
}
.at-select--multiple .at-tag {
  margin: 4px 4px 0 0;
}
.at-select--multiple .at-tag__text {
  font-size: 10px;
}
.at-select--small {
  font-size: 11px;
}
.at-select--small .at-select__selection {
  height: 24px;
  line-height: 24px;
}
.at-select--small .at-select__dropdown .at-select__option {
  font-size: 11px;
}
.at-select--large {
  font-size: 1rem;
}
.at-select--large .at-select__selection {
  height: 30px;
  line-height: 28px;
}
.at-select--large .at-select__dropdown .at-select__option {
  font-size: 0.9rem;
}

/**
 * AtOptionGroup
 */
.at-option-group {
  padding: 0;
}
.at-option-group__label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 8px;
  color: #BFBFBF;
  font-size: 0.9rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.3s;
  cursor: initial;
}
.at-option-group__list {
  padding: 0;
}

/**
 * Switch Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-switch {
  position: relative;
  display: inline-block;
  min-width: 40px;
  height: 20px;
  border: 1px solid #BFBFBF;
  border-radius: 20px;
  background-color: #BFBFBF;
  vertical-align: middle;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  /* element */
  /* modifier */
}
.at-switch::after {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFF;
  transition: all 0.3s;
  cursor: pointer;
}
.at-switch__text {
  display: block;
  padding-left: 22px;
  padding-right: 6px;
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
}
.at-switch--checked {
  border-color: #79A1EB;
  background-color: #79A1EB;
}
.at-switch--checked::after {
  left: 100%;
  margin-left: -17px;
}
.at-switch--checked .at-switch__text {
  padding-left: 6px;
  padding-right: 22px;
}
.at-switch--disabled {
  border-color: #ECECEC;
  background-color: #ECECEC;
  cursor: not-allowed;
}
.at-switch--disabled::after {
  background-color: #C4C4CF;
  cursor: not-allowed;
}
.at-switch--disabled .at-switch__text {
  color: #D2D2D2;
}
.at-switch--small {
  min-width: 32px;
  height: 16px;
}
.at-switch--small::after {
  width: 12px;
  height: 12px;
}
.at-switch--small .at-switch__text {
  font-size: 11px;
  padding-left: 16px;
  padding-right: 4px;
  line-height: 14px;
}
.at-switch--small.at-switch--checked::after {
  left: 100%;
  margin-left: -13px;
}
.at-switch--small.at-switch--checked .at-switch__text {
  padding-left: 4px;
  padding-right: 16px;
}
.at-switch--large {
  min-width: 48px;
  height: 24px;
}
.at-switch--large::after {
  width: 20px;
  height: 20px;
}
.at-switch--large .at-switch__text {
  font-size: 0.9rem;
  padding-left: 26px;
  padding-right: 6px;
  line-height: 22px;
}
.at-switch--large.at-switch--checked::after {
  left: 100%;
  margin-left: -21px;
}
.at-switch--large.at-switch--checked .at-switch__text {
  padding-left: 6px;
  padding-right: 26px;
}

/**
 * Slider Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-slider {
  position: relative;
  /* element */
  /* modifier */
}
.at-slider__input {
  float: right;
  margin-top: 3px;
}
.at-slider__track {
  position: relative;
  margin: 8px 0;
  width: 100%;
  height: 4px;
  vertical-align: middle;
  border-radius: 2px;
  background-color: #ECECEC;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.at-slider__bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background-color: #79A1EB;
  border-radius: 2px;
}
.at-slider__dot-wrapper {
  position: absolute;
  top: -6px;
  width: 12px;
  height: 12px;
  text-align: center;
  background-color: transparent;
  transform: translateX(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  /* tooltip */
}
.at-slider__dot-wrapper:hover, .at-slider__dot-wrapper.at-slider__dot-wrapper--hover {
  cursor: grab;
}
.at-slider__dot-wrapper.at-slider__dot-wrapper--drag {
  cursor: grabbing;
}
.at-slider__dot-wrapper .at-tooltip {
  display: block;
  height: 100%;
  line-height: 1;
}
.at-slider__dot-wrapper .at-tooltip::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.at-slider__dot-wrapper .at-tooltip__trigger {
  vertical-align: middle;
}
.at-slider__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #79A1EB;
  transition: all 0.3s;
}
.at-slider__dot:hover, .at-slider__dot--hover, .at-slider__dot--drag {
  background-color: #5988E5;
  transform: scale(1.3);
}
.at-slider__dot:hover, .at-slider__dot--hover {
  cursor: grab;
}
.at-slider__dot--drag {
  cursor: grabbing;
}
.at-slider--disabled .at-slider__bar {
  background-color: #C4C4CF;
}
.at-slider--disabled .at-slider__dot {
  background-color: #D2D2D2;
}

/**
 * Textarea Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-textarea {
  /* element */
  /* modifier */
}
.at-textarea__original {
  display: block;
  width: 100%;
  padding: 6px 8px;
  color: #3F536E;
  font-size: 0.9rem;
  line-height: 1.5;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: border 0.3s;
  outline: 0;
  resize: vertical;
}
.at-textarea__original::-moz-placeholder {
  color: #C4C4CF;
}
.at-textarea__original::placeholder {
  color: #C4C4CF;
}
.at-textarea__original:hover {
  border-color: #79A1EB;
}
.at-textarea__original:focus {
  border-color: #79A1EB;
}
.at-textarea--disabled .at-textarea__original {
  color: #B1B1B1;
  border-color: #ECECEC;
  background-color: #F7F7F7;
  cursor: not-allowed;
}
.at-textarea--disabled .at-textarea__original::-moz-placeholder {
  color: #C4C4CF;
}
.at-textarea--disabled .at-textarea__original::placeholder {
  color: #C4C4CF;
}

/**
 * Alert Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-alert {
  position: relative;
  display: flex;
  width: 100%;
  padding: 8px 16px;
  color: #53664A;
  line-height: 1.5;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: opacity 0.3s;
  overflow: hidden;
  opacity: 1;
  /* element */
  /* modifier */
}
.at-alert__icon {
  margin-right: 8px;
  color: #7D9970;
  font-size: 15px;
  line-height: 20px;
  vertical-align: middle;
}
.at-alert__content {
  flex: 1;
  padding-right: 8px;
}
.at-alert__message {
  color: #53664A;
  font-size: 0.9rem;
}
.at-alert__description {
  margin-top: 4px;
  color: #53664A;
  font-size: 12px;
}
.at-alert__close {
  color: #7D9970;
  font-size: 12px;
  line-height: 20px;
  opacity: 1;
  cursor: pointer;
}
.at-alert--success {
  border-color: #B8F0D1;
  background-color: #E3F9ED;
}
.at-alert--success .at-alert__message,
.at-alert--success .at-alert__description,
.at-alert--success .at-alert__icon {
  color: #53664A;
}
.at-alert--success .at-alert__close {
  color: #7D9970;
}
.at-alert--error {
  border-color: #FFC8C8;
  background-color: #FFE9E9;
}
.at-alert--error .at-alert__message,
.at-alert--error .at-alert__description,
.at-alert--error .at-alert__icon {
  color: #AD3430;
}
.at-alert--error .at-alert__close {
  color: #FA4C46;
}
.at-alert--warning {
  border-color: #FFEFC0;
  background-color: #FFF8E6;
}
.at-alert--warning .at-alert__message,
.at-alert--warning .at-alert__description,
.at-alert--warning .at-alert__icon {
  color: #7F6128;
}
.at-alert--warning .at-alert__close {
  color: #CC9B3F;
}
.at-alert--info {
  border-color: #D7E4FE;
  background-color: #EFF4FE;
}
.at-alert--info .at-alert__message,
.at-alert--info .at-alert__description,
.at-alert--info .at-alert__icon {
  color: #3B688C;
}
.at-alert--info .at-alert__close {
  color: #66B3F3;
}
.at-alert--with-description {
  padding: 14px 16px;
}
.at-alert--with-description .at-alert__icon {
  font-size: 24px;
}
.at-alert--with-description .at-alert__message {
  font-weight: bold;
}

/**
 * Badge Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-badge {
  position: relative;
  display: inline-block;
  /* element */
  /* modifier */
}
.at-badge__content {
  display: inline-block;
  height: 18px;
  padding: 0 6px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  white-space: nowrap;
  border: 1px solid #FFF;
  border-radius: 9px;
  background-color: #FF4949;
}
.at-badge--alone .at-badge__content {
  top: 0;
}
.at-badge--corner {
  position: absolute;
  top: -8px;
  right: 0;
  transform: translateX(50%);
}
.at-badge--dot {
  padding: 0;
  width: 10px;
  height: 10px;
  top: -4px;
}
.at-badge--success .at-badge__content {
  background-color: #2dc38d;
}
.at-badge--warning .at-badge__content {
  background-color: #FFC82C;
}
.at-badge--info .at-badge__content {
  background-color: #78A4FA;
}

/**
 * LoadingBar Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px !important;
  z-index: 1080;
  /* element */
  /* modifier */
}
.at-loading-bar__inner {
  height: 100%;
  transition: width 0.3s linear;
}
.at-loading-bar--success .at-loading-bar__inner {
  background-color: #6C6CFF;
}
.at-loading-bar--error .at-loading-bar__inner {
  background-color: #FF5569;
}

/**
 * Modal Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-modal {
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
  outline: none;
  /* elements */
  /* modifiers */
}
.at-modal__mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.at-modal__mask--hidden {
  display: none;
}
.at-modal__wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline: 0;
  z-index: 1000;
}
.at-modal__header {
  padding: 12px 16px;
  color: #2e2ef9;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  border-bottom: 1px solid #ECECEC;
}
.at-modal__header p, .at-modal__header .at-modal__title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  vertical-align: middle;
}
.at-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 0.9rem;
  line-height: 1;
  overflow: hidden;
  cursor: pointer;
}
.at-modal__body {
  padding: 16px;
  font-size: 0.9rem;
  line-height: 1.5;
}
.at-modal__body p {
  font-size: 0.9rem;
}
.at-modal__icon {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 32px;
  vertical-align: middle;
}
.at-modal__input .at-input__original {
  margin-top: 8px;
  width: 100%;
}
.at-modal__footer {
  padding: 12px 16px;
  border-top: 1px solid #ECECEC;
  text-align: right;
}
.at-modal__footer .at-btn + .at-btn {
  margin-left: 8px;
}
.at-modal--hidden {
  display: none !important;
}
.at-modal--confirm .at-modal__header {
  padding: 16px 16px 4px 56px;
  border: none;
}
.at-modal--confirm .at-modal__body {
  padding: 8px 16px 8px 56px;
}
.at-modal--confirm .at-modal__footer {
  padding: 16px;
  border: none;
}
.at-modal--confirm-success .at-modal__icon {
  color: #5ADD94;
}
.at-modal--confirm-error .at-modal__icon {
  color: #FF8080;
}
.at-modal--confirm-warning .at-modal__icon {
  color: #FFD96B;
}
.at-modal--confirm-info .at-modal__icon {
  color: #A1BFFC;
}

/**
 * Message Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-message {
  display: inline-block;
  padding: 6px 16px;
  font-size: 0.9rem;
  line-height: 1.5;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
  z-index: 1010;
  /* element */
  /* modifier */
}
.at-message__wrapper {
  position: fixed;
  left: 0;
  top: 16px;
  width: 100%;
  text-align: center;
  transition: opacity 0.3s, transform 0.3s, top 0.4s;
  pointer-events: none;
}
.at-message__icon {
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}
.at-message--success .at-message__icon {
  color: #5ADD94;
}
.at-message--error .at-message__icon {
  color: #FF8080;
}
.at-message--warning .at-message__icon {
  color: #FFD96B;
}
.at-message--info .at-message__icon {
  color: #A1BFFC;
}
.at-message--loading .at-message__icon {
  color: #A1BFFC;
  animation: icon-loading 2s linear infinite both;
}

/**
 * Notification Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-notification {
  position: fixed;
  display: flex;
  right: 16px;
  width: 320px;
  padding: 8px 16px;
  color: #3F536E;
  background-color: #FFF;
  line-height: 1.5;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  transition: opacity 0.3s, transform 0.3s, top 0.4s;
  z-index: 1010;
  /* element */
  /* modifier */
}
.at-notification__icon {
  color: #3F536E;
  font-size: 0.9rem;
  line-height: 1.5;
  vertical-align: middle;
  margin-right: 8px;
}
.at-notification__content {
  flex: 1;
  padding-right: 8px;
}
.at-notification__title {
  color: #3F536E;
  font-size: 0.9rem;
}
.at-notification__message {
  color: #3F536E;
  font-size: 12px;
  margin-top: 4px;
}
.at-notification__close {
  color: #D2D2D2;
  font-size: 12px;
  cursor: pointer;
}
.at-notification__close:hover {
  color: #B1B1B1;
}
.at-notification--success .at-notification__icon {
  color: #5ADD94;
}
.at-notification--error .at-notification__icon {
  color: #FF8080;
}
.at-notification--warning .at-notification__icon {
  color: #FFD96B;
}
.at-notification--info .at-notification__icon {
  color: #A1BFFC;
}
.at-notification--with-message {
  padding: 12px 16px;
}
.at-notification--with-message .at-notification__icon {
  font-size: 24px;
  line-height: 1.2;
}
.at-notification--with-message .at-notification__title {
  font-weight: bold;
}
.at-notification--with-message .at-notification__close {
  font-size: 1rem;
}
.at-notification--hover {
  cursor: pointer;
}
.at-notification--hover:hover {
  opacity: 1;
}

/**
 * Popover
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-popover {
  display: inline-block;
  /* element */
  /* modifier */
  /**
   * Top
   */
  /**
   * Bottom
   */
  /**
   * Left
   */
  /**
   * Right
   */
}
.at-popover__trigger {
  display: inline-block;
  position: relative;
}
.at-popover__popper {
  position: absolute;
  max-width: 400px;
  border: 1px solid #ECECEC;
  box-shadow: 0 1px 6px #ECECEC;
  background-color: #FFF;
  z-index: 1020;
}
.at-popover__title {
  margin: 0;
  padding: 6px 10px;
  font-size: 12px;
  word-wrap: break-word;
  border-bottom: 1px solid #ECF2FC;
  border-radius: 4px 4px 0 0;
  background-color: #F7F7F7;
}
.at-popover__content {
  padding: 8px 12px;
  font-size: 11px;
  line-height: 1.5;
  word-wrap: break-word;
  border-radius: 4px;
}
.at-popover__arrow, .at-popover__arrow::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
}
.at-popover--top, .at-popover--top-left, .at-popover--top-right {
  margin-top: -12px;
}
.at-popover--top .at-popover__arrow, .at-popover--top-left .at-popover__arrow, .at-popover--top-right .at-popover__arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  margin-bottom: -10px;
  border-bottom-width: 0;
  border-top-color: #ECECEC;
}
.at-popover--top .at-popover__arrow::after, .at-popover--top-left .at-popover__arrow::after, .at-popover--top-right .at-popover__arrow::after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #FFF;
}
.at-popover--top-left .at-popover__arrow {
  left: 20px;
}
.at-popover--top-right .at-popover__arrow {
  left: initial;
  right: 20px;
}
.at-popover--bottom, .at-popover--bottom-left, .at-popover--bottom-right {
  margin-top: 12px;
}
.at-popover--bottom .at-popover__arrow, .at-popover--bottom-left .at-popover__arrow, .at-popover--bottom-right .at-popover__arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  border-top-width: 0;
  border-bottom-color: #ECECEC;
}
.at-popover--bottom .at-popover__arrow::after, .at-popover--bottom-left .at-popover__arrow::after, .at-popover--bottom-right .at-popover__arrow::after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #FFF;
}
.at-popover--bottom-left .at-popover__arrow {
  left: 20px;
}
.at-popover--bottom-right .at-popover__arrow {
  left: initial;
  right: 20px;
}
.at-popover--left, .at-popover--left-top, .at-popover--left-bottom {
  margin-left: -12px;
}
.at-popover--left .at-popover__arrow, .at-popover--left-top .at-popover__arrow, .at-popover--left-bottom .at-popover__arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: -10px;
  border-right-width: 0;
  border-left-color: #ECECEC;
}
.at-popover--left .at-popover__arrow::after, .at-popover--left-top .at-popover__arrow::after, .at-popover--left-bottom .at-popover__arrow::after {
  right: 1px;
  margin-top: -10px;
  border-right-width: 0;
  border-left-color: #FFF;
}
.at-popover--left-top .at-popover__arrow {
  top: 20px;
}
.at-popover--left-bottom .at-popover__arrow {
  top: initial;
  bottom: 20px;
}
.at-popover--right, .at-popover--right-top, .at-popover--right-bottom {
  margin-left: 12px;
}
.at-popover--right .at-popover__arrow, .at-popover--right-top .at-popover__arrow, .at-popover--right-bottom .at-popover__arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  margin-left: -10px;
  border-left-width: 0;
  border-right-color: #ECECEC;
}
.at-popover--right .at-popover__arrow::after, .at-popover--right-top .at-popover__arrow::after, .at-popover--right-bottom .at-popover__arrow::after {
  left: 1px;
  margin-top: -10px;
  border-left-width: 0;
  border-right-color: #FFF;
}
.at-popover--right-top .at-popover__arrow {
  top: 20px;
}
.at-popover--right-bottom .at-popover__arrow {
  top: initial;
  bottom: 20px;
}

/**
 * Progress Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-progress {
  position: relative;
  line-height: 1;
  /* element */
  /* modifier */
}
.at-progress-bar {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  margin-right: -55px;
  padding-right: 50px;
}
.at-progress-bar__wraper {
  position: relative;
  height: 10px;
  background-color: #DFDFDF;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 50px;
}
.at-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  border-radius: 50px;
  background-color: #78A4F4;
  line-height: 1;
  text-align: right;
  transition: width 0.3s;
}
.at-progress__text {
  display: inline-block;
  margin-left: 10px;
  color: #3F536E;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}
.at-progress__text i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.at-progress--success .at-progress-bar__inner {
  background-color: #2DC48D;
}
.at-progress--success .at-progress__text {
  color: #2DC48D;
}
.at-progress--error .at-progress-bar__inner {
  background-color: #FF5569;
}
.at-progress--error .at-progress__text {
  color: #FF5569;
}

/**
 * Tooltip
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-tooltip {
  display: inline-block;
  /* element */
  /* modifier */
  /**
   * Top
   */
  /**
   * Bottom
   */
  /**
   * Left
   */
  /**
   * Right
   */
}
.at-tooltip__trigger {
  display: inline-block;
  position: relative;
}
.at-tooltip__popper {
  position: absolute;
  z-index: 1020;
}
.at-tooltip__content {
  padding: 4px 8px;
  max-width: 200px;
  color: #FFF;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.75);
  word-wrap: break-word;
}
.at-tooltip__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
}
.at-tooltip--top, .at-tooltip--top-left, .at-tooltip--top-right {
  padding: 4px 0;
  margin-top: -2px;
}
.at-tooltip--top .at-tooltip__arrow, .at-tooltip--top-left .at-tooltip__arrow, .at-tooltip--top-right .at-tooltip__arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--top-left .at-tooltip__arrow {
  left: 12px;
  right: initial;
}
.at-tooltip--top-right .at-tooltip__arrow {
  left: initial;
  right: 8px;
}
.at-tooltip--bottom, .at-tooltip--bottom-left, .at-tooltip--bottom-right {
  padding: 4px 0;
  margin-top: 2px;
}
.at-tooltip--bottom .at-tooltip__arrow, .at-tooltip--bottom-left .at-tooltip__arrow, .at-tooltip--bottom-right .at-tooltip__arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--bottom-left .at-tooltip__arrow {
  left: 12px;
  right: initial;
}
.at-tooltip--bottom-right .at-tooltip__arrow {
  left: initial;
  right: 8px;
}
.at-tooltip--left, .at-tooltip--left-top, .at-tooltip--left-bottom {
  padding: 0 4px;
  margin-left: -2px;
}
.at-tooltip--left .at-tooltip__arrow, .at-tooltip--left-top .at-tooltip__arrow, .at-tooltip--left-bottom .at-tooltip__arrow {
  top: 50%;
  right: 0;
  margin-top: -4px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--left-top .at-tooltip__arrow {
  top: 12px;
  bottom: initial;
}
.at-tooltip--left-bottom .at-tooltip__arrow {
  top: initial;
  bottom: 8px;
}
.at-tooltip--right, .at-tooltip--right-top, .at-tooltip--right-bottom {
  padding: 0 4px;
  margin-left: 2px;
}
.at-tooltip--right .at-tooltip__arrow, .at-tooltip--right-top .at-tooltip__arrow, .at-tooltip--right-bottom .at-tooltip__arrow {
  top: 50%;
  left: 0;
  margin-top: -4px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.75);
}
.at-tooltip--right-top .at-tooltip__arrow {
  top: 12px;
  bottom: initial;
}
.at-tooltip--right-bottom .at-tooltip__arrow {
  top: initial;
  bottom: 8px;
}

/**
 * Breadcrumb Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
.at-breadcrumb {
  font-size: 1rem;
  line-height: 1.5;
  /* element */
}
.at-breadcrumb::after {
  clear: both;
  content: "";
  display: block;
}
.at-breadcrumb__separator {
  margin: 0 8px;
  color: #D2D2D2;
}
.at-breadcrumb__item:last-child {
  color: #BFBFBF;
  cursor: text;
}
.at-breadcrumb__item:last-child .at-breadcrumb__separator {
  display: none;
}
.at-breadcrumb__link {
  color: #6190E8;
  transition: color 0.3s;
}
.at-breadcrumb__link:hover {
  color: #79A1EB;
  cursor: pointer;
}
.at-breadcrumb__link:active {
  color: #F4F4FF;
  cursor: pointer;
}

/**
 * Dropdown Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
.at-dropdown {
  display: inline-block;
}
.at-dropdown__popover {
  position: absolute;
  overflow: visible;
  z-index: 1050;
}
.at-dropdown-menu {
  position: relative;
  padding: 0;
  width: inherit;
  max-height: 200px;
  font-size: 0;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  list-style: none;
  z-index: 1050;
}
.at-dropdown-menu__item {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  padding: 8px 16px;
  min-width: 100px;
  font-size: 12px;
  line-height: 1.5;
  transition: all 0.3s;
  cursor: pointer;
}
.at-dropdown-menu__item:hover {
  background-color: #ECF2FC;
}
.at-dropdown-menu__item--disabled {
  color: #D2D2D2;
  cursor: not-allowed;
}
.at-dropdown-menu__item--disabled:hover {
  background-color: #FFF;
}
.at-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #ECF2FC;
}
.at-dropdown-menu__item--divided:before {
  content: "";
  display: block;
  height: 6px;
}

/**
 * Pagination Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
.at-pagination {
  list-style: none;
  font-size: 0;
  /* elements */
  /* modifiers */
}
.at-pagination::after {
  clear: both;
  content: "";
  display: block;
}
.at-pagination__item, .at-pagination__prev, .at-pagination__next, .at-pagination__item--jump-prev, .at-pagination__item--jump-next {
  float: left;
  min-width: 28px;
  height: 28px;
  color: #3F536E;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  cursor: pointer;
}
.at-pagination__item:hover, .at-pagination__prev:hover, .at-pagination__next:hover, .at-pagination__item--jump-prev:hover, .at-pagination__item--jump-next:hover {
  color: #79A1EB;
  border-color: #79A1EB;
}
.at-pagination__item + .at-pagination__item {
  margin-left: 4px;
}
.at-pagination__item--active {
  color: #FFF;
  border-color: #79A1EB;
  background-color: #79A1EB;
}
.at-pagination__item--active:hover {
  color: #FFF;
}
.at-pagination__prev {
  margin-right: 8px;
}
.at-pagination__next {
  margin-left: 8px;
}
.at-pagination__item--jump-prev:after, .at-pagination__item--jump-next:after {
  content: "•••";
  display: inline-block;
  color: #ECECEC;
  font-size: 8px;
  text-align: center;
  line-height: 28px;
  letter-spacing: 1px;
}
.at-pagination__item--jump-prev i, .at-pagination__item--jump-next i {
  display: none;
}
.at-pagination__item--jump-prev:hover:after, .at-pagination__item--jump-next:hover:after {
  display: none;
}
.at-pagination__item--jump-prev:hover i, .at-pagination__item--jump-next:hover i {
  display: inline-block;
}
.at-pagination__total {
  float: left;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  margin-right: 12px;
}
.at-pagination__quickjump {
  float: left;
  margin-left: 12px;
  font-size: 12px;
  line-height: 28px;
}
.at-pagination__quickjump input {
  display: inline-block;
  margin: 0 8px;
  width: 40px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.at-pagination__sizer {
  float: left;
  margin-left: 12px;
  text-align: center;
}
.at-pagination__simple-paging {
  float: left;
  font-size: 12px;
}
.at-pagination__simple-paging input {
  display: inline-block;
  padding: 2px 4px;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
}
.at-pagination__simple-paging span {
  padding: 0 4px;
}
.at-pagination--disabled {
  color: #ECECEC;
  border-color: #ECECEC;
  cursor: not-allowed;
}
.at-pagination--disabled:hover {
  color: #ECECEC;
  border-color: #ECECEC;
}
.at-pagination--small .at-pagination__total,
.at-pagination--small .at-pagination__quickjump,
.at-pagination--small .at-pagination__item,
.at-pagination--small .at-pagination__prev,
.at-pagination--small .at-pagination__next {
  height: 20px;
  font-size: 11px;
  line-height: 20px;
}
.at-pagination--small .at-pagination__item,
.at-pagination--small .at-pagination__prev,
.at-pagination--small .at-pagination__next {
  border: none;
  width: 20px;
  min-width: 20px;
}
.at-pagination--small .at-pagination__item--jump-prev:after,
.at-pagination--small .at-pagination__item--jump-next:after {
  font-size: 7px;
  line-height: 20px;
}
.at-pagination--small .at-pagination__total {
  margin-right: 8px;
}
.at-pagination--small .at-pagination__sizer {
  margin-left: 8px;
}
.at-pagination--small .at-pagination__sizer .at-select .at-select__selection {
  height: 20px;
  line-height: 18px;
}
.at-pagination--small .at-pagination__quickjump {
  margin-left: 8px;
}
.at-pagination--small .at-pagination__quickjump .at-input__original {
  margin: 0 6px;
  height: 20px;
  font-size: 11px;
}
.at-pagination--simple {
  font-size: 12px;
}
.at-pagination--simple .at-input__original {
  margin: 0 4px;
  width: 32px;
  height: 28px;
}
.at-pagination--simple .at-pagination__prev,
.at-pagination--simple .at-pagination__next {
  margin: 0;
  border: none;
  width: 28px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
}
.at-pagination--simple.at-pagination--small {
  font-size: 11px;
}
.at-pagination--simple.at-pagination--small .at-input__original {
  width: 26px;
  height: 20px;
}
.at-pagination--simple.at-pagination--small .at-input__original input {
  font-size: 11px;
}
.at-pagination--simple.at-pagination--small .at-pagination__prev,
.at-pagination--simple.at-pagination--small .at-pagination__next {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
}
.at-pagination--simple.at-pagination--small .at-pagination__simple-paging {
  font-size: 11px;
}
.at-pagination--simple.at-pagination--small .at-pagination__simple-paging span {
  padding: 0 4px;
}

/**
 * Menu Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-menu {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  color: #3F536E;
  font-size: 1rem;
  list-style: none;
  background-color: #FFF;
  /* element */
  /* modifier */
  /* Horizontal */
  /* Vertical */
  /* Inline */
  /* theme */
}
.at-menu__item {
  position: relative;
  display: block;
  list-style: none;
  transition: color 0.3s;
  cursor: pointer;
  z-index: 1;
}
.at-menu__item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #3F536E;
}
.at-menu__item i {
  margin-right: 8px;
}
.at-menu__item .at-menu__item-link {
  padding: 12px 16px;
  width: 100%;
}
.at-menu__item--disabled {
  cursor: not-allowed;
}
.at-menu__item--disabled .at-menu__item-link {
  color: #C4C4CF;
  cursor: not-allowed;
  pointer-events: none;
}
.at-menu__item--disabled .at-menu__item-link::after {
  display: none;
}
.at-menu__item-group {
  padding: 0;
  line-height: 1;
}
.at-menu__item-group-title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  padding: 12px;
  color: #BFBFBF;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.3s;
  cursor: initial;
}
.at-menu__item-group-list {
  padding: 0;
}
.at-menu__submenu--disabled {
  color: #C4C4CF;
  cursor: not-allowed;
}
.at-menu__submenu-title {
  position: relative;
  cursor: pointer;
}
.at-menu__submenu-title i {
  margin-right: 8px;
}
.at-menu .at-dropdown__popover {
  width: 100%;
}
.at-menu .at-dropdown-menu {
  max-height: none;
}
.at-menu .at-dropdown-menu .at-menu__item {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  transition: all 0.3s;
  cursor: pointer;
}
.at-menu .at-dropdown-menu .at-menu__item--disabled {
  cursor: not-allowed;
}
.at-menu--horizontal, .at-menu--vertical, .at-menu--inline {
  z-index: auto;
}
.at-menu--horizontal .at-menu__item-group-list .at-menu__item, .at-menu--vertical .at-menu__item-group-list .at-menu__item {
  float: none;
}
.at-menu--horizontal .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link,
.at-menu--horizontal .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active, .at-menu--vertical .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link,
.at-menu--vertical .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active {
  color: #6190E8;
  font-weight: bold;
}
.at-menu--horizontal .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link::after,
.at-menu--horizontal .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active::after, .at-menu--vertical .at-menu__item-group-list .at-menu__item.at-menu__item--active .at-menu__item-link::after,
.at-menu--vertical .at-menu__item-group-list .at-menu__item .at-menu__item-link.router-link-active::after {
  display: none;
}
.at-menu--horizontal {
  position: relative;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #e2ecf4;
}
.at-menu--horizontal .at-menu__item,
.at-menu--horizontal .at-menu__submenu {
  position: relative;
  float: left;
}
.at-menu--horizontal .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__item.at-menu__item--active .at-menu__item-link::after {
  transform: scaleX(1);
}
.at-menu--horizontal .at-menu__item--disabled .at-menu__item-link {
  color: #C4C4CF;
}
.at-menu--horizontal .at-menu__item--disabled .at-menu__item-link:hover {
  color: #C4C4CF;
}
.at-menu--horizontal .at-menu__item-link {
  display: inline-block;
  padding: 0 16px;
}
.at-menu--horizontal .at-menu__item-link::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #6190E8;
  transform: scaleX(0);
  transition: all 0.15s;
}
.at-menu--horizontal .at-menu__item-link:hover, .at-menu--horizontal .at-menu__item-link.router-link-active {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__item-link:hover::after, .at-menu--horizontal .at-menu__item-link.router-link-active::after {
  transform: scaleX(1);
}
.at-menu--horizontal > .at-menu__submenu:hover > .at-menu__submenu-title, .at-menu--horizontal > .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--horizontal > .at-menu__submenu:hover::after, .at-menu--horizontal > .at-menu__submenu.at-menu__submenu--active::after {
  transform: scaleX(1);
}
.at-menu--horizontal .at-menu__submenu::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #6190E8;
  transform: scaleX(0);
  transition: all 0.15s;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu-title {
  padding: 0 16px;
}
.at-menu--horizontal .at-menu__submenu .at-menu__item {
  display: block;
  float: none;
}
.at-menu--horizontal .at-menu__submenu .at-menu__item .at-menu__item-link {
  padding: 12px 16px;
  padding-left: 16px;
}
.at-menu--horizontal .at-menu__submenu .at-menu__item .at-menu__item-link::after {
  display: none;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu {
  display: block;
  float: none;
  height: inherit;
  font-size: 12px;
  line-height: 1.5;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu .at-menu__submenu-title {
  padding: 12px 16px;
  padding-right: 16px;
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu .at-menu__submenu-title i:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -6px;
  transform: rotate(-90deg);
}
.at-menu--horizontal .at-menu__submenu .at-menu__submenu.at-menu__submenu--active::after {
  transform: scaleX(0);
}
.at-menu--horizontal .at-menu__submenu:hover > .at-menu__submenu-title, .at-menu--horizontal .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--horizontal .at-menu__submenu--disabled:hover .at-menu__submenu-title, .at-menu--horizontal .at-menu__submenu--disabled.at-menu__submenu--active .at-menu__submenu-title {
  color: #C4C4CF;
  cursor: not-allowed;
}
.at-menu--horizontal .at-menu__submenu--disabled:hover::after, .at-menu--horizontal .at-menu__submenu--disabled.at-menu__submenu--active::after {
  transform: scaleX(0);
}
.at-menu--vertical {
  position: relative;
  border-right: 1px solid #e2ecf4;
}
.at-menu--vertical .at-menu__item,
.at-menu--vertical .at-menu__submenu {
  position: relative;
  display: block;
}
.at-menu--vertical > .at-menu__item.at-menu__item--active > .at-menu__item-link {
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--vertical > .at-menu__item.at-menu__item--active > .at-menu__item-link::after {
  opacity: 1;
}
.at-menu--vertical > .at-menu__submenu:hover::after {
  opacity: 1;
}
.at-menu--vertical > .at-menu__submenu:hover > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--vertical > .at-menu__submenu.at-menu__submenu--active {
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--vertical > .at-menu__submenu.at-menu__submenu--active::after {
  opacity: 1;
}
.at-menu--vertical > .at-menu__item > .at-menu__item-link:hover {
  color: #6190E8;
}
.at-menu--vertical > .at-menu__item > .at-menu__item-link:hover::after {
  opacity: 1;
}
.at-menu--vertical .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item--disabled:hover {
  color: #C4C4CF;
}
.at-menu--vertical .at-menu__item--disabled:hover a {
  color: #C4C4CF;
}
.at-menu--vertical .at-menu__item--disabled .at-menu__item-link.router-link-active {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item--disabled .at-menu__item-link.router-link-active:hover {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item-link {
  padding: 12px 16px;
  padding-left: 32px;
}
.at-menu--vertical .at-menu__item-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8;
  transition: opacity 0.2s;
  opacity: 0;
}
.at-menu--vertical .at-menu__item-link:hover {
  color: #6190E8;
}
.at-menu--vertical .at-menu__item-link.router-link-active {
  color: #6190E8;
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--vertical .at-menu__item-link.router-link-active::after {
  opacity: 1;
}
.at-menu--vertical .at-menu__submenu {
  font-size: 1rem;
}
.at-menu--vertical .at-menu__submenu::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8;
  transition: opacity 0.2s;
  opacity: 0;
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu-title {
  padding: 12px 16px;
  padding-left: 32px;
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu-title i:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5rem;
  transform: rotate(-90deg);
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu {
  font-size: 12px;
}
.at-menu--vertical .at-menu__submenu .at-menu__submenu .at-menu__submenu-title {
  padding-left: 24px;
}
.at-menu--vertical .at-menu__submenu .at-menu__item-link {
  padding-left: 24px;
}
.at-menu--vertical .at-menu__submenu:hover > .at-menu__submenu-title, .at-menu--vertical .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--vertical .at-menu__submenu.at-menu__submenu--disabled:hover > .at-menu__submenu-title, .at-menu--vertical .at-menu__submenu.at-menu__submenu--disabled.at-menu__submenu--active > .at-menu__submenu-title {
  color: #C4C4CF;
  cursor: not-allowed;
}
.at-menu--vertical .at-menu__item-group-title {
  padding-left: 16px;
  font-weight: bold;
}
.at-menu--inline {
  position: relative;
  border-right: 1px solid #e2ecf4;
}
.at-menu--inline .at-menu__item,
.at-menu--inline .at-menu__submenu {
  position: relative;
  display: block;
  padding-left: 0;
  transition: all 0.3s, color 0s;
}
.at-menu--inline .at-menu__item:hover {
  color: #6190E8;
}
.at-menu--inline .at-menu__item:hover > .at-menu__item-link {
  color: #6190E8;
}
.at-menu--inline .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--inline .at-menu__item.at-menu__item--active .at-menu__item-link::after {
  opacity: 1;
}
.at-menu--inline .at-menu__item--disabled.at-menu__item--active .at-menu__item-link {
  color: #C4C4CF;
  background-color: transparent;
}
.at-menu--inline .at-menu__item--disabled.at-menu__item--active .at-menu__item-link::after {
  opacity: 0;
}
.at-menu--inline .at-menu__submenu {
  font-size: 1rem;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #6190E8;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--disabled:hover > .at-menu__submenu-title, .at-menu--inline .at-menu__submenu.at-menu__submenu--disabled.at-menu__submenu--active > .at-menu__submenu-title {
  color: #C4C4CF;
  cursor: not-allowed;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--opened .at-menu__submenu-title {
  font-weight: bold;
}
.at-menu--inline .at-menu__submenu.at-menu__submenu--opened .at-menu__submenu-icon {
  transform: rotate(-180deg);
}
.at-menu--inline .at-menu__submenu > .at-menu__submenu-title:hover {
  color: #6190E8;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu-title {
  padding: 12px 16px;
  padding-left: 32px;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu-title i:last-child {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5rem;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu-icon {
  color: #C5D9E8;
  transition: transform 0.3s;
}
.at-menu--inline .at-menu__submenu .at-menu__submenu {
  font-size: 1rem;
}
.at-menu--inline .at-menu__submenu .at-menu__item-link {
  padding-left: 48px;
}
.at-menu--inline .at-menu__item-link {
  padding: 12px 16px;
  padding-left: 32px;
  transition: all 0.3s;
}
.at-menu--inline .at-menu__item-link::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background-color: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8;
  transition: opacity 0.2s;
  opacity: 0;
}
.at-menu--inline .at-menu__item-link.router-link-active {
  color: #6190E8;
  background-color: rgba(236, 242, 252, 0.2);
}
.at-menu--inline .at-menu__item-link.router-link-active::after {
  opacity: 1;
}
.at-menu--inline .at-menu {
  margin: 8px 0;
}
.at-menu--inline .at-menu__item-group-title {
  padding-left: 40px;
  font-weight: bold;
}
.at-menu--dark {
  color: #DFDFDF;
  background-color: #2C405A;
}
.at-menu--dark .at-menu {
  color: #DFDFDF;
  background-color: #2C405A;
}
.at-menu--dark .at-menu__item a {
  color: #DFDFDF;
}
.at-menu--dark .at-menu__item .at-menu__item-link::after {
  width: 4px;
  border-radius: 0;
  background-color: #6190E8;
  box-shadow: none;
}
.at-menu--dark .at-menu__item:hover .at-menu__item-link, .at-menu--dark .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #FFF;
  background-color: #273A52;
}
.at-menu--dark .at-menu__item:hover .at-menu__item-link a, .at-menu--dark .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #FFF;
}
.at-menu--dark .at-menu__item--disabled {
  opacity: 0.5;
}
.at-menu--dark .at-menu__item--disabled:hover .at-menu__item-link, .at-menu--dark .at-menu__item--disabled.at-menu__item--active .at-menu__item-link {
  color: #C4C4CF;
  background-color: transparent;
}
.at-menu--dark .at-menu__submenu:hover .at-menu__submenu-title, .at-menu--dark .at-menu__submenu.at-menu__submenu--active .at-menu__submenu-title {
  color: #FFF;
  font-weight: bold;
}
.at-menu--dark .at-menu__submenu.at-menu__submenu--disabled .at-menu__submenu-title {
  opacity: 0.5;
  font-weight: normal;
  cursor: not-allowed;
}
.at-menu--dark.at-menu--horizontal {
  border: none;
}
.at-menu--dark.at-menu--horizontal .at-menu__item:hover::after, .at-menu--dark.at-menu--horizontal .at-menu__item.at-menu__item--active::after, .at-menu--dark.at-menu--horizontal .at-menu__item.at-menu__submenu--active::after,
.at-menu--dark.at-menu--horizontal .at-menu__submenu:hover::after,
.at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__item--active::after,
.at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__submenu--active::after {
  width: 100%;
  height: 4px;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__submenu--disabled:hover .at-menu__submenu-title, .at-menu--dark.at-menu--horizontal .at-menu__submenu.at-menu__submenu--disabled.at-menu__item--active .at-menu__submenu-title {
  color: #C4C4CF;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item {
  color: #3F536E;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item:hover .at-menu__item-link, .at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
  background-color: transparent;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item:hover .at-menu__item-link a, .at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--dark.at-menu--horizontal .at-menu__submenu .at-menu__item a {
  color: #3F536E;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu.at-menu__submenu--active {
  background-color: transparent;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu.at-menu__submenu--active::after {
  content: "";
  width: 4px;
  border-radius: 0;
  background-color: #6190E8;
  box-shadow: none;
  opacity: 1;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item {
  color: #3F536E;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item:hover .at-menu__item-link, .at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link {
  color: #6190E8;
  background-color: transparent;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item:hover .at-menu__item-link a, .at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item.at-menu__item--active .at-menu__item-link a {
  color: #6190E8;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item.at-menu__item--disabled .at-menu__item-link {
  color: #C4C4CF;
}
.at-menu--dark.at-menu--vertical .at-menu__submenu .at-menu__item a {
  color: #3F536E;
}

/**
 * Table Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-table {
  position: relative;
  color: #3F536E;
  font-size: 12px;
  /* modifier */
}
.at-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  overflow: hidden;
}
.at-table table th, .at-table table td {
  height: 40px;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid #ECECEC;
}
.at-table table th.at-table__cell--nodata, .at-table table td.at-table__cell--nodata {
  text-align: center;
}
.at-table__cell {
  padding: 0 16px;
  border-bottom: 1px solid #ECECEC;
}
.at-table__content {
  border: 1px solid #ECECEC;
  border-bottom-width: 0;
}
.at-table__thead > tr > th {
  font-weight: bold;
  text-align: left;
  background-color: #F7F7F7;
  white-space: nowrap;
}
.at-table__thead .at-table__column-sorter {
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  width: 9px;
}
.at-table__thead .at-table__column-sorter-up, .at-table__thead .at-table__column-sorter-down {
  display: block;
  color: #C4C4CF;
  font-size: 9px;
  line-height: 1;
  transition: color 0.3s;
}
.at-table__thead .at-table__column-sorter-up:hover, .at-table__thead .at-table__column-sorter-down:hover {
  color: #3F536E;
}
.at-table__thead .at-table__column-sorter.sort-desc .at-table__column-sorter-down {
  color: #3F536E;
}
.at-table__thead .at-table__column-sorter.sort-asc .at-table__column-sorter-up {
  color: #3F536E;
}
.at-table__tbody > tr {
  transition: all 0.3s;
}
.at-table__tbody > tr:hover {
  background-color: #f6fafe;
}
.at-table__footer {
  position: relative;
  margin: 16px 0;
  height: 28px;
}
.at-table__footer .at-pagination {
  float: right;
}
.at-table__footer .at-pagination__total {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 16px;
}
.at-table--fixHeight .at-table__content {
  border-bottom-width: 1px;
}
.at-table--fixHeight .at-table__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.at-table--fixHeight .at-table__header table {
  border: 1px solid #ECECEC;
  border-bottom: none;
}
.at-table--fixHeight .at-table__body {
  overflow: scroll;
}
.at-table--fixHeight .at-table__tbody > tr:last-child td {
  border-bottom: none;
}
.at-table--stripe .at-table__tbody > tr:nth-child(2n) {
  background-color: #fbfbfb;
}
.at-table--stripe .at-table__tbody > tr:hover {
  background-color: #f6fafe;
}
.at-table--border .at-table__content {
  border-right: none;
}
.at-table--border .at-table__thead th, .at-table--border .at-table__thead td,
.at-table--border .at-table__tbody th,
.at-table--border .at-table__tbody td {
  border-right: 1px solid #ECECEC;
}
.at-table--large {
  font-size: 1rem;
}
.at-table--large table th, .at-table--large table td {
  height: 56px;
}
.at-table--small {
  font-size: 11px;
}
.at-table--small table th, .at-table--small table td {
  height: 32px;
}
.at-table--small .at-table__thead .at-table__column-sorter {
  width: 7px;
  height: 14px;
}
.at-table--small .at-table__thead .at-table__column-sorter-up, .at-table--small .at-table__thead .at-table__column-sorter-down {
  font-size: 7px;
}

/**
 * Card Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-card {
  position: relative;
  border-radius: 4px;
  background-color: #FFF;
  transition: all 0.3s;
  /* element */
  /* modifier */
}
.at-card:not(.at-card--no-hover):hover {
  border-color: #F7F7F7;
  box-shadow: 1px 0 16px 0 rgba(100, 100, 100, 0.2);
}
.at-card__head {
  padding: 0 24px;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #ECECEC;
}
.at-card__title {
  display: inline-block;
}
.at-card__extra {
  float: right;
}
.at-card__body {
  padding: 24px;
}
.at-card__body--loading span {
  display: inline-block;
  margin: 5px 1%;
  height: 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(192, 198, 206, 0.12), rgba(192, 198, 206, 0.2), rgba(192, 198, 206, 0.12));
  background-size: 600% 600%;
  animation: card-loading 1.4s ease infinite;
}
.at-card--bordered {
  border: 1px solid #ECECEC;
}
@keyframes card-loading {
0%, to {
    background-position: 0 50%;
}
50% {
    background-position: 100% 50%;
}
}
/**
 * Collapse Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-collapse {
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  overflow: hidden;
  /* element */
  /* modifier */
}
.at-collapse__item {
  border-bottom: 1px solid #DFDFDF;
}
.at-collapse__item:last-of-type {
  border-bottom: none;
}
.at-collapse__item--active > .at-collapse__header .at-collapse__icon {
  transform: rotate(90deg);
}
.at-collapse__item--disabled .at-collapse__header {
  color: #C4C4CF;
  cursor: not-allowed;
}
.at-collapse__item--disabled .at-collapse__icon {
  color: #C4C4CF;
}
.at-collapse__header {
  position: relative;
  padding: 8px 32px;
  color: #2e2ef9;
  background-color: #F7F7F7;
  transition: all 0.3s;
  cursor: pointer;
}
.at-collapse__icon {
  position: absolute;
  top: 14px;
  left: 16px;
  color: #9797fc;
  font-size: 12px;
  font-weight: bold;
  transition: all 0.3s;
}
.at-collapse__body {
  will-change: height;
}
.at-collapse__content {
  padding: 16px;
  color: #3F536E;
  border-radius: 0 0 4px 4px;
  background-color: #FFF;
  overflow: hidden;
}
.at-collapse--simple {
  border: none;
}
.at-collapse--simple .at-collapse__item {
  border-bottom: none;
}
.at-collapse--simple .at-collapse__header {
  border-bottom: 1px solid #DFDFDF;
  background-color: transparent;
}

/**
 * Steps Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-steps {
  font-size: 0;
  /* modifier */
}
.at-steps--small .at-step__label {
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 16px;
}
.at-steps--small .at-step__title {
  font-size: 12px;
  line-height: 18px;
}
.at-steps--small .at-step__line {
  top: 8px;
}
.at-steps--small.at-steps--vertical .at-step__main {
  min-height: 48px;
}
.at-steps--vertical .at-step {
  display: block;
  /* element */
  /* modifier */
}
.at-steps--vertical .at-step__line {
  margin: 0;
  left: 14px;
  top: 0;
  bottom: 2px;
  width: 1px;
  height: auto;
}
.at-steps--vertical .at-step__line::before, .at-steps--vertical .at-step__line::after {
  position: absolute;
  top: 0px;
  width: 100%;
}
.at-steps--vertical .at-step__line::after {
  height: 0;
}
.at-steps--vertical .at-step__head {
  padding-bottom: 2px;
}
.at-steps--vertical .at-step__main {
  min-height: 64px;
}
.at-steps--vertical .at-step.at-step--finish .at-step__line::after {
  height: 100%;
}
.at-steps--vertical.at-steps--small .at-step__line {
  left: 8px;
}
.at-step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  /* element */
}
.at-step__head, .at-step__main {
  position: relative;
  font-size: 1rem;
}
.at-step__head {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background-color: #FFF;
}
.at-step__label {
  margin-right: 8px;
  width: 30px;
  height: 30px;
  color: #B9B9B9;
  line-height: 28px;
  text-align: center;
  border: 1px solid #B9B9B9;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.at-step--process .at-step__label:not(.at-step__icon) {
  color: #FFF;
  border-color: #6190E8;
  background-color: #6190E8;
}
.at-step--process .at-step__label.at-step__icon {
  color: #6190E8;
}
.at-step--finish .at-step__label {
  color: #6190E8;
  border-color: #6190E8;
}
.at-step--finish .at-step__label.at-step__icon {
  border-color: transparent;
}
.at-step--error .at-step__label {
  color: #FF4949;
  border-color: #FF4949;
}
.at-step__line {
  position: absolute;
  left: 0;
  right: 0;
  top: 14px;
  margin: 0 10px;
  height: 1px;
}
.at-step--finish .at-step__line::after {
  width: 100%;
}
.at-step--next-error .at-step__line::after {
  width: 100%;
  background-color: #FF4949;
}
.at-step__line::before, .at-step__line::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}
.at-step__line::before {
  background-color: #B9B9B9;
}
.at-step__line::after {
  width: 0;
  background-color: #6190E8;
  transition: all 0.3s;
}
.at-step__main {
  display: inline-block;
  width: calc(100% - 40px);
  vertical-align: top;
  white-space: normal;
  overflow: hidden;
}
.at-step__title {
  display: inline-block;
  padding-right: 8px;
  max-width: 80%;
  color: #96A0AD;
  font-weight: bold;
  line-height: 30px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #FFF;
  overflow: hidden;
}
.at-step--process .at-step__title {
  color: #3F536E;
}
.at-step--error .at-step__title {
  color: #FF4949;
}
.at-step__description {
  color: #96A0AD;
  font-size: 12px;
  word-wrap: break-word;
}
.at-step--process .at-step__description {
  color: #3F536E;
}
.at-step--error .at-step__description {
  color: #FF4949;
}
.at-step__icon {
  font-size: 28px;
  border-color: transparent;
  background-color: #FFF;
}
.at-step__title, .at-step__description, .at-step__icon {
  transition: all 0.3s ease-in-out;
}

/**
 * Rate Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-rate {
  font-size: 0;
  /* element */
  /* modifier */
}
.at-rate__list {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.at-rate__item {
  display: inline-block;
  margin-right: 8px;
  font-size: 0;
  vertical-align: top;
  transition: all 0.3s;
  cursor: pointer;
}
.at-rate__item:last-of-type {
  margin-right: 0;
}
.at-rate__item:hover {
  transform: scale(1.1);
}
.at-rate__item--on .at-rate__icon {
  color: #FFC82C;
}
.at-rate__item--half .at-rate__left {
  color: #FFC82C;
}
.at-rate__icon {
  position: relative;
  display: inline-block;
  color: #ECECEC;
  font-size: 20px;
  vertical-align: top;
  transition: color 0.3s;
}
.at-rate__left {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  color: transparent;
  overflow: hidden;
}
.at-rate__text {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  vertical-align: middle;
}
.at-rate--disabled.at-rate__list {
  cursor: initial;
}
.at-rate--disabled .at-rate__item {
  cursor: initial;
}
.at-rate--disabled .at-rate__item:hover {
  transform: none;
}

/**
 * Tabs Style
 */
/**
 * Variables
 */
/**
 * Default Variables
 */
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/* Prefix */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
.at-tabs {
  overflow: hidden;
  /* element */
  /* modifier */
}
.at-tabs__header {
  margin-bottom: 16px;
  font-size: 0;
  border-bottom: 1px solid #ECECEC;
}
.at-tabs__nav {
  position: relative;
  margin-bottom: -1px;
  height: 36px;
  color: #3F536E;
  font-size: 1rem;
  overflow: hidden;
}
.at-tabs__nav-wrap {
  overflow: hidden;
}
.at-tabs__prev, .at-tabs__next {
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  transition: color 0.3s;
  cursor: pointer;
}
.at-tabs__prev:hover, .at-tabs__next:hover {
  color: #6190E8;
}
.at-tabs__prev--disabled, .at-tabs__next--disabled {
  color: #C4C4CF;
  cursor: default;
}
.at-tabs__prev--disabled:hover, .at-tabs__next--disabled:hover {
  color: #C4C4CF;
}
.at-tabs__prev .icon, .at-tabs__next .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.at-tabs__prev {
  left: 0;
}
.at-tabs__next {
  right: 0;
}
.at-tabs__body {
  font-size: 0;
  white-space: nowrap;
  transition: all 0.3s;
}
.at-tabs__extra {
  float: right;
  margin-top: 6px;
}
.at-tabs__pane {
  display: inline-block;
  width: 100%;
  white-space: initial;
  vertical-align: top;
}
.at-tabs--small .at-tabs__header {
  margin-bottom: 12px;
}
.at-tabs--small .at-tabs__nav {
  height: 32px;
}
.at-tabs--small .at-tabs-nav__item {
  margin-right: 16px;
  padding: 0 16px;
  line-height: 32px;
  font-size: 12px;
}
.at-tabs--small .at-tabs__extra {
  margin-top: 3px;
}
.at-tabs--card.at-tabs--small .at-tabs-nav__item {
  line-height: 30px;
}
.at-tabs--card .at-tabs-nav__item {
  margin: 0 2px 0 0;
  line-height: 34px;
  border: 1px solid #ECECEC;
  border-radius: 4px 4px 0 0;
  background-color: #F7F7F7;
  transition: background-color 0.3s;
}
.at-tabs--card .at-tabs-nav__item::after {
  content: normal;
}
.at-tabs--card .at-tabs-nav__item--active {
  border-bottom-color: transparent;
  background-color: #FFF;
}
.at-tabs--scroll .at-tabs__nav {
  padding: 0 32px;
}
.at-tabs-nav {
  display: inline-block;
  white-space: nowrap;
  transition: transform 0.3s;
  /* element */
}
.at-tabs-nav__icon {
  margin-right: 8px;
}
.at-tabs-nav__close {
  position: absolute;
  margin-left: 2px;
  color: #79879a;
  opacity: 0;
  transition: all 0.3s;
}
.at-tabs-nav__close:hover {
  color: #3F536E;
}
.at-tabs-nav__item {
  position: relative;
  display: inline-block;
  margin-right: 24px;
  padding: 0 20px;
  line-height: 36px;
  transition: color 0.3s;
  cursor: pointer;
}
.at-tabs-nav__item:last-of-type {
  margin-right: 0;
}
.at-tabs-nav__item::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #6190E8;
  transform: scaleX(0);
  transition: all 0.15s;
}
.at-tabs-nav__item:not(.at-tabs-nav__item--disabled):hover {
  color: #6190E8;
}
.at-tabs-nav__item--active {
  color: #6190E8;
}
.at-tabs-nav__item--active::after {
  transform: scaleX(1);
}
.at-tabs-nav__item--disabled {
  color: #C4C4CF;
  cursor: default;
}
.at-tabs-nav__item--closable:hover .at-tabs-nav__close {
  opacity: 1;
}

/**
 * Timeline
 */
.at-timeline {
  /* element */
  /* modifier */
}
.at-timeline__item {
  position: relative;
  padding: 0 0 12px;
}
.at-timeline__item--default .at-timeline__dot {
  color: #78A4FA;
  border-color: #78A4FA;
}
.at-timeline__item--success .at-timeline__dot {
  color: #2dc38d;
  border-color: #2dc38d;
}
.at-timeline__item--error .at-timeline__dot {
  color: #FF4949;
  border-color: #FF4949;
}
.at-timeline__item--warning .at-timeline__dot {
  color: #FFC82C;
  border-color: #FFC82C;
}
.at-timeline__item--custom .at-timeline__dot {
  top: -2px;
  left: -4px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  text-align: center;
  border: 0;
}
.at-timeline__item--custom .at-timeline__dot .icon {
  display: block;
  margin-top: 2px;
}
.at-timeline__item--last .at-timeline__tail {
  display: none;
}
.at-timeline__item--last .at-timeline__content {
  min-height: 48px;
}
.at-timeline__tail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  border-left: 2px solid #ECECEC;
}
.at-timeline__dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 12px;
  border: 2px solid transparent;
  border-radius: 50%;
  background-color: #FFF;
}
.at-timeline__content {
  position: relative;
  top: -5px;
  padding: 0 0 8px 24px;
  font-size: 12px;
}
.at-timeline--pending .at-timeline__item--pending .at-timeline__tail {
  display: none;
}
.at-timeline--pending .at-timeline__item--last .at-timeline__tail {
  display: inline-block;
  border-left-style: dotted;
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.v-select {
  position: relative;
  font-family: inherit;
}
.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@keyframes vSelectSpinner {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}
.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: rgb(248, 248, 248);
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir=rtl] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir=rtl] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir=rtl] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir=rtl] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  white-space: normal;
}
.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}
.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}
.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}
.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(0.5);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}
.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(0.5);
}
.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  border: 1px solid #C5D9E8;
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}
.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143; /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333; /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}
.vs__dropdown-option--highlight {
  background: #ECF2FC;
  color: #000;
}
.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}
.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid #C5D9E8;
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}
.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected, .vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}
.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}
.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}
.vs__search::-moz-placeholder {
  color: #C4C4CF;
}
.vs__search::placeholder {
  color: #C4C4CF;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}
.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}
.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-progress--bar {
  width: 100%;
}
.at-progress .icon {
  display: none;
}
.at-progress-bar {
  padding-right: 0;
  margin-right: 0;
}
.at-progress-bar__inner {
  border-radius: 3px;
}
.at-progress-bar__wraper {
  border-radius: 3px;
}

/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-collapse {
  border-radius: 0px;
  border: none;
}
.at-collapse .at-collapse__content .at-collapse__content {
  padding: 0;
}
.at-collapse__header {
  padding: 21px;
  border-bottom: 0 !important;
}
.at-collapse__content {
  padding: 0 21px;
}
.at-collapse__content .at-collapse__header {
  padding: 21px 0;
}
.at-collapse__item--active {
  background-color: #F4F4FF;
}
.at-collapse__item--active .at-collapse__content {
  background-color: #F4F4FF;
}
.at-collapse__icon.icon-chevron-right {
  display: none;
}
.at-collapse--simple .at-collapse__header {
  border-bottom: none;
}
.at-btn__text {
  font-weight: 600;
  font-size: 15px;
}
.at-btn__icon {
  font-size: 0.9rem;
}
.list__item {
  border-bottom: 3px solid #F4F4FF !important;
}
.list__item:last-child {
  border-bottom: none !important;
}
.list__item--active {
  background-color: #F4F4FF;
}
.at-input__original {
  padding: 8.5px 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vs__dropdown-toggle {
  background-color: #fff;
  padding: 0;
}
.vs__dropdown-toggle:hover {
  border: 1px solid #79A1EB;
}
.vs__selected {
  margin: 0;
  border: 0;
}
.vs__selected-options {
  margin-right: 25px;
  overflow: hidden;
  padding: 0;
}
.vs__selected {
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 26px;
  color: #3F536E;
  white-space: nowrap;
  width: 100px;
}
.vs__search, .vs__search:focus {
  margin: 0;
  border: none;
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 26px;
}
.vs__dropdown-menu {
  top: calc(100% + 2px);
  border: none;
  border-radius: 4px;
  padding: 0;
}
.vs__dropdown-option {
  padding: 8px 12px;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #3F536E;
}
.vs__no-options {
  padding: 6px 12px;
  font-size: 0.9rem;
  line-height: 26px;
  color: #3F536E;
}
.vs__clear {
  display: none;
}
.vs__actions {
  display: none;
}
.vs--open .vs__dropdown-toggle {
  border: 1px solid #79A1EB;
  border-radius: 4px;
}
.has-error .vs__dropdown-toggle {
  border: 1px solid #FF5569;
}
.at-select .at-select__input {
  position: relative;
  margin: 0;
}
.at-select__dropdown {
  box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);
}
.at-select__input {
  position: relative;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.at-select__clear {
  font-size: 14px;
  margin-top: -7px;
}
.at-select__arrow {
  font-size: 14px;
  margin-top: -7px;
  color: #2E2EF9;
}
.at-select--error .at-select__selection {
  border: 1px solid #FF5569;
}
.at-textarea--error .at-textarea__original {
  border: 1px solid #FF5569;
}
.at-table tr:hover {
  background-color: #F4F4FF;
}
.ql-toolbar.ql-snow {
  border: 1px solid #C5D9E8 !important;
}
.ql-container.ql-snow {
  border: 1px solid #C5D9E8 !important;
}

/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
h1, h2, h3, h4, h5, h6, h1, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Nunito", sans-serif;
  color: #151941;
}
h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
}
h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}
h3 {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}
h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}
h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
.h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
}
.h2 {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}
.h3 {
  font-weight: bold;
  font-size: 25px;
  line-height: 30px;
}
.h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}
.h5 {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}
.content-wrapper {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.busy-mask {
  z-index: 9999;
}
.page-title {
  font-size: 30px;
  color: #2E2EF9;
  margin-bottom: 1rem;
  font-weight: 700;
}
.at-container {
  background: #FFFFFF;
  border: 1px solid #EEEEF5;
  box-sizing: border-box;
  box-shadow: 0px 0px 100px rgba(63, 51, 86, 0.05);
  border-radius: 20px;
}
.at-container__inner {
  padding: 1.5rem;
}
.controls-row {
  display: flex;
  align-items: center;
}
.controls-row__item {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
  position: relative;
}
.controls-row__item:last-child {
  margin-right: 0;
}
.controls-row__item--left-auto {
  margin-left: auto;
}
.controls-row__item .at-input__original,
.controls-row__item .at-select__selection,
.controls-row__item .vs__dropdown-toggle {
  border: 1px solid #eeeef5;
}
.controls-row__btn {
  background: #FFFFFF;
  border: 1px solid #EEEEF5;
  border-radius: 10px;
  height: 40px;
}
.label-tooltip {
  text-decoration: none;
  border-bottom: 1px dashed #3f536e;
  cursor: help;
}
@media (max-width: 1200px) {
.container-fluid {
    padding-left: 8px;
    padding-right: 8px;
}
}
.at-input {
  font-size: initial;
}
.at-input--small .at-input__original {
  font-size: 11px;
}
.at-select__selection {
  padding: 6px 12px;
}
.at-select--small .at-select__selection {
  padding: 0 24px 0 8px;
}
.at-menu__item {
  color: #C4C4CF;
}
.at-menu__item a {
  color: #C4C4CF;
}
.at-menu__item.at-menu__item--active .at-menu__item-link:not(.router-link-active)::after {
  transform: scaleX(0);
}
.at-menu__submenu {
  color: #C4C4CF;
}
.at-menu__submenu-title {
  font-weight: bold;
}
.at-menu__submenu a {
  color: #C4C4CF;
}
.at-menu__submenu.at-menu__submenu--active .at-menu__submenu-link:not(.router-link-active)::after {
  transform: scaleX(0);
}
.at-menu__submenu:hover > .at-menu__submenu-title, .at-menu__submenu.at-menu__submenu--active > .at-menu__submenu-title {
  color: #2e2ef9 !important;
}
.at-menu__item-link {
  font-weight: bold;
  color: #C4C4CF !important;
}
.at-menu__item-link.router-link-active {
  color: #2e2ef9 !important;
}
.at-menu__item-link:hover {
  color: #2e2ef9 !important;
}
.at-menu__item-link::after {
  background-color: #2e2ef9 !important;
}
.crud .page-controls {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}
.crud .page-controls .control-items {
  display: flex;
  flex-flow: row nowrap;
}
.crud__title {
  margin-bottom: 0;
}
.crud__content {
  padding: 1.75em;
}
@media (max-width: 768px) {
.crud__content {
    padding: 1em;
}
}
.tasks-grid__task, .tasks-grid__project {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tasks-grid__task--inactive {
  color: #888;
  text-decoration: line-through;
}
.tasks-grid__tags {
  display: flex;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
}
.crud__content.crud__item-view pre {
  white-space: pre-wrap;
}
.projects-grid__project {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}
.at-loading-bar__inner {
  transition: width 0.5s linear;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.navbar[data-v-672240f2] {
  border-bottom: 0;
  box-shadow: 0px 0px 10px rgba(63, 51, 86, 0.1);
  display: flex;
  height: auto;
  justify-content: space-between;
  padding: 0.75em 24px;
}
.navbar__logo[data-v-672240f2] {
  background: url("https://solution.omega.ac/wp-content/uploads/2025/05/Omega-Solution.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 45px;
  width: 45px;
  flex-shrink: 0;
}
.navbar[data-v-672240f2] .at-menu__item-link::after {
  bottom: -0.75em;
  height: 3px;
}
.navbar[data-v-672240f2] .at-menu__submenu-title {
  padding-right: 0 !important;
}
.navbar[data-v-672240f2] .at-dropdown {
  align-items: center;
  display: flex;
}
.navbar[data-v-672240f2] .at-dropdown-menu {
  overflow: hidden;
}
.navbar[data-v-672240f2] .at-dropdown-menu__item {
  color: #B1B1BE;
  font-weight: 600;
}
.navbar[data-v-672240f2] .at-dropdown-menu__item:hover {
  background-color: #fff;
  color: #6C6CFF;
}
.navbar[data-v-672240f2] .at-dropdown__trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.navbar[data-v-672240f2] .at-dropdown__trigger .icon {
  margin-right: 8px;
}
.navbar[data-v-672240f2] .at-dropdown__popover {
  width: -moz-fit-content;
  width: fit-content;
}
.navbar[data-v-672240f2] .at-dropdown .at-dropdown-menu__item .icon {
  margin-right: 6px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.crud__item-view .page-controls[data-v-881143e6] {
  margin-bottom: 1.5em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.crud__item-view .page-controls .control-items[data-v-881143e6] {
  gap: 1em;
}
.crud__item-view .page-controls .control-item[data-v-881143e6]:last-child {
  margin-right: 0;
}
.crud__item-view .page-controls .title[data-v-881143e6] {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
.crud__item-view .page-controls .title[data-v-881143e6] {
    font-size: 1rem;
}
}
.crud__item-view .data-entries .data-entry[data-v-881143e6] {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #EEEEF5;
}
.crud__item-view .data-entries .data-entry[data-v-881143e6]:last-child {
  border-bottom: none;
}
.crud__item-view .data-entries .data-entry .label[data-v-881143e6] {
  margin-right: 1em;
  font-weight: bold;
}
@media (max-width: 768px) {
.crud__item-view .data-entries .data-entry .label[data-v-881143e6] {
    font-size: 0.8rem;
    width: 100%;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.crud__edit-view .page-controls[data-v-2dea6a04] {
  margin-bottom: 1.5em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.crud__edit-view .page-controls .control-item[data-v-2dea6a04]:last-child {
  margin-right: 0;
}
.crud__edit-view .page-controls .title[data-v-2dea6a04] {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
.crud__edit-view .page-controls .title[data-v-2dea6a04] {
    font-size: 1rem;
}
}
.crud__edit-view .data-entries .data-entry[data-v-2dea6a04] {
  margin-bottom: 1.5rem;
}
.crud__edit-view .data-entries .data-entry .label[data-v-2dea6a04] {
  font-weight: bold;
}
@media (max-width: 768px) {
.crud__edit-view .data-entries .data-entry .label[data-v-2dea6a04] {
    font-size: 0.8rem;
    width: 100%;
}
}
.crud__edit-view .bottom-control[data-v-2dea6a04] {
  display: flex;
}
.crud__edit-view .bottom-control__added-items[data-v-2dea6a04] {
  margin-left: auto;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.listbox[data-v-f77d5842] {
  border: 1px solid #c5d9e8;
  border-radius: 4px;
  transition: border 0.2s;
  margin-bottom: 0.75em;
  padding: 8px 12px;
  min-height: 40px;
  max-height: 200px;
  overflow-y: auto;
}
.listbox[data-v-f77d5842]:hover {
  border-color: #79a1eb;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.settings__title[data-v-5bfbc87c] {
  font-size: 24px;
}
.settings__content[data-v-5bfbc87c] {
  width: 100%;
}
.settings__content .data-entry[data-v-5bfbc87c] {
  margin-bottom: 1em;
}
.settings__content .label[data-v-5bfbc87c] {
  font-weight: bold;
}
.group-divider[data-v-5bfbc87c] {
  border: 0;
  border-top: 1px solid #eeeef5;
}
.group-divider[data-v-5bfbc87c]:last-child {
  display: none;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.settings[data-v-4c1d2cda] .page-title {
  font-size: 24px;
}
.settings__menu[data-v-4c1d2cda] {
  padding: 1rem 0;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.settings__content[data-v-4c1d2cda] {
  padding: 1rem 1.5rem 2.5rem;
}
.settings__content[data-v-4c1d2cda] .at-container,
.settings__content[data-v-4c1d2cda] .at-container__inner,
.settings__content[data-v-4c1d2cda] .crud {
  all: unset;
}
.settings__content[data-v-4c1d2cda] .at-container__table,
.settings__content[data-v-4c1d2cda] .at-container__inner__table,
.settings__content[data-v-4c1d2cda] .crud__table {
  margin-bottom: 1rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.dashboard__routes[data-v-0574d715] {
  margin-bottom: 1em;
  display: flex;
}
.dashboard__link[data-v-0574d715] {
  margin-right: 2rem;
  font-size: 1.8rem;
}
.dashboard__link[data-v-0574d715]:last-child {
  margin-right: initial;
}
.dashboard__link a[data-v-0574d715] {
  color: #b1b1be;
}
.dashboard__link .router-link-active[data-v-0574d715] {
  color: #2e2ef9;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.gantt[data-v-54f52cd6] {
  height: calc(100vh - 150px);
  width: 100%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.offline-sync[data-v-de578e58] {
  padding: 1rem 1.5rem 2.5rem;
}
.offline-sync .row[data-v-de578e58] {
  margin-bottom: 1rem;
}
.offline-sync .intervals-input[data-v-de578e58] {
  width: 100%;
}
.offline-sync__upload-btn[data-v-de578e58] {
  margin-top: 0.5rem;
}
.offline-sync[data-v-de578e58] .page-title {
  color: #151941;
  font-size: 24px;
  margin-bottom: 0;
}
.offline-sync[data-v-de578e58] .icon {
  margin-right: 0.2rem;
}
.offline-sync[data-v-de578e58] .icon-x-circle {
  color: #FF5569;
}
.offline-sync[data-v-de578e58] .icon-check-circle {
  color: #2DC48D;
}
.offline-sync[data-v-de578e58] .offline-sync__import-result {
  display: flex;
  flex-direction: column;
}
.offline-sync__added[data-v-de578e58] {
  margin-top: 0.5rem;
}
.offline-sync .screenshots-upload-progress[data-v-de578e58] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
}
.offline-sync .screenshots-upload-progress[data-v-de578e58] .at-progress {
  display: flex;
  align-items: end;
}
.offline-sync .screenshots-upload-progress[data-v-de578e58] .at-progress-bar {
  flex-basis: 70%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.project__header[data-v-6bcbf016] {
  display: flex;
  flex-direction: column;
  border-bottom: none;
  padding: 14px 21px;
  row-gap: 1rem;
  border-bottom: 3px solid #F4F4FF;
}
.project__title[data-v-6bcbf016] {
  color: #101C2E;
  font-size: 2rem;
  font-weight: bold;
}
.project .workers[data-v-6bcbf016] {
  row-gap: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.task__tags[data-v-6bcbf016] {
  display: flex;
  -moz-column-gap: 0.3rem;
       column-gap: 0.3rem;
}
.task__progress[data-v-6bcbf016] {
  position: relative;
}
.task__progress-percent[data-v-6bcbf016] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: #fff;
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.9));
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.projects__search[data-v-2f82abd6] {
  margin-bottom: 0.5rem;
}
.projects .at-container[data-v-2f82abd6] {
  margin-bottom: 1rem;
}
.projects .at-container .table[data-v-2f82abd6] .at-table__cell {
  width: 100%;
  overflow-x: hidden;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #F4F4FF;
  position: relative;
  z-index: 0;
}
.projects .at-container .table[data-v-2f82abd6] .at-table__cell:last-child {
  max-width: unset;
}
.projects .at-container .table[data-v-2f82abd6] .at-table .actions-column {
  display: flex;
  flex-flow: row nowrap;
}
.projects .at-container .table[data-v-2f82abd6] .at-table .action-button {
  margin-right: 1em;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.groups__title[data-v-fd8f5072] {
  display: inline-block;
}
.groups .icon-external-link[data-v-fd8f5072] {
  font-size: 20px;
}
.groups__disabled[data-v-fd8f5072] {
  opacity: 0.3;
}
.groups__depth[data-v-fd8f5072] {
  padding-right: 0.3em;
  letter-spacing: 0.1em;
  opacity: 0.3;
  font-weight: 300;
}
.groups__header[data-v-fd8f5072] {
  display: flex;
}
.groups__header__link[data-v-fd8f5072] {
  margin-left: 5px;
}
.groups__bread-crumbs[data-v-fd8f5072] {
  color: #0075b2;
}
.groups[data-v-fd8f5072] .at-collapse__item--active {
  background-color: #fff;
}
.groups[data-v-fd8f5072] .at-collapse__item--active .groups__title {
  color: #6C6CFF;
}
.groups[data-v-fd8f5072] .at-collapse__header {
  display: flex;
  align-items: center;
  padding: 15px;
}
.groups[data-v-fd8f5072] .at-collapse__content {
  padding: 10px;
}
.groups[data-v-fd8f5072] .at-collapse__icon.icon-chevron-right {
  position: static;
  display: block;
  color: black;
  margin-right: 10px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.no-data[data-v-e17ffff2] {
  text-align: center;
  font-weight: bold;
  position: relative;
}
.project-groups__search-container[data-v-e17ffff2] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.project-groups__selected-group[data-v-e17ffff2] {
  background: #ddd;
  border-radius: 90px/100px;
  padding: 5px 20px;
  margin-left: 15px;
  align-items: center;
}
.project-groups__selected-group__clear[data-v-e17ffff2] {
  margin-left: 10px;
}
.project-groups__selected-group__clear[data-v-e17ffff2]:hover {
  background: rgba(97, 144, 232, 0.6);
}
.project-groups[data-v-e17ffff2] .at-container {
  overflow: hidden;
  margin-bottom: 1rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.task-view-description[data-v-c34d5fea] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 290px;
}
.tag-priority[data-v-c34d5fea] {
  margin: 5px 0;
}
.crud__content[data-v-c34d5fea] {
  padding: 0 !important;
}
.scrollbar-top[data-v-c34d5fea] {
  overflow: scroll;
  width: 100%;
  height: 16px;
  position: fixed;
  bottom: 4px;
  left: 0;
  z-index: 1;
}
.handle[data-v-c34d5fea] {
  touch-action: none;
}
.task.handle > *[data-v-c34d5fea] {
  pointer-events: none;
}
.at-container[data-v-c34d5fea] {
  position: relative;
}
.control-item[data-v-c34d5fea]:not(:last-child) {
  margin-right: 16px;
}
.status[data-v-c34d5fea] {
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  min-width: 300px;
  align-items: flex-start;
}
.status h3[data-v-c34d5fea] {
  font-size: 20px;
  padding: 10px;
  flex: 1;
  color: inherit;
  text-align: center;
}
.task[data-v-c34d5fea] {
  background: #ffffff;
  padding: 16px;
  cursor: default;
  overflow: hidden;
}
.task-description[data-v-c34d5fea] {
  height: 24px;
  overflow: hidden;
}
.task .move-task[data-v-c34d5fea] {
  display: flex;
  align-self: flex-start;
  color: #101C2E;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px;
}
.task-users[data-v-c34d5fea] {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
}
.hide-on-mobile[data-v-c34d5fea] {
  display: none;
}
.task-view[data-v-c34d5fea] {
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  z-index: 1;
  flex-flow: column nowrap;
  justify-content: space-between;
  background: #ffffff;
  border: 1px solid #c5d9e8;
  border-radius: 4px;
  height: 100vh;
  overflow: hidden;
  padding: 16px;
  max-width: 500px;
}
.task-view-header[data-v-c34d5fea] {
  position: relative;
  padding: 32px;
}
.task-view-title[data-v-c34d5fea] {
  margin-bottom: 16px;
}
.task-view-close[data-v-c34d5fea] {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  widows: 32px;
  height: 32px;
  cursor: pointer;
}
.task-view .row[data-v-c34d5fea] {
  margin: 0 32px;
  padding-bottom: 16px;
}
.task-view .row[data-v-c34d5fea]:not(:last-child) {
  border-bottom: 1px solid #eeeef5;
  margin-bottom: 16px;
}
.task-view .label[data-v-c34d5fea] {
  font-weight: bold;
}
.project-tasks_kanban[data-v-c34d5fea] {
  padding: 16px;
  overflow-y: hidden;
}
.project-tasks_kanban[data-v-c34d5fea] {
  /* Dragula CSS  */
}
.project-tasks_kanban[data-v-c34d5fea] .drag-container {
  overflow: hidden;
}
.project-tasks_kanban[data-v-c34d5fea] ul.drag-list,
.project-tasks_kanban[data-v-c34d5fea] ul.drag-inner-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-list {
  display: flex;
  align-items: stretch;
  min-height: calc(100vh - 250px);
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column {
  flex: 1;
  flex-shrink: 0;
  flex-basis: 400px;
  max-width: 400px;
  position: relative;
  border: 1px solid #c5d9e8;
  border-radius: 6px;
  background-color: rgb(246, 248, 250);
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column h2 {
  font-size: 0.8rem;
  margin: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column:not(:last-child) {
  margin-right: 16px;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-inner-list {
  min-height: 50px;
  height: 100%;
  color: white;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-item {
  margin: 16px;
  border: 1px solid #c5d9e8;
  border-radius: 6px;
  transition: border 0.2s;
  overflow: hidden;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-item:hover {
  border-color: #79a1eb;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-header-more {
  cursor: pointer;
}
.project-tasks_kanban[data-v-c34d5fea] .gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  list-style-type: none;
}
.project-tasks_kanban[data-v-c34d5fea] .gu-mirror.withoutoffset {
  transform: translate(-50%, -50%);
}
.project-tasks_kanban[data-v-c34d5fea] .gu-hide {
  display: none !important;
}
.project-tasks_kanban[data-v-c34d5fea] .gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.project-tasks_kanban[data-v-c34d5fea] .gu-transit {
  opacity: 0.2;
}
.total-time-row[data-v-c34d5fea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 21px;
  color: #101C2E;
  font-size: 1rem;
  font-weight: bold;
  flex-wrap: nowrap;
}
.slide-enter-active[data-v-c34d5fea],
.slide-leave-active[data-v-c34d5fea] {
  transition: transform 250ms ease;
}
.slide-enter[data-v-c34d5fea],
.slide-leave-to[data-v-c34d5fea] {
  transform: translate(100%, 0);
}
.at-tag[data-v-c34d5fea] {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}
.project-tasks_kanban[data-v-c34d5fea] {
  overflow-x: auto;
}
@media (max-width: 900px) {
.crud[data-v-c34d5fea] {
    overflow: auto;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-item {
    margin: 6px;
}
.scrollbar-top[data-v-c34d5fea] {
    display: none;
}
.project-tasks_kanban[data-v-c34d5fea] {
    scroll-snap-type: x mandatory;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-container {
    overflow: auto;
}
.task[data-v-c34d5fea] {
    padding: 8px;
}
.task-view[data-v-c34d5fea] {
    padding-top: 60px;
    left: 0;
}
.task-name[data-v-c34d5fea] {
    font-size: 16px;
}
.task-description[data-v-c34d5fea] {
    font-size: 1rem;
}
.task-users[data-v-c34d5fea] {
    font-size: 12px;
}
.total-time-row[data-v-c34d5fea] {
    font-size: 10px;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column {
    scroll-snap-align: center;
    flex-shrink: 0;
}
}
@media (max-width: 768px) {
.crud[data-v-c34d5fea] {
    overflow: auto;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-item {
    margin: 4px;
}
.scrollbar-top[data-v-c34d5fea] {
    display: none;
}
.project-tasks_kanban[data-v-c34d5fea] {
    scroll-snap-type: x mandatory;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-container {
    overflow: auto;
}
.task[data-v-c34d5fea] {
    padding: 8px;
}
.task-view[data-v-c34d5fea] {
    padding-top: 60px;
    width: auto;
    left: 0;
}
.task-name[data-v-c34d5fea] {
    font-size: 16px;
}
.task-description[data-v-c34d5fea] {
    font-size: 1rem;
}
.task-users[data-v-c34d5fea] {
    font-size: 12px;
}
.total-time-row[data-v-c34d5fea] {
    font-size: 10px;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column {
    scroll-snap-align: center;
    flex-shrink: 0;
}
}
@media only screen and (max-width: 480px) {
.crud[data-v-c34d5fea] {
    overflow: auto;
}
.status[data-v-c34d5fea] {
    min-width: 100%;
}
.scrollbar-top[data-v-c34d5fea] {
    display: none;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-item {
    margin: 2px;
}
.project-tasks_kanban[data-v-c34d5fea] {
    scroll-snap-type: x mandatory;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-container {
    overflow: auto;
}
.task-view[data-v-c34d5fea] {
    padding-top: 60px;
    left: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    border-radius: 0;
}
.task[data-v-c34d5fea] {
    padding: 8px;
}
.task-name[data-v-c34d5fea] {
    font-size: 16px;
}
.task-description[data-v-c34d5fea] {
    font-size: 1rem;
}
.task-users[data-v-c34d5fea] {
    font-size: 12px;
}
.total-time-row[data-v-c34d5fea] {
    font-size: 7px;
}
.project-tasks_kanban[data-v-c34d5fea] .drag-column {
    flex: 0 0 90%;
    margin-right: 10px;
    scroll-snap-align: center;
    max-width: 100%;
    flex-shrink: 0;
}
}
.button-kanban[data-v-c34d5fea] {
  aspect-ratio: 1;
  color: inherit;
}
.button-kanban[data-v-c34d5fea]:hover {
  color: #999 !important;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.user-item[data-v-6123a43c] {
  min-height: 57px;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #C5D9E8;
}
.user-item[data-v-6123a43c]:hover {
  background: #f6fafe;
  cursor: pointer;
}
.user-item--selected[data-v-6123a43c] {
  background: #dfedfb;
}
.user-item--selected[data-v-6123a43c]:hover {
  background: #e4f0fc;
  cursor: pointer;
}
.user-item__avatar[data-v-6123a43c] {
  margin-right: 1rem;
}
.user-item__role-select[data-v-6123a43c] {
  max-width: 180px;
  margin-left: auto;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.search-input[data-v-4bb58797] {
  margin-bottom: 1rem;
}
.user-list[data-v-4bb58797] {
  border: 1px solid #C5D9E8;
  height: 400px;
  overflow-y: auto;
  border-radius: 5px;
  list-style: none;
  position: relative;
}
.user-list__preloader[data-v-4bb58797] {
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.project-members-form .row[data-v-dbb4f9da] {
  margin-bottom: 1rem;
}
.project-members-form__action-btn[data-v-dbb4f9da] {
  margin-bottom: 1rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.project-members-form .row[data-v-7a37c46d] {
  margin-bottom: 1rem;
}
.project-members-form__action-btn[data-v-7a37c46d] {
  margin-bottom: 1rem;
}
.page-controls[data-v-7a37c46d] {
  margin-bottom: 1.5em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-collapse[data-v-fd0caf98] {
  color: #59566E;
}
.at-collapse__content .at-collapse__header[data-v-fd0caf98] {
  cursor: default;
}
.link[data-v-fd0caf98] {
  color: #59566E;
}
.link[data-v-fd0caf98]:hover {
  color: #151941;
}
.text-ellipsis[data-v-fd0caf98] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 991px) {
.d-xs-none[data-v-fd0caf98] {
    display: none;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-entry[data-v-3622e0eb] {
  padding: 16px 0;
}
.text-no-report[data-v-3622e0eb] {
  font-size: 80%;
  color: grey;
}
.universal-no-report[data-v-3622e0eb] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.universal-report .at-container[data-v-3622e0eb] {
  display: flex;
}
.universal-report__side-bars[data-v-3622e0eb] {
  border-right: 1px solid #e2ecf4;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}
.universal-report__side-bars .sidebar[data-v-3622e0eb] {
  padding-bottom: 16px;
  flex-shrink: 0;
}
.universal-report__side-bars .sidebar__header[data-v-3622e0eb] {
  text-align: center;
}
.universal-report .button[data-v-3622e0eb] {
  margin: 0 auto;
  display: block;
}
.universal-report .button__link[data-v-3622e0eb] {
  color: #e2ecf4;
  margin: 10px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.calendar[data-v-2aad669c] {
  position: relative;
}
.calendar-icon[data-v-2aad669c] {
  position: absolute;
  top: 0;
  right: 2em;
  color: #2e2ef9;
  line-height: 40px;
  pointer-events: none;
}
.input[data-v-2aad669c] {
  background: #ffffff;
  width: 330px;
  height: 40px;
  border: 1px solid #eeeef5;
  border-radius: 5px;
  cursor: pointer;
}
.input[data-v-2aad669c] .at-input-group__prepend,
.input[data-v-2aad669c] .at-input-group__append,
.input[data-v-2aad669c] .at-input__original {
  border: 0;
  background: transparent;
}
.input[data-v-2aad669c] .at-input-group__prepend,
.input[data-v-2aad669c] .at-input-group__append {
  padding: 0;
  font-weight: bold;
}
.input[data-v-2aad669c] .at-input__original {
  cursor: pointer;
}
.input .fa-calendar[data-v-2aad669c] {
  color: #2e2ef9;
}
.input .previous[data-v-2aad669c],
.input .next[data-v-2aad669c] {
  color: #2e2ef9;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.datepicker-wrapper[data-v-2aad669c] {
  position: absolute;
  width: 320px;
  max-height: unset;
}
.datepicker-wrapper--range[data-v-2aad669c] {
  width: 640px;
}
@media (max-width: 750px) {
.datepicker-wrapper--range[data-v-2aad669c] {
    width: 320px;
}
}
.datepicker__footer[data-v-2aad669c] {
  text-align: left;
}
.calendar[data-v-2aad669c] .at-tabs__header {
  margin-bottom: 0;
}
.calendar[data-v-2aad669c] .at-tabs-nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.calendar[data-v-2aad669c] .at-tabs-nav__item {
  color: #c4c4cf;
  font-size: 15px;
  font-weight: 600;
  margin-right: 0;
  padding: 0;
  flex: 1;
  text-align: center;
}
.calendar[data-v-2aad669c] .at-tabs-nav__item--active {
  color: #2e2ef9;
}
.calendar[data-v-2aad669c] .at-tabs-nav__item::after {
  background-color: #2e2ef9;
}
.calendar[data-v-2aad669c] .mx-datepicker {
  max-height: unset;
}
.calendar[data-v-2aad669c] .mx-datepicker-main,
.calendar[data-v-2aad669c] .mx-datepicker-inline {
  border: none;
}
.calendar[data-v-2aad669c] .mx-datepicker-header {
  padding: 0;
  border-bottom: none;
}
.calendar[data-v-2aad669c] .mx-calendar {
  width: unset;
}
.calendar[data-v-2aad669c] .mx-calendar-content {
  width: unset;
}
.calendar[data-v-2aad669c] .mx-calendar-header > .mx-btn-text {
  padding: 0;
  width: 34px;
  text-align: center;
}
.calendar[data-v-2aad669c] .mx-calendar-header-label .mx-btn {
  color: #1a051d;
}
.calendar[data-v-2aad669c] .mx-table thead {
  color: #b1b1be;
  font-weight: 600;
  text-transform: uppercase;
}
.calendar[data-v-2aad669c] .mx-week-number-header,
.calendar[data-v-2aad669c] .mx-week-number {
  display: none;
}
.calendar[data-v-2aad669c] .mx-table-date td {
  font-size: 13px;
}
.calendar[data-v-2aad669c] .mx-table-date .cell:last-child {
  color: #ff5569;
}
.calendar[data-v-2aad669c] .mx-table .cell.not-current-month {
  color: #e7ecf2;
}
.calendar[data-v-2aad669c] .mx-table .cell.active {
  background: transparent;
}
.calendar[data-v-2aad669c] .mx-table .cell.active > div {
  display: inline-block;
  background: #2e2ef9;
  color: #ffffff;
  border-radius: 7px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.calendar[data-v-2aad669c] .mx-table .cell.in-range {
  background: transparent;
}
.calendar[data-v-2aad669c] .mx-table .cell.in-range > div {
  display: inline-block;
  background: #eeeef5;
  color: inherit;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 100%;
  height: 22px;
  line-height: 22px;
}
.calendar[data-v-2aad669c] .mx-table .cell.in-range:last-child > div {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.calendar[data-v-2aad669c] .mx-table .cell.in-range + .cell.in-range > div {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.calendar[data-v-2aad669c] .mx-table .mx-active-week {
  background: transparent;
}
.calendar[data-v-2aad669c] .mx-table .mx-active-week .cell > div {
  border-radius: 0;
}
.calendar[data-v-2aad669c] .mx-table .mx-active-week .cell:nth-child(3) > div {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.calendar[data-v-2aad669c] .mx-table .mx-active-week .cell:nth-child(7) > div {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.calendar[data-v-2aad669c] .mx-table .mx-active-week .cell + .cell:not(:last-child) > div {
  display: inline-block;
  background: #eeeef5;
  color: #151941;
  width: 100%;
  height: 22px;
  line-height: 22px;
}
.calendar[data-v-2aad669c] .mx-table .mx-active-week .mx-week-number + .cell > div,
.calendar[data-v-2aad669c] .mx-table .mx-active-week .cell:last-child > div {
  display: inline-block;
  background: #2e2ef9;
  color: #ffffff;
  border-radius: 7px;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.calendar[data-v-2aad669c] .mx-table-month {
  color: #000000;
}
.calendar[data-v-2aad669c] .mx-table-month .cell {
  height: 50px;
}
.calendar[data-v-2aad669c] .mx-table-month .cell.active > div {
  border-radius: 5px;
  width: 54px;
  height: 30px;
}
.calendar[data-v-2aad669c] .mx-table-year {
  color: #000000;
}
.calendar[data-v-2aad669c] .mx-table-year .cell.active > div {
  width: 54px;
}
.calendar[data-v-2aad669c] .mx-btn:hover {
  color: #2e2ef9;
}
.calendar[data-v-2aad669c] .mx-table .cell.today {
  color: #2a90e9;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.total-time[data-v-061dc7a0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 1rem;
}
.project__header[data-v-061dc7a0] {
  padding: 0 20px;
  margin-bottom: 5px;
}
.project__title[data-v-061dc7a0] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: baseline;
  color: #151941;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.project__name[data-v-061dc7a0] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.project__duration[data-v-061dc7a0] {
  float: right;
  margin-left: 0.5em;
  font-size: 15px;
}
.project__expand[data-v-061dc7a0], .project__shrink[data-v-061dc7a0] {
  display: block;
  color: #b1b1be;
  padding: 0;
  margin: 5px 0 0 20px;
}
.project__expand[data-v-061dc7a0] .at-btn__text, .project__shrink[data-v-061dc7a0] .at-btn__text {
  font-size: 14px;
}
.project[data-v-061dc7a0]:not(:last-child) {
  margin-bottom: 35px;
}
.task-list[data-v-061dc7a0] {
  list-style: none;
}
.task[data-v-061dc7a0] {
  color: #b1b1be;
  padding: 5px 20px;
}
.task[data-v-061dc7a0] .at-progress-bar {
  padding-right: 0;
}
.task[data-v-061dc7a0] .at-progress-bar__wraper {
  background: #e0dfed;
}
.task[data-v-061dc7a0] .at-progress--success .at-progress-bar__inner {
  background: #2dc38d;
}
.task[data-v-061dc7a0] .at-progress__text {
  display: none;
}
.task__title[data-v-061dc7a0] {
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  text-overflow: ellipsis;
}
.task__title-link[data-v-061dc7a0] {
  color: inherit;
}
.task__active[data-v-061dc7a0] {
  background: #f4f4ff;
  color: #151941;
  border-left: 3px solid #2e2ef9;
}
.task__active[data-v-061dc7a0] .at-progress-bar__wraper {
  background: #b1b1be;
}
.task__progress[data-v-061dc7a0] {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.task__progressbar[data-v-061dc7a0] {
  flex: 1;
}
.task__duration[data-v-061dc7a0] {
  margin-left: 1em;
  color: #59566e;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
img[data-v-714c3918] {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #E7ECF2;
}
.fade-enter-active[data-v-714c3918],
.fade-leave-active[data-v-714c3918] {
  transition: opacity 0.4s;
}
.fade-enter[data-v-714c3918],
.fade-leave-to[data-v-714c3918] {
  opacity: 0;
}
.error-image rect[data-v-714c3918] {
  fill: #E0DFED;
}
.error-image path[data-v-714c3918] {
  fill: #FF5569;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.modal[data-v-76e02979] .pu-skeleton {
  height: 70vh;
}
.modal[data-v-76e02979] .at-modal__mask {
  background: rgba(21, 25, 65, 0.7);
}
.modal[data-v-76e02979] .at-modal__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: scroll;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.modal[data-v-76e02979] .at-modal {
  border-radius: 15px;
  top: unset;
  height: -moz-fit-content;
  height: fit-content;
}
.modal[data-v-76e02979] .at-modal__header {
  border: 0;
}
.modal[data-v-76e02979] .at-modal__body {
  padding: 0;
  position: relative;
}
.modal[data-v-76e02979] .at-modal__body .icon-camera-off {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 200px;
}
.modal[data-v-76e02979] .at-modal__footer {
  position: relative;
  border: 0;
  text-align: left;
}
.modal[data-v-76e02979] .at-modal__close {
  color: #b1b1be;
}
.modal[data-v-76e02979] .at-progress-bar {
  display: block;
}
.modal[data-v-76e02979] .at-progress-bar__wraper, .modal[data-v-76e02979] .at-progress-bar__inner {
  border-radius: 0;
}
.modal[data-v-76e02979] .at-progress__text {
  display: none;
}
.modal-left[data-v-76e02979] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.modal-right[data-v-76e02979] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.modal-title[data-v-76e02979] {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
}
.modal-screenshot[data-v-76e02979] {
  display: block;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 70vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin: 0 auto;
}
.modal-remove[data-v-76e02979] {
  position: absolute;
  bottom: 12px;
  right: 16px;
  color: #ff5569;
}
.modal-field[data-v-76e02979] {
  color: #666;
  font-size: 15px;
  font-weight: 600;
}
.modal-field[data-v-76e02979]:not(:last-child) {
  margin-bottom: 11px;
}
.modal-label[data-v-76e02979] {
  margin-right: 0.5em;
}
.modal-value[data-v-76e02979], .modal-value a[data-v-76e02979] {
  color: #2e2ef9;
}
.modal-duration[data-v-76e02979] {
  padding-right: 3em;
}
@media (max-width: 500px) {
.modal[data-v-76e02979] .at-modal__wrapper {
    align-items: start;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.screenshot__image[data-v-3d97c344] {
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.screenshot__image[data-v-3d97c344] .pu-skeleton {
  height: 100px;
}
.screenshot__image[data-v-3d97c344] img {
  height: 150px;
}
.screenshot .icon[data-v-3d97c344] {
  font-size: 70px;
  display: flex;
  justify-content: center;
}
.screenshot__text[data-v-3d97c344] {
  align-items: baseline;
  color: #59566e;
  display: flex;
  flex-flow: row nowrap;
  font-size: 11px;
  font-weight: 600;
  justify-content: space-between;
}
.screenshot__activity[data-v-3d97c344] {
  text-align: center;
}
.screenshot__device-activity[data-v-3d97c344] {
  white-space: nowrap;
}
.screenshot__task[data-v-3d97c344] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.screenshot[data-v-3d97c344] .at-tooltip {
  width: 100%;
}
.screenshot[data-v-3d97c344] .at-tooltip__trigger {
  width: 100%;
}
.screenshot[data-v-3d97c344] .at-progress__text {
  display: none;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.popup[data-v-a341b824] {
  background: #ffffff;
  border: 0;
  border-radius: 20px;
  box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
  display: block;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 270px;
  z-index: 3;
}
.popup .corner[data-v-a341b824] {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #ffffff;
  bottom: -10px;
  content: " ";
  display: block;
  height: 0;
  left: 15px;
  position: absolute;
  width: 0;
  z-index: 1;
}
.canvas[data-v-a341b824] {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  cursor: move;
}
.canvas[data-v-a341b824] canvas {
  box-sizing: content-box;
}
.scrollbar-top[data-v-a341b824] {
  position: absolute;
  left: 0;
  top: -1rem;
  width: 100%;
  height: 10px;
  overflow-x: auto;
}
.scrollbar-top > div[data-v-a341b824] {
  height: 1px;
}
.scrollbar-top[data-v-a341b824]::-webkit-scrollbar {
  height: 7px;
}
.scrollbar-top[data-v-a341b824]::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-top[data-v-a341b824]::-webkit-scrollbar-button {
  display: none;
}
.scrollbar-top[data-v-a341b824]::-webkit-scrollbar-thumb {
  background: #2e2ef9;
  border-radius: 3px;
}
@media (max-width: 1110px) {
.scrollbar-top[data-v-a341b824] {
    top: -0.5rem;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.canvas[data-v-5c335684] svg {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
}
.canvas[data-v-5c335684] svg text[my-text-type=time] {
  font-size: 0.9rem;
  transform: translateX(13px);
}
@media (max-width: 980px) {
.canvas[data-v-5c335684] svg text[my-text-type=time] {
    font-size: 0.7rem;
    transform: translateX(7px);
}
}
@media (max-width: 430px) {
.canvas[data-v-5c335684] svg text[my-text-type=time] {
    font-size: 0.6rem;
    transform: translateX(3px);
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.screenshots__title[data-v-3a2c1a21] {
  color: #b1b1be;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 16px;
  margin-top: 37px;
}
.screenshots__item[data-v-3a2c1a21] {
  margin-bottom: 1rem;
}
.screenshot[data-v-3a2c1a21] {
  position: relative;
  margin-bottom: 1rem;
}
.screenshot__checkbox[data-v-3a2c1a21] {
  left: -5px;
  position: absolute;
  top: -5px;
  z-index: 0;
}
.screenshot[data-v-3a2c1a21] .screenshot__image img {
  height: 100px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.project__header[data-v-0336e845] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: none;
  padding: 14px 21px;
  border-bottom: 3px solid #F4F4FF;
}
.project__title[data-v-0336e845] {
  color: #101C2E;
  font-size: 2rem;
  font-weight: bold;
}
.project__screenshots[data-v-0336e845] {
  margin-bottom: 1rem;
}
.screenshots[data-v-0336e845] {
  padding-top: 0.5rem;
}
.screenshots__title[data-v-0336e845] {
  font-size: 15px;
  color: #B1B1BE;
  font-weight: bold;
}
.screenshots__date[data-v-0336e845] {
  padding-left: 20px;
}
.screenshots__item[data-v-0336e845] {
  margin-bottom: 0.75rem;
}
.screenshots__placeholder[data-v-0336e845] {
  width: 100%;
  height: 150px;
  border: 2px dashed #B1B1BE;
}
.screenshots[data-v-0336e845] .at-collapse__header {
  padding: 14px 0;
}
.screenshots[data-v-0336e845] img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 150px;
}
.screenshots[data-v-0336e845] .at-collapse__icon {
  top: 20px;
  left: 0;
  color: black;
}
.screenshots[data-v-0336e845] .at-collapse__icon.icon-chevron-right {
  display: block;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-container[data-v-4a65d2a9] {
  overflow: hidden;
}
.no-data[data-v-4a65d2a9] {
  text-align: center;
  font-weight: bold;
  position: relative;
}
.total-time-row[data-v-4a65d2a9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 21px;
  color: #101C2E;
  font-size: 2rem;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.diagram__missing[data-v-65a83a8c] {
  width: 100%;
  height: 200px;
  background: rgba(193, 193, 193, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.diagram__missing__subtitle[data-v-65a83a8c] {
  font-size: 12px;
}
.diagrams[data-v-65a83a8c] {
  padding-top: 16px;
}
.data-entry[data-v-65a83a8c] {
  margin: 16px 0;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-entry[data-v-468a289c] {
  margin: 16px 0;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.task-title[data-v-3e59b334] {
  color: black;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-entries[data-v-eb59e1b8] {
  margin-bottom: 16px;
}
.project-title[data-v-eb59e1b8] {
  color: black;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.left[data-v-55105d44] {
  flex: 2;
}
.center[data-v-55105d44] {
  white-space: pre;
}
.right[data-v-55105d44] {
  flex: 1;
}
.right[data-v-55105d44] .at-progress__text {
  display: none;
}
.flex-middle[data-v-55105d44] {
  gap: 16px;
}
.data-entry[data-v-55105d44] {
  margin: 16px 0;
}
.item-header[data-v-55105d44] {
  margin-bottom: 16px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-task[data-v-7206ddde] {
  padding-top: 16px;
}
.data-entry[data-v-7206ddde] {
  margin: 16px 0;
}
.attable[data-v-7206ddde] {
  margin-top: 16px;
}
.members[data-v-7206ddde] {
  padding-bottom: 16px;
}
h3[data-v-7206ddde] {
  margin-top: 16px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-entry[data-v-4b93b190] {
  margin: 16px 0;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.left[data-v-49ff4184] {
  flex: 2;
}
.center[data-v-49ff4184] {
  white-space: pre;
}
.right[data-v-49ff4184] {
  flex: 1;
}
.right[data-v-49ff4184] .at-progress__text {
  display: none;
}
.flex-middle[data-v-49ff4184] {
  gap: 16px;
}
.data-entry[data-v-49ff4184] {
  margin: 16px 0;
}
.item-header[data-v-49ff4184] {
  margin-bottom: 16px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-entry[data-v-357c2bec] {
  margin: 16px 0;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.task-title[data-v-2d4bb684] {
  color: black;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.item-header[data-v-305f57d8] {
  margin: 16px 0;
}
.base-info[data-v-305f57d8] {
  margin-bottom: 16px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.data-entries[data-v-e3e95c7a] {
  margin-bottom: 20px;
}
.at-collapse[data-v-e3e95c7a] {
  color: #59566E;
}
.at-collapse__content .at-collapse__header[data-v-e3e95c7a] {
  cursor: default;
}
.link[data-v-e3e95c7a] {
  color: #59566E;
}
.link[data-v-e3e95c7a]:hover {
  color: #151941;
}
.text-ellipsis[data-v-e3e95c7a] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 991px) {
.d-xs-none[data-v-e3e95c7a] {
    display: none;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.universal-report__view-inner[data-v-3b060006] {
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  max-height: 100vh;
  overflow: auto;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.settings[data-v-2054ea00] .page-title {
  font-size: 24px;
}
.settings__menu[data-v-2054ea00] {
  padding: 1rem 0;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.settings__content[data-v-2054ea00] {
  padding: 1rem 1.5rem 2rem;
}
.settings__content[data-v-2054ea00] .at-container,
.settings__content[data-v-2054ea00] .at-container__inner,
.settings__content[data-v-2054ea00] .crud {
  all: unset;
}
.settings__content[data-v-2054ea00] .at-container__table,
.settings__content[data-v-2054ea00] .at-container__inner__table,
.settings__content[data-v-2054ea00] .crud__table {
  margin-bottom: 1rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.login[data-v-37cc4d24] {
  flex-wrap: nowrap;
  height: 100vh;
  margin: 0;
  max-height: 100vh;
  position: relative;
  width: 100%;
}
.login__wrap[data-v-37cc4d24] {
  align-items: center;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.login__form[data-v-37cc4d24] {
  width: 100%;
  flex: 8;
}
.login__slogan[data-v-37cc4d24] {
  flex: 1;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  color: #B1B1BE;
}
.login__title[data-v-37cc4d24] {
  color: #101C2E;
  font-size: 1.8rem;
  text-align: center;
}
.login__btn[data-v-37cc4d24] {
  margin-bottom: 1rem;
}
.login__error[data-v-37cc4d24] {
  margin-bottom: 1rem;
  overflow: initial;
}
.login .box[data-v-37cc4d24] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 2.5rem;
  width: 100%;
}
.login .box .top[data-v-37cc4d24] {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 1rem;
}
.login .box .top .static-message[data-v-37cc4d24] {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
}
.login .box .top .static-message .logo[data-v-37cc4d24] {
  align-items: center;
  background: url("https://solution.omega.ac/wp-content/uploads/2025/05/Omega-Solution.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  height: 60px;
  justify-content: center;
  text-transform: uppercase;
  width: 180px;
}
.login .box .recaptcha[data-v-37cc4d24] {
  margin-bottom: 10px;
}
.login .link[data-v-37cc4d24] {
  color: #2E2EF9;
  font-weight: 600;
  text-align: center;
}
.login[data-v-37cc4d24] .input-group {
  margin-bottom: 0.75rem;
}
.login .hero[data-v-37cc4d24] {
  background: url(/images/login.svg?df6ce698c334b07f421136b467b7406e) #6159e6;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.login[data-v-fc4ebd3e] {
  flex-wrap: nowrap;
  height: 100vh;
  margin: 0;
  max-height: 100vh;
  position: relative;
  width: 100%;
}
.login__wrap[data-v-fc4ebd3e] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.login__form[data-v-fc4ebd3e] {
  flex: 8;
  width: 100%;
}
.login__slogan[data-v-fc4ebd3e] {
  align-content: flex-start;
  color: #B1B1BE;
  display: flex;
  flex: 1;
  justify-content: center;
  margin: 0;
  width: 100%;
}
.login__title[data-v-fc4ebd3e] {
  color: #101C2E;
  font-size: 1.8rem;
  text-align: center;
}
.login__btn[data-v-fc4ebd3e] {
  margin-bottom: 1rem;
}
.login__error[data-v-fc4ebd3e] {
  margin-bottom: 1rem;
  overflow: initial;
  text-align: center;
}
.login .box[data-v-fc4ebd3e] {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0 2.5rem;
  width: 100%;
}
.login .box .top[data-v-fc4ebd3e] {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 1rem;
}
.login .box .top .static-message[data-v-fc4ebd3e] {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
}
.login .box .top .static-message .logo[data-v-fc4ebd3e] {
  align-items: center;
  background: url("https://solution.omega.ac/wp-content/uploads/2025/05/Omega-Solution.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  height: 60px;
  justify-content: center;
  text-transform: uppercase;
  width: 60px;
}
.login .link[data-v-fc4ebd3e] {
  color: #2E2EF9;
  font-weight: 600;
  text-align: center;
}
.login[data-v-fc4ebd3e] .input-group {
  margin-bottom: 0.75rem;
}
.login .hero[data-v-fc4ebd3e] {
  background: #6159e6 url(/images/login.svg?df6ce698c334b07f421136b467b7406e) no-repeat;
  background-size: 100%;
  display: flex;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.steps[data-v-5f351ce2] {
  margin-bottom: 1.5rem;
}
.header-text[data-v-5f351ce2] {
  text-align: center;
}
.header-text__title[data-v-5f351ce2] {
  margin-bottom: 1rem;
}
.header-text__subtitle[data-v-5f351ce2] {
  margin-bottom: 1rem;
}
.icon[data-v-5f351ce2] {
  margin-bottom: 1rem;
  font-size: 92px;
}
.icon-mail[data-v-5f351ce2] {
  color: #6C6CFF;
}
.icon-check[data-v-5f351ce2] {
  color: #2DC48D;
}
.error-message[data-v-5f351ce2] {
  margin-bottom: 1rem;
}
.btn[data-v-5f351ce2] {
  width: 100%;
}
.at-input[data-v-5f351ce2] {
  margin-bottom: 0.75rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.header-text[data-v-1a6ea0ae] {
  text-align: center;
}
.header-text__title[data-v-1a6ea0ae] {
  margin-bottom: 1rem;
}
.header-text__subtitle[data-v-1a6ea0ae] {
  margin-bottom: 1rem;
}
.btn[data-v-1a6ea0ae] {
  width: 100%;
}
.input-group[data-v-1a6ea0ae] {
  margin-bottom: 1rem;
}
.icon[data-v-1a6ea0ae] {
  margin-bottom: 1rem;
  font-size: 92px;
}
.icon-check[data-v-1a6ea0ae] {
  color: #2DC48D;
}
.alert[data-v-1a6ea0ae] {
  margin-bottom: 1rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.error-page-system {
  margin-left: 15%;
  margin-right: 15%;
}
.error-page-system .code {
  text-align: center;
  color: #FF5569;
  font-size: 10rem;
  line-height: 1;
}
.error-page-system .title {
  font-size: 3.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.error-page-system .description {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.api-error {
  text-align: center;
}
.api-error__code {
  color: #FF5569;
  font-size: 8rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.api-error__title {
  font-size: 3rem;
  margin-bottom: 1rem;
  line-height: 1;
}
.api-error__description {
  font-size: 1.5rem;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.page-forbidden {
  text-align: center;
}
.page-forbidden__code {
  color: #FF5569;
  font-size: 8rem;
  line-height: 1;
  margin-bottom: 1rem;
}
.page-forbidden__title {
  font-size: 3rem;
  margin-bottom: 1rem;
  line-height: 1;
}
.page-forbidden__description {
  font-size: 1.5rem;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.about[data-v-384af91e] {
  text-align: center;
}
.about p[data-v-384af91e] {
  margin-bottom: 1rem;
}
.about__alert-wrapper[data-v-384af91e] {
  margin-bottom: 1rem;
}
.about__alert[data-v-384af91e] {
  margin-bottom: 1rem;
}
.about__logo[data-v-384af91e] {
  background-image: url("https://solution.omega.ac/wp-content/uploads/2025/05/Omega-Solution.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 120px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}
.about__version[data-v-384af91e] {
  color: #B1B1BE;
  font-weight: bold;
}
.about__link[data-v-384af91e] {
  color: #B1B1BE;
}
.about__table[data-v-384af91e] {
  display: flex;
  justify-content: center;
}
.about__table > .at-table[data-v-384af91e] {
  width: 50%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.desktop-key[data-v-5603db79] {
  text-align: center;
}
.desktop-key .at-steps[data-v-5603db79] {
  text-align: left;
}
.desktop-key .row[data-v-5603db79] {
  margin-top: 20px;
}
.desktop-key .row > .col-10[data-v-5603db79] {
  margin-bottom: 10px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.storage .at-progress[data-v-cae32116] {
  position: relative;
  top: 3px;
}
.storage > div[data-v-cae32116] {
  text-align: left;
}
.storage .at-btn[data-v-cae32116] {
  margin-top: 15px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.dropdown[data-v-d02fc97a] {
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropdown[data-v-d02fc97a] .at-btn__text {
  color: #2e2ef9;
  font-size: 25px;
}
.at-dropdown-menu[data-v-d02fc97a] {
  right: 5px;
  border-radius: 10px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.input-group[data-v-00b17efe] {
  margin-bottom: 1rem;
}
.input[data-v-00b17efe] {
  margin-bottom: 0.25rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.input-group[data-v-7eaad7a6] {
  margin-bottom: 1rem;
}
.input[data-v-7eaad7a6] {
  margin-bottom: 0.25rem;
}
.input__select-wrap[data-v-7eaad7a6] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.input__select-wrap span[data-v-7eaad7a6] {
  padding-left: 10px;
}
.input__select-wrap .flex[data-v-7eaad7a6] {
  max-width: 40%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.time-interval-edit-panel[data-v-546e68d7] {
  border-top: 1px solid #E0DFED;
  padding: 15px 0;
  position: fixed;
  z-index: 999;
  background-color: #fff;
  bottom: 0;
  right: 0;
  left: 0;
}
.time-interval-edit-panel__buttons[data-v-546e68d7] {
  gap: 1rem;
}
@media (max-width: 790px) {
.time-interval-edit-panel__time[data-v-546e68d7] {
    flex-basis: 100%;
    max-width: 100%;
}
.time-interval-edit-panel__buttons[data-v-546e68d7] {
    flex-basis: 100%;
    max-width: 100%;
    flex-wrap: wrap;
}
}
@media (max-width: 720px) {
.divider[data-v-546e68d7] {
    display: none;
}
.modals[data-v-546e68d7] .at-modal {
    max-width: 100%;
}
}
.divider[data-v-546e68d7] {
  background-color: #E0DFED;
  width: 1px;
  flex-shrink: 0;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-container[data-v-294cc76a] .modal-screenshot a {
  max-height: inherit;
}
.at-container[data-v-294cc76a] .modal-screenshot a img {
  max-height: inherit;
  -o-object-fit: fill;
     object-fit: fill;
}
.at-container[data-v-294cc76a] {
  padding: 1em;
}
.timeline[data-v-294cc76a] {
  display: grid;
  grid-template-columns: 300px 1fr 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.timeline__loader[data-v-294cc76a] {
  z-index: 0;
  border-radius: 20px;
}
.timeline-type[data-v-294cc76a] {
  margin-left: 10px;
  border-radius: 5px;
}
.timeline-type .at-btn[data-v-294cc76a]:first-child {
  border-radius: 5px 0 0 5px;
}
.timeline-type .at-btn[data-v-294cc76a]:last-child {
  border-radius: 0 5px 5px 0;
}
.timeline-type-btn[data-v-294cc76a] {
  border: 1px solid #eeeef5;
  color: #b1b1be;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
}
.timeline-type-btn.active[data-v-294cc76a] {
  color: #ffffff;
  background: #2e2ef9;
}
.sidebar[data-v-294cc76a] {
  padding: 30px 0;
  grid-column: 1/2;
  grid-row: 1/3;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin-bottom: 0.5rem;
}
.controls-row[data-v-294cc76a] {
  z-index: 1;
  position: relative;
  grid-column: 2/4;
  padding-right: 1px;
}
.intervals[data-v-294cc76a] {
  grid-column: 2/4;
}
@media (max-width: 1300px) {
.timeline[data-v-294cc76a] {
    grid-template-columns: 250px 1fr 1fr;
}
}
@media (max-width: 1110px) {
.canvas[data-v-294cc76a] {
    padding-top: 0.3rem;
}
.at-container[data-v-294cc76a] {
    padding: 0.5rem;
}
.sidebar[data-v-294cc76a] {
    padding: 15px 0;
}
.controls-row[data-v-294cc76a] {
    flex-direction: column;
    align-items: start;
}
.controls-row__item[data-v-294cc76a] {
    margin: 0;
    margin-bottom: 0.5rem;
}
.controls-row .calendar[data-v-294cc76a] .input {
    width: unset;
}
.controls-row > div[data-v-294cc76a]:first-child {
    display: grid;
    grid-template-columns: repeat(auto-fit, 250px);
    width: 100%;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.controls-row > div[data-v-294cc76a]:last-child {
    align-self: flex-end;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
}
@media (max-width: 790px) {
.intervals[data-v-294cc76a] {
    grid-column: 1/4;
}
.controls-row > div[data-v-294cc76a]:last-child {
    align-self: start;
}
}
@media (max-width: 560px) {
.controls-row[data-v-294cc76a] {
    grid-column: 1/4;
    grid-row: 1;
}
.controls-row > div[data-v-294cc76a]:last-child {
    align-self: end;
}
.sidebar[data-v-294cc76a] {
    grid-row: 2;
}
}
.graph[data-v-294cc76a] {
  width: 100%;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-select-wrapper[data-v-017e6227] {
  position: relative;
}
.at-select[data-v-017e6227] {
  min-width: 240px;
}
.at-select__placeholder[data-v-017e6227] {
  left: 0;
  position: absolute;
  z-index: 1;
  font-size: 0.9rem;
}
.at-select--small ~ .at-select__placeholder[data-v-017e6227] {
  font-size: 11px;
  padding: 5px 24px 0 8px;
}
.at-select__clear[data-v-017e6227] {
  margin-right: 1rem;
  display: block;
  cursor: pointer;
}
[data-v-017e6227] .at-select__placeholder {
  color: #3f536d;
  padding: 10px 12px;
}
[data-v-017e6227] .at-select__input {
  height: 100%;
  z-index: 2;
}
[data-v-017e6227] .at-select__selection {
  border-radius: 5px;
  color: black;
}
[data-v-017e6227] .at-select--visible + .at-select__placeholder {
  display: none;
}
[data-v-017e6227] .at-select__clear {
  z-index: 3;
}
[data-v-017e6227] .at-select__arrow {
  z-index: 3;
}
[data-v-017e6227] .at-tag {
  display: none;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.crud__header[data-v-1d888b40] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.crud__total[data-v-1d888b40] {
  color: #59566E;
}
.crud__control-items[data-v-1d888b40] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.crud__control-items__item[data-v-1d888b40] {
  position: relative;
}
.crud__popup-filters[data-v-1d888b40] {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  background: #fff;
  border: 1px solid #E7ECF2;
  border-radius: 5px;
  box-shadow: 0px 0px 100px rgba(63, 51, 86, 0.05);
  display: block;
  min-width: 200px;
  padding: 0.5rem;
  z-index: 100;
}
.crud__popup-filter-title[data-v-1d888b40] {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.crud__popup-filter[data-v-1d888b40]:not(:last-child) {
  margin-bottom: 0.5rem;
}
.crud__popup-filter[data-v-1d888b40] .at-select__placeholder {
  color: #3f536e;
}
.crud__pagination[data-v-1d888b40] {
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
}
.crud__filters[data-v-1d888b40] {
  margin-bottom: 0.5rem;
}
@media (max-width: 991px) {
.crud__filters[data-v-1d888b40] {
    gap: 1rem;
    flex-direction: row-reverse;
}
}
.crud__filter[data-v-1d888b40] .at-input-group__prepend {
  border: 1px solid #E7ECF2;
  border-right: 0;
}
.crud__filter[data-v-1d888b40] .at-input__original {
  border: 1px solid #E7ECF2;
}
.crud__column-filters[data-v-1d888b40] {
  display: flex;
  flex-flow: row nowrap;
  z-index: 1;
}
.crud__column-filter[data-v-1d888b40] {
  padding: 0.5rem;
}
.crud__column-filter[data-v-1d888b40] .at-input-group__prepend {
  border: 1px solid #E7ECF2;
  border-right: 0;
}
.crud__column-filter[data-v-1d888b40] .at-input__original,
.crud__column-filter[data-v-1d888b40] .at-select__selection {
  border: 1px solid #E7ECF2;
}
.crud__table[data-v-1d888b40] {
  position: relative;
}
.crud__table[data-v-1d888b40] .at-table table {
  border-radius: 20px;
  display: grid;
  overflow: unset;
}
.crud__table[data-v-1d888b40] .at-table tr {
  display: grid;
  grid-template-columns: var(--grid-columns-gt-1620);
}
@media (max-width: 1620px) {
.crud__table[data-v-1d888b40] .at-table tr {
    grid-template-columns: var(--grid-columns-lt-1620);
}
}
@media (max-width: 1200px) {
.crud__table[data-v-1d888b40] .at-table tr {
    grid-template-columns: var(--grid-columns-lt-1200);
}
}
@media (max-width: 500px) {
.crud__table[data-v-1d888b40] .at-table tr {
    grid-template-columns: var(--grid-columns-lt-500);
}
}
.crud__table[data-v-1d888b40] .at-table tr th {
  background: #fff;
  color: #c4c4cf;
}
.crud__table[data-v-1d888b40] .at-table__thead {
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.crud__table[data-v-1d888b40] .at-table__content {
  border: 0;
}
.crud__table[data-v-1d888b40] .at-table__tbody tr:last-child .at-table__cell {
  border-bottom: 0;
  border-radius: 0 0 20px 20px;
}
.crud__table[data-v-1d888b40] .at-table__cell {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #F4F4FF;
  position: relative;
}
.crud__table[data-v-1d888b40] .at-table__cell-bg {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.crud__table[data-v-1d888b40] .at-table .actions-column {
  position: relative;
}
.crud__table[data-v-1d888b40] .at-table .actions-column .actions__toggle {
  display: none;
}
@media (max-width: 1200px) {
.crud__table[data-v-1d888b40] .at-table .actions-column .actions__toggle {
    display: inline-block;
}
}
.crud__table[data-v-1d888b40] .at-table .actions-column .actions__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
}
@media (max-width: 1200px) {
.crud__table[data-v-1d888b40] .at-table .actions-column .actions__wrapper {
    display: none;
    position: absolute;
}
.crud__table[data-v-1d888b40] .at-table .actions-column .actions__wrapper--active {
    display: flex;
    right: 100%;
    background: #fdfdfd;
    border: 1px solid #101C2E;
    border-radius: 20px;
    padding: 1em;
    z-index: 1;
    margin-right: 1em;
    top: -1em;
}
}
@media (min-width: 1201px) and (max-width: 1620px) {
.crud__table[data-v-1d888b40] .at-table .action-button .at-btn__text {
    display: none;
}
}
.crud_style_compact[data-v-1d888b40] .at-table__cell {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.crud_sortable[data-v-1d888b40] .at-table__cell.at-table__column {
  cursor: pointer !important;
}
.crud[data-v-1d888b40] .primary-border .at-btn--primary {
  border-color: white;
}
.crud[data-v-1d888b40] .error-border .at-btn--error {
  border-color: white;
}
.preloader[data-v-1d888b40] {
  border-radius: 20px;
}
.at-container[data-v-1d888b40] {
  margin-bottom: 1rem;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.icon-bar-chart-2 {
  display: inline-block;
  transform: rotate(180deg);
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.calendar[data-v-7528dd3e] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.calendar__svg[data-v-7528dd3e] {
  width: 100%;
  height: 100%;
}
.calendar__popup[data-v-7528dd3e] {
  background: #ffffff;
  border-radius: 20px;
  border: 0;
  box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
  position: absolute;
  display: block;
  padding: 10px;
  width: 100%;
  max-width: 420px;
  pointer-events: none;
  z-index: 1;
}
.popup__row[data-v-7528dd3e] {
  display: flex;
  justify-content: space-between;
}
.popup__value[data-v-7528dd3e] {
  font-weight: bold;
  text-align: right;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.tasks-modal[data-v-f0d86e8c] {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 0.75em 24px;
  z-index: 10;
}
.tasks-modal__header[data-v-f0d86e8c] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.tasks-modal__title[data-v-f0d86e8c] {
  flex: 1;
  text-align: center;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
body.modal-visible {
  overflow: hidden;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.show-all[data-v-58375e8d] {
  display: none;
}
@media screen and (min-width: 768px) {
.show-all[data-v-58375e8d] {
    display: block;
}
}
.svg-container[data-v-58375e8d] {
  align-items: center;
  justify-content: center;
}
.svg-container__mobile[data-v-58375e8d] {
  display: flex;
}
@media screen and (min-width: 768px) {
.svg-container__mobile[data-v-58375e8d] {
    display: none;
}
}
.svg-container__desktop[data-v-58375e8d] {
  display: none;
}
@media screen and (min-width: 768px) {
.svg-container__desktop[data-v-58375e8d] {
    display: flex;
}
}
.svg-container[data-v-58375e8d] svg {
  width: 100%;
  height: 100%;
}
.svg-container[data-v-58375e8d] text {
  dominant-baseline: central;
}
.controls-row[data-v-58375e8d] {
  flex-flow: row wrap;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.popup[data-v-74fff18a] {
  background: #ffffff;
  border: 0;
  border-radius: 20px;
  box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);
  display: block;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 270px;
  z-index: 3;
}
.popup .corner[data-v-74fff18a] {
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #ffffff;
  bottom: -10px;
  content: " ";
  display: block;
  height: 0;
  left: 15px;
  position: absolute;
  width: 0;
  z-index: 1;
}
.canvas[data-v-74fff18a] {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  cursor: move;
}
.canvas[data-v-74fff18a] canvas {
  box-sizing: content-box;
}
.canvas .scrollbar-top[data-v-74fff18a] {
  position: absolute;
  left: 0;
  top: -1.5rem;
  width: 100%;
  height: 10px;
  overflow-x: auto;
}
.canvas .scrollbar-top > div[data-v-74fff18a] {
  height: 1px;
}
.canvas .scrollbar-top[data-v-74fff18a]::-webkit-scrollbar {
  height: 7px;
}
.canvas .scrollbar-top[data-v-74fff18a]::-webkit-scrollbar-track {
  background: transparent;
}
.canvas .scrollbar-top[data-v-74fff18a]::-webkit-scrollbar-button {
  display: none;
}
.canvas .scrollbar-top[data-v-74fff18a]::-webkit-scrollbar-thumb {
  background: #2e2ef9;
  border-radius: 3px;
}
@media (max-width: 720px) {
.canvas .scrollbar-top[data-v-74fff18a] {
    top: -1rem;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.team_sidebar__heading[data-v-66722b14] {
  font-weight: 600;
  color: #b1b1be;
  padding-right: 9px;
}
.team_sidebar__heading-active[data-v-66722b14] {
  color: #59566e;
  padding-right: 14px;
}
.team_sidebar__heading-toggle[data-v-66722b14] {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 15px;
  position: relative;
}
.team_sidebar__heading-toggle .icon[data-v-66722b14] {
  position: absolute;
  top: 50%;
  right: -3px;
  transform: translateY(-46%);
}
.team_sidebar__user_name[data-v-66722b14] {
  font-size: 10pt;
  font-weight: 500;
  color: #151941;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team_sidebar__user_row[data-v-66722b14] {
  height: 65px;
  flex-wrap: nowrap;
  align-items: center;
}
.team_sidebar__user_worked[data-v-66722b14] {
  color: #59566e;
  font-weight: 600;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.team_sidebar__user_task[data-v-66722b14] {
  font-size: 9pt;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.team_sidebar__user_info[data-v-66722b14] {
  margin-top: 0;
}
@media (max-width: 780px) {
.team_sidebar .team_sidebar__heading[data-v-66722b14] {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: repeat(2, 19.5px);
    font-size: 0.8rem;
}
.team_sidebar .team_sidebar__heading > div[data-v-66722b14] {
    max-width: 100%;
    justify-self: start;
}
.team_sidebar .team_sidebar__user_wrapper[data-v-66722b14] {
    height: 65px;
    display: grid;
    grid-template-rows: 3fr 1fr;
    grid-template-columns: 100%;
}
.team_sidebar .team_sidebar__user_task[data-v-66722b14] {
    display: none;
}
.team_sidebar .team_sidebar__user_worked[data-v-66722b14] {
    max-width: 100%;
    align-self: flex-end;
    font-size: 0.6rem;
}
.team_sidebar .team_sidebar__user_row[data-v-66722b14] {
    max-width: 80%;
    height: auto;
    align-self: end;
}
.team_sidebar .hidden[data-v-66722b14] {
    display: none;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.canvas[data-v-7d419998] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  height: 100%;
  position: relative;
  width: 100%;
}
.scrollbar-top[data-v-7d419998] {
  position: absolute;
  left: 0;
  top: -1.5rem;
  width: 100%;
  height: 10px;
  overflow-x: auto;
}
.scrollbar-top > div[data-v-7d419998] {
  height: 1px;
}
.scrollbar-top[data-v-7d419998]::-webkit-scrollbar {
  height: 7px;
}
.scrollbar-top[data-v-7d419998]::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar-top[data-v-7d419998]::-webkit-scrollbar-button {
  display: none;
}
.scrollbar-top[data-v-7d419998]::-webkit-scrollbar-thumb {
  background: #2e2ef9;
  border-radius: 3px;
}
@media (max-width: 720px) {
.canvas .scrollbar-top[data-v-7d419998] {
    top: -1rem;
}
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-container__inner[data-v-7be93532] {
  position: relative;
}
.team__loader[data-v-7be93532] {
  z-index: 0;
  border-radius: 20px;
}
.team__loader[data-v-7be93532] {
  align-items: baseline;
}
.team__loader[data-v-7be93532] .lds-ellipsis {
  position: sticky;
  top: 25px;
}
.timeline-type[data-v-7be93532] {
  margin-left: 10px;
  border-radius: 5px;
}
.timeline-type .at-btn[data-v-7be93532]:first-child {
  border-radius: 5px 0 0 5px;
}
.timeline-type .at-btn[data-v-7be93532]:last-child {
  border-radius: 0 5px 5px 0;
}
.timeline-type-btn[data-v-7be93532] {
  border: 1px solid #eeeef5;
  color: #b1b1be;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
}
.timeline-type-btn.active[data-v-7be93532] {
  color: #ffffff;
  background: #2e2ef9;
}
@media (max-width: 1320px) {
.controls-row[data-v-7be93532] {
    flex-direction: column;
    align-items: start;
    padding-right: 1px;
}
.controls-row__item[data-v-7be93532] {
    margin: 0;
    margin-bottom: 0.5rem;
}
.controls-row .calendar[data-v-7be93532] .input {
    width: unset;
}
.controls-row > div[data-v-7be93532]:first-child {
    display: grid;
    grid-template-columns: repeat(auto-fit, 250px);
    width: 100%;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
.controls-row > div[data-v-7be93532]:last-child {
    align-self: flex-end;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
}
}
@media (max-width: 720px) {
.at-container__inner[data-v-7be93532] {
    padding: 1rem;
}
}
.export[data-v-7be93532] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
}
.export[data-v-7be93532] .at-btn__text {
  color: #2e2ef9;
  font-size: 25px;
}
.button-invite[data-v-7be93532] {
  color: #618fea;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-container[data-v-e7456312] {
  overflow: hidden;
}
.total-time-row[data-v-e7456312] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 21px;
  color: #101C2E;
  font-size: 2rem;
  font-weight: bold;
}
.no-data[data-v-e7456312] {
  text-align: center;
  font-weight: bold;
  position: relative;
}
.project-select[data-v-e7456312] {
  width: 240px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-container[data-v-77e7b272] {
  overflow: hidden;
}
.total-time-row[data-v-77e7b272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 21px;
  color: #101C2E;
  font-size: 2rem;
  font-weight: bold;
}
.no-data[data-v-77e7b272] {
  text-align: center;
  font-weight: bold;
  position: relative;
}
.project-select[data-v-77e7b272] {
  width: 240px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.at-container[data-v-51e580c7] {
  overflow: hidden;
  margin-bottom: 1rem;
}
.at-container__inner[data-v-51e580c7] {
  position: relative;
}
.screenshots__card[data-v-51e580c7] {
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.screenshots__pagination[data-v-51e580c7] {
  flex-direction: row-reverse;
  display: flex;
}
.screenshot[data-v-51e580c7] .screenshot-image img {
  height: 150px;
  border-radius: 5px;
}
.no-data[data-v-51e580c7] {
  position: relative;
  text-align: center;
  font-weight: bold;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.select[data-v-2a42f486] {
  position: relative;
  min-width: 240px;
}
.select[data-v-2a42f486] .at-input__original {
  border-radius: 5px;
  padding-right: 2.5rem;
  cursor: text;
}
.select__clear[data-v-2a42f486] {
  margin-right: 1rem;
  display: block;
}
.select-list[data-v-2a42f486] {
  overflow-y: scroll;
  max-height: 200px;
  position: relative;
  min-height: 60px;
}
.select-all[data-v-2a42f486] {
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #59566e;
  text-transform: uppercase;
  padding: 8px 20px;
  cursor: pointer;
}
.select-item[data-v-2a42f486] {
  font-size: 13px;
  font-weight: 500;
  color: #151941;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 7px 20px;
}
.select-item.active[data-v-2a42f486] {
  background: #f4f4ff;
}
.select-item[data-v-2a42f486]::before, .select-item[data-v-2a42f486]::after {
  content: " ";
  display: table;
  clear: both;
}
.search-input[data-v-2a42f486] {
  margin: 0;
}
.search-input[data-v-2a42f486] .at-input__original {
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-avatar[data-v-2a42f486] {
  float: left;
  margin-right: 10px;
}
.name[data-v-2a42f486] {
  padding-bottom: 3px;
}
.at-select__dropdown[data-v-2a42f486] {
  overflow: hidden;
  max-height: 360px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.select[data-v-7ed046c0] {
  position: relative;
  min-width: 240px;
}
.select[data-v-7ed046c0] .at-input__original {
  border-radius: 5px;
  padding-right: 2.5rem;
  cursor: text;
}
.select__clear[data-v-7ed046c0] {
  margin-right: 1rem;
  display: block;
}
.select-list[data-v-7ed046c0] {
  overflow-y: scroll;
  max-height: 200px;
  position: relative;
  min-height: 60px;
}
.select-all[data-v-7ed046c0] {
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #59566e;
  text-transform: uppercase;
  padding: 8px 20px;
  cursor: pointer;
}
.select-item[data-v-7ed046c0] {
  font-size: 13px;
  font-weight: 500;
  color: #151941;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 7px 20px;
}
.select-item.active[data-v-7ed046c0] {
  background: #f4f4ff;
}
.select-item[data-v-7ed046c0]::before, .select-item[data-v-7ed046c0]::after {
  content: " ";
  display: table;
  clear: both;
}
.search-input[data-v-7ed046c0] {
  margin: 0;
}
.search-input[data-v-7ed046c0] .at-input__original {
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-avatar[data-v-7ed046c0] {
  float: left;
  margin-right: 10px;
}
.name[data-v-7ed046c0] {
  padding-bottom: 3px;
}
.at-select__dropdown[data-v-7ed046c0] {
  overflow: hidden;
  max-height: 360px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.select[data-v-49e1298e] {
  position: relative;
  min-width: 240px;
}
.select[data-v-49e1298e] .at-input__original {
  border-radius: 5px;
  padding-right: 2.5rem;
  cursor: text;
}
.select__clear[data-v-49e1298e] {
  margin-right: 1rem;
  display: block;
}
.select-list[data-v-49e1298e] {
  overflow-y: scroll;
  max-height: 200px;
  position: relative;
  min-height: 60px;
}
.select-all[data-v-49e1298e] {
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #59566e;
  text-transform: uppercase;
  padding: 8px 20px;
  cursor: pointer;
}
.select-item[data-v-49e1298e] {
  font-size: 13px;
  font-weight: 500;
  color: #151941;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 7px 20px;
}
.select-item.active[data-v-49e1298e] {
  background: #f4f4ff;
}
.select-item[data-v-49e1298e]::before, .select-item[data-v-49e1298e]::after {
  content: " ";
  display: table;
  clear: both;
}
.search-input[data-v-49e1298e] {
  margin: 0;
}
.search-input[data-v-49e1298e] .at-input__original {
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-avatar[data-v-49e1298e] {
  float: left;
  margin-right: 10px;
}
.name[data-v-49e1298e] {
  padding-bottom: 3px;
}
.at-select__dropdown[data-v-49e1298e] {
  overflow: hidden;
  max-height: 360px;
}
p[data-v-49e1298e] {
  margin-left: 16px;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.universal-report .at-container[data-v-289c8081] {
  display: flex;
}
.universal-report__side-bars[data-v-289c8081] {
  min-width: 240px;
  padding: 16px;
  border-right: 1px solid #e2ecf4;
  display: flex;
  flex-direction: column;
}
.universal-report__side-bars .sidebar[data-v-289c8081] {
  height: 100%;
}
.universal-report__side-bars .sidebar__header[data-v-289c8081] {
  text-align: center;
}
.universal-report__form[data-v-289c8081] {
  width: 100%;
  padding: 1rem 1.5rem 2rem;
}
.universal-report__form .data-entry[data-v-289c8081] {
  margin-bottom: 1.5rem;
}
.universal-report .link[data-v-289c8081] {
  color: #e2ecf4;
}
.universal-report[data-v-289c8081] .at-menu__item--active > .at-menu__item-link {
  color: #6190e8 !important;
}
.universal-report[data-v-289c8081] .at-menu__item-link::after {
  transform: scaleX(1) !important;
}
/**
 * Mixins
 */
/* library */
/**
 * BEM Mixins
 * From https://github.com/alphasights/paint/blob/812fb33c54a50277071f547a3e191cf5fe4fcb3f/styles/tools/_bem.scss
 */
/**
 * @example scss
 *
 * .element {
 *   @include clearfix;
 * }
 *
 * // CSS Output
 * .element::after {
 *   clear: both;
 *   content: '';
 *   display: block;
 * }
 */
/**
 * Truncate text and add an ellipsis to represent overflow
 *
 * @param {number} $width [Default 100%]
 * @param {string} $display [Default inline-block] [Sets the display-value of the element]
 */
/**
 * Hides text to show a background image(a logo, for example)
 *
 * @example
 *   .element {
 *     @include hide-text;
 *   }
 *
 *   // CSS Output
 *   .element {
 *     overflow: hidden;
 *     text-indent: 101%;
 *     white-space: nowrap;
 *   }
 */
/**
 * Set width and height in a single statement
 *
 * @param {number (with unit) | string} $width
 * @param {number (with unit) | string} $height [default $width]
 */
/**
 * Mixes a color with white. It's different from lighten()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amout of white to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: tint(#6ecaa6 , 40%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #a8dfc9;
 *   }
 */
/**
 * Mixes a color with black. It's different from darken()
 *
 * @param {color} $color
 * @param {number (percentage)} $percent [The amount of black to be mixed in]
 * @return {color}
 *
 * @example
 *   .element {
 *     background-color: shade(#ffbb52, 60%);
 *   }
 *
 *   // CSS Output
 *   .element {
 *     background-color: #664a20;
 *   }
 */
/**
 * CSS cubic-bezier timing functions
 * http://bourbon.io/docs/#timing-functions
 */
/* Prefix */
/* Cattr Color Palette */
/* The Color of O2Team Brand */
/* Color */
/* Color PalettC */
/* Assistant Color */
/* Border */
/* Font */
/* Link */
/* Disabled cursor */
/* Shadow */
/* Button */
/* Tag */
/* Checkbox */
/* Input */
/* InputNumber */
/* Switch */
/* Slider */
/* Textarea */
/* Alert */
/* Badge */
/* Card */
/* Collapse */
/* Loading Bar */
/* Modal */
/* Message */
/* Radio */
/* Rate */
/* Select */
/* Select Dropdown */
/* Notification */
/* Popover */
/* Progress */
/* Timeline */
/* Tooltip */
/* Table */
/* Breadcrumb */
/* Dropdown */
/* Menu */
/* Pagination */
/* Tabs */
/* Steps */
/**
 * Media queries
 */
/* Extra small screen / Mobile */
/* Small screen / Tablet */
/* Medium screen / Desktop */
/* Large screen / Wide Desktop */
/**
 * Grid system
 */
/* Container sizes */
/* z-index list */
/* Vue Select Styles */
/* Spacing */
.universal-report .at-container[data-v-54a3674f] {
  display: flex;
}
.universal-report__side-bars[data-v-54a3674f] {
  min-width: 240px;
  padding: 16px;
  border-right: 1px solid #e2ecf4;
  display: flex;
  flex-direction: column;
}
.universal-report__side-bars .sidebar[data-v-54a3674f] {
  height: 100%;
}
.universal-report__side-bars .sidebar__header[data-v-54a3674f] {
  text-align: center;
}
.universal-report__form[data-v-54a3674f] {
  width: 100%;
  padding: 1rem 1.5rem 2rem;
}
.universal-report__form .data-entry[data-v-54a3674f] {
  margin-bottom: 1.5rem;
}
.universal-report .link[data-v-54a3674f] {
  color: #e2ecf4;
}
.universal-report[data-v-54a3674f] .at-menu__item--active > .at-menu__item-link {
  color: #6190e8 !important;
}
.universal-report[data-v-54a3674f] .at-menu__item-link::after {
  transform: scaleX(1) !important;
}
