@import url("https://fonts.googleapis.com/css?family=Hind:400,600|Montserrat:300,400,500,700");
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
body {
  background: #ffffff !important;
}

body,
p {
  font-size: 16px;
}

.app-min-width-container {
  max-width: 100%;
  overflow-x: auto;
}

.app-min-width {
  min-width: 1200px;
}

.at-grid-header {
  background-color: #f0f0f0;
  color: #a8a8a8;
  margin: 0;
  text-align: center;
  font-size: 14px;
}
.at-grid-header span,
.at-grid-header button {
  margin-left: 3px;
  margin-top: -4px;
}
.at-grid-header .btn-xs.btn-animated {
  padding-top: 5px;
}
.at-grid-header .btn-xs.btn-animated:hover:before {
  top: 3px;
}
.at-grid-header .btn-xs.btn-animated span {
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.at-blocking-header {
  border: solid 1px #e6e6e6;
  border-bottom: none;
  padding: 11px;
}

span.k-select.k-i-loading {
  display: none !important;
}

.at-column-headers {
  font-weight: 400;
  height: 42px;
  line-height: 42px;
}

.checkbox input[type=checkbox] {
  left: calc(50% + 12px);
  z-index: 1;
  height: 16px;
  opacity: 0;
  width: 16px;
}
.checkbox input[type=checkbox]:not([at-callback=processMultiSelect]) {
  display: none;
}

.at-column-header-checkbox {
  border: solid 1px #e6e6e6;
  border-bottom: none;
  width: 15px;
  padding-left: 8px;
  padding-top: 8px;
}

.at-column-header-label {
  border: solid 1px #e6e6e6;
  border-bottom: none;
  width: 411.5px;
}

.at-grid-filter-wrapper {
  background-color: #f0f0f0;
  border: solid 1px #e6e6e6;
  border-bottom: none;
}

.at-grid-filter {
  padding: 8px;
}

.at-grid-filter input {
  width: 100%;
  padding: 0px 3px;
}

.at-background-transition * {
  -webkit-transition: background-color 300ms linear, color 100ms linear;
  -moz-transition: background-color 300ms linear, color 100ms linear;
  -o-transition: background-color 300ms linear, color 100ms linear;
  transition: background-color 300ms linear, color 100ms linear;
}

.at-badge {
  font-size: 15px !important;
  line-height: 15px !important;
  padding: 0px 8px 3px 8px;
  margin: 1px 3px 0 3px;
  height: 15px;
}

.at-badge-count {
  background-color: #48b1f7;
  color: #fff;
}

.at-badge-plus {
  background-color: #10cfbd;
  color: #fff;
}

.at-badge-minus {
  background-color: #d32f2f;
  color: #fff;
}

.at-stacked-badge {
  position: relative;
  right: -18px;
  z-index: 100;
}

.at-stacked-badge .at-badge {
  height: 21px;
}

.at-stacked-badge .at-badge-plus {
  position: relative;
  top: -13px;
  right: -37px;
}

.at-stacked-badge .at-badge-minus {
  position: relative;
  top: 11px;
}

.at-stacked-badge-plus {
  right: 19px;
}

.at-stacked-badge-minus {
  right: -18px;
  top: 0px;
}

.at-add-domain-error {
  color: #d32f2f;
  font-size: 14px;
  text-align: center;
}

.at-stacked-badge .badge {
  border: 1px solid #fff;
}

.at-selection .k-state-selected {
  background-color: #626c75 !important;
  color: #fff !important;
}

.at-selection .k-state-selected i:not(.ignore-selection) {
  color: #fff !important;
}

.at-selection .k-state-selected a {
  color: #fff !important;
}

.at-selection .k-state-selected:hover td {
  background-color: #3f444d !important;
}

.at-selection tbody tr {
  cursor: pointer;
}

.at-selection td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

td.at-dirty {
  padding: 1px 9px !important;
}

td.at-dirty.at-minus {
  border: 1px #d32f2f solid !important;
  box-shadow: inset 0 0 5px #d32f2f;
}

td.at-dirty.at-plus {
  border: 1px #10cfbd solid !important;
  box-shadow: inset 0 0 5px #10cfbd;
}

td.at-dirty.at-minus.at-plus {
  border-left-color: #10cfbd !important;
  border-top-color: #10cfbd !important;
  border-right-color: #d32f2f !important;
  border-bottom-color: #d32f2f !important;
  box-shadow: inset 0 5px 5px -5px #10cfbd, inset 5px 0px 5px -5px #10cfbd, inset 0px -5px 5px -5px #d32f2f, inset -5px 0px 5px -5px #d32f2f;
}

td.at-dirty .at-unblocked {
  color: #ccc;
}

td.at-dirty .at-unblocked img,
td.at-dirty .at-unblocked i {
  opacity: 0.4;
  filter: grayscale(100%);
  zoom: 1;
}

.at-btn-in-row {
  margin-top: 2px;
  height: 16px;
  line-height: 8px;
}

.at-btn-highlight.active {
  background: #fff;
  border: 1px #48b1f7 solid;
  box-shadow: inset 0 0 3px #48b1f7;
}

table.at-compact-table td {
  padding: 4px 1px !important;
  vertical-align: middle !important;
}
table.at-compact-table td div.checkbox {
  height: 19px;
}

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

.at-m-t-3 {
  margin-top: 3px;
}

.at-m-l-1 {
  margin-left: 1px;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .lg-m-b-5 {
    margin-bottom: 5px !important;
  }
}

.at-slider-label {
  position: relative;
  top: -8px;
}

.at-i-tooltip {
  display: inline-block;
  color: #317bac;
  line-height: 100%;
  cursor: default;
}
.at-i-tooltip:hover {
  color: #48b0f7;
}
.at-i-tooltip i {
  font-size: 17px;
  position: relative;
  width: 17px;
}

.at-i-toolip-switch {
  margin-left: 5px;
  margin-top: 14px;
}

.at-100-per-width {
  width: 100%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.fs-6 {
  font-size: 6px !important;
}

.at-user-modal-filter {
  padding: 11px 8px;
  background-color: #f0f0f0;
  border: 1px solid #e6e6e6;
  border-bottom: none;
}

.busy-modal {
  text-align: center;
  justify-content: center;
}
.busy-modal .modal-title {
  font-weight: 700;
}
.busy-modal .progress {
  height: 8px;
  border-radius: 5px;
  width: 80%;
  margin: 0 auto;
}

.loader {
  width: 100%;
  height: 8px;
  position: relative;
  overflow: hidden;
  background-color: #d8dadc;
}

.loader:before {
  display: block;
  position: absolute;
  height: 8px;
  content: "";
  left: -200px;
  width: 200px;
  background-color: #10cfbd;
  border-radius: 5px;
  animation: loading 2s linear infinite;
}

@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
.modal .modal-content {
  border-radius: 5px;
}

#loading-bar .bar {
  background: #10cfbd;
}
#loading-bar .peg {
  box-shadow: #10cfbd 1px 0 6px 1px;
}

.at-progress-bar .progress-bar {
  background: #10cfbd;
}

.at-max-height-300 {
  max-height: 300px;
}

.at-word-wrap {
  white-space: pre-wrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.force-visibility {
  visibility: visible !important;
}

.position-absolute {
  position: absolute !important;
}

.top-auto {
  top: auto !important;
}

.left-auto {
  left: auto !important;
}

.uppercase {
  text-transform: uppercase;
}

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

.support-edit-btn {
  right: 5px;
}
.support-edit-btn:not(.single-button) {
  right: 34px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.support-upload-btn {
  right: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.support-ticket-title {
  margin-top: 1px;
  font-size: 1.5em;
}

button.btn,
span.btn {
  color: #2c2e2e;
  border-radius: 4px;
}
button.btn-lg,
span.btn-lg {
  width: 100%;
  height: 50px;
}
button.btn-danger:focus,
span.btn-danger:focus {
  background: #f77975;
  border: 1px solid #f55753;
}
button.btn-complete:focus,
span.btn-complete:focus {
  background: #6dc0f9;
  border: 1px solid #48b0f7;
}
button.btn-success:focus,
span.btn-success:focus {
  background: #40d9ca;
  border: 1px solid #10cfbd;
}

.at-thumbnail-link {
  border: 2px solid #48b0f7;
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
}

.at-gray-link {
  color: #ffffff;
  text-decoration: underline;
}
.at-gray-link:active, .at-gray-link:focus, .at-gray-link:hover {
  color: #c1c1c1;
  text-decoration: none;
}

.at-comment-attachment {
  padding: 0 7px;
  line-height: 22px;
}

.unselectable {
  user-select: none;
}

.whitespace-normal {
  white-space: normal;
}

.two-lines-limit span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 17px;
  max-height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.two-lines-limit.support-ticket-title span {
  line-height: 26px;
  max-height: 52px;
}

.four-lines-limit span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 17px;
  max-height: 68px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.twelve-lines-limit {
  max-height: 204px;
}
.twelve-lines-limit span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 17px;
  max-height: 204px;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.fade-bottom {
  position: relative;
  bottom: 4em;
  height: 4em;
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.support-comment-custom-color {
  background-color: #f1f1f1;
}

.k-alt .support-comment-custom-color {
  background-color: #fff;
}

.number-sign::before {
  content: "#";
}

.realtime-row {
  height: 20px;
}

.realtime-row-with-thumbnails {
  height: 150px !important;
}
.realtime-row-with-thumbnails td {
  padding: 0px !important;
  padding-top: 5px !important;
}

.text-italic {
  font-style: italic;
}

.blur-content {
  -webkit-filter: blur(8px) brightness(30%);
  filter: blur(8px) brightness(30%);
}
.blur-content.blur-4-30 {
  -webkit-filter: blur(4px) brightness(30%);
  filter: blur(4px) brightness(30%);
}
.blur-content.blur-5-90 {
  -webkit-filter: blur(5px) brightness(90%);
  filter: blur(5px) brightness(90%);
}

.blur-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(33, 37, 45, 0.98);
  -webkit-filter: opacity(0%);
  filter: opacity(0%);
}

td.in-error {
  -webkit-box-shadow: inset 0px 0px 0px 1px #f55753;
  -moz-box-shadow: inset 0px 0px 0px 1px #f55753;
  box-shadow: inset 0px 0px 0px 1px #f55753;
}

@media (max-width: 768px) {
  .pgn-bar .alert {
    max-height: 160px !important;
  }
}
.sign-up-image {
  opacity: 0;
  height: 757px;
  width: auto;
  position: absolute;
  top: -7px;
  left: -57px;
  border-top-left-radius: 17px;
  border-bottom-left-radius: 5px;
}

.sign-up-form {
  min-height: 724px;
}
.sign-up-form .l-h-15 {
  line-height: 15px;
}
.sign-up-form .error {
  position: absolute;
  bottom: -15px;
}
.sign-up-form .form-title h5 {
  font-weight: 600;
}
.sign-up-form .form-divider {
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

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

.min-height-80 {
  min-height: 80px;
}

.span-paragraph {
  display: block;
  margin-bottom: 10px;
}

.at-panel-color-1 .panel-heading {
  background-color: #2b6a94;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.at-panel-color-1 .panel-heading .panel-title {
  font-size: 18px;
}
.at-panel-color-1 .panel-heading .panel-title.truncate-length {
  display: inline-block;
  width: calc(100% - 100px);
}
.at-panel-color-1 .panel-footer {
  background-color: #fff;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.at-main-logo {
  display: block;
  margin: 10px auto;
  margin-top: 20px;
  width: 290px;
}

.at-login-form-title {
  color: #007bcd !important;
  font-size: 35px !important;
  line-height: 40px !important;
  margin-bottom: 0 !important;
}

.at-login-btn-rounded {
  border-radius: 8px;
  font-weight: 600;
  letter-spacing: 1.25px;
}

@media (max-width: 767px) {
  .at-main-logo {
    margin-top: 40px;
  }
}
.at-panel-banner {
  position: absolute;
  background-size: 60px;
  left: 20px;
  top: -5px;
  color: #fff;
  background: #10cfbd;
  padding: 0 5px;
  font-weight: 600;
  color: #fff;
}
.at-panel-banner:before {
  content: "\a";
  border-style: solid;
  border-width: 5px 0px 0px 5px;
  border-color: transparent transparent transparent #313b44;
  position: absolute;
  right: -5px;
}
.at-panel-banner.at-panel-banner-inner {
  top: inherit;
  left: inherit;
  margin-top: -13px;
  margin-left: -20px;
  border-bottom-right-radius: 5px;
}
.at-panel-banner.at-panel-banner-inner:before {
  display: none;
}
.at-panel-banner.banner-primary {
  background: #8a7dbe;
}
.at-panel-banner.banner-primary:before {
  border-color: transparent transparent transparent #5b4d91;
}
.at-panel-banner.banner-complete {
  background: #6dc0f9;
}
.at-panel-banner.banner-complete:before {
  border-color: transparent transparent transparent #3c93ce;
}
.at-panel-banner.banner-warning {
  background: #f9d975;
}
.at-panel-banner.banner-warning:before {
  border-color: transparent transparent transparent #cfae45;
}
.at-panel-banner.banner-danger {
  background: #f77975;
}
.at-panel-banner.banner-danger:before {
  border-color: transparent transparent transparent #cd4945;
}
.at-panel-banner.banner-success {
  background: #40d9ca;
}
.at-panel-banner.banner-success:before {
  border-color: transparent transparent transparent #0dad9e;
}

.at-tag {
  font-family: Roboto, sans-serif;
  border-radius: 20px;
  background: #d8dadc;
  color: #313b44;
  padding: 0 5px;
}
.at-tag.at-tag-mobile {
  width: 20px;
  height: 20px;
  margin-top: 0 !important;
  display: none;
}
.at-tag .at-tag-label {
  text-align: center;
  line-height: 21px;
}
.at-tag.tag-primary {
  background: #e2deef;
  color: #5b4d91;
}
.at-tag.tag-grey {
  background: #d8d8d8;
  color: #6d6d6d;
}
.at-tag.tag-complete {
  background: #daeffd;
  color: #317bac;
}
.at-tag.tag-warning {
  background: #fef6dd;
  color: #cfae45;
}
.at-tag.tag-danger {
  background: #fddddd;
  color: #cd4945;
}
.at-tag.tag-success {
  background: #cff5f2;
  color: #0dad9e;
}

.total-divider {
  height: 5px;
  border-top: solid #1b1e25 2px;
}

.total-text {
  font-size: 8px;
}

.at-beta-tag {
  position: relative;
  background: #48b0f7;
  border-radius: 20px;
  color: #fff;
  font-size: 10px;
  line-height: 9px;
  padding: 1px 6px 1px 6px;
  left: 5px;
  top: -2px;
  font-weight: 600;
}
.at-beta-tag.tag-danger {
  background-color: #ff6d6d;
}
.at-beta-tag.tag-primary {
  background-color: #5b4d91;
}
.at-beta-tag.tag-info {
  background-color: #48b0f7;
}
.at-beta-tag.tag-warning {
  background-color: #ffd630;
}
.at-beta-tag.tag-success {
  background-color: #03dac5;
}

.icon-thumbnail.at-beta:before {
  content: "BETA";
  position: absolute;
  background: #48b0f7;
  /* border-radius: 20px; */
  color: #fff;
  font-size: 9px;
  line-height: 9px;
  font-weight: 600;
  left: 22px;
  top: 9px;
  padding: 2px 4px 2px 5px;
  transform: rotate(90deg);
}

.at-new-menu:not(.open) .title {
  color: #10cfbd !important;
}
.at-new-menu:not(.open) .icon-thumbnail-title i {
  color: #10cfbd;
}
.at-new-menu:not(.open) .icon-thumbnail-title:before {
  content: "NEW";
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  background: #10cfbd;
  color: #fff;
  font-size: 9px;
  line-height: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  left: 27px;
  top: 13px;
  padding: 2px 8px 3px 8px;
  transform: rotate(90deg);
}

.at-new-sub-menu a {
  color: #10cfbd !important;
}
.at-new-sub-menu .icon-thumbnail i {
  color: #10cfbd;
}
.at-new-sub-menu .icon-thumbnail:before {
  content: "NEW";
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  background: #10cfbd;
  color: #fff;
  font-size: 9px;
  line-height: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  left: 22px;
  top: 8px;
  padding: 2px 3px 3px 4px;
  transform: rotate(90deg);
}

.at-date-range-picker input {
  position: relative;
  top: 1px;
  border-radius: 3px;
}

.btn.btn-not-clickable {
  cursor: default;
}
.btn.btn-not-clickable:hover {
  background-color: inherit;
  color: inherit;
  border-color: #f0f0f0;
}

@media (max-width: 768px) {
  .error {
    bottom: -23px !important;
  }
}
@media (max-width: 1400px) {
  .sign-up-image {
    height: 749px;
  }
}
@media (min-width: 1200px) {
  .sign-up-image {
    opacity: 1;
  }
}
@media (max-width: 384px) {
  .page-container .page-content-wrapper .content {
    padding-bottom: 120px;
  }
}
.m-t-n-10 {
  margin-top: -10px;
}

.at-flex-container {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
.at-flex-container .at-flex-child {
  padding: 3px;
  margin: 5px;
}
.at-flex-container .at-flex-child-invalid {
  color: #626262;
  cursor: not-allowed;
}
.at-flex-container .at-flex-child:first-child {
  margin-left: 0;
}
.at-flex-container .at-flex-child:last-child {
  margin-right: 0;
}
.at-flex-container .at-flex-child.at-m-t-10 {
  margin-top: 10px;
}
.at-flex-container .at-flex-separator {
  flex-grow: 1;
}

@media (max-width: 560px) {
  .at-flex-container.at-flex-container-column-xs {
    display: block;
  }
  .at-flex-container.at-flex-container-column-xs .at-flex-child {
    margin-left: 0;
  }
  .at-flex-container.at-flex-container-column-xs .at-flex-child.at-activity-productivity {
    padding-right: 4px;
  }
}
.at-deemphasize {
  color: #cacaca;
  font-style: italic;
  text-transform: capitalize;
}
.at-deemphasize a {
  color: inherit;
}

.at-noemphasis {
  color: #cacaca;
  font-style: italic;
}
.at-noemphasis a {
  color: inherit;
}

.at-btn-no-border,
.at-btn-no-border:hover {
  border: none;
}

.at-pending-wrapper {
  padding: 3px;
}
.at-pending-wrapper.pending {
  background-color: #e2deef;
  border-radius: 3px;
}

.pt-default .at-pending-wrapper.pending {
  background-color: #f5f5f5;
}
.pt-default .at-pending-wrapper.pending.at-pending-wrapper-transparant {
  background-color: transparent;
}

.at-margin-auto {
  margin: auto;
}

.at-btn-icon-text {
  position: relative;
  bottom: 6px;
  text-transform: capitalize;
}

.at-tab {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0) !important;
  padding: 4px 0 2px 0;
  margin: 0 24px 0 0;
  font-size: 14px;
  font-weight: 500;
  color: #bdbdbd;
}
.at-tab:hover {
  border: 0;
  border-bottom-color: #2c2e2e !important;
  background: transparent !important;
}
.at-tab:focus {
  border: 0;
  border-bottom-color: #2c2e2e !important;
  background: transparent !important;
}
.at-tab:active, .at-tab.active {
  border: 0;
  border-bottom-color: #2c2e2e !important;
  background: transparent !important;
}

.at-btn-toggle {
  color: #2c2e2e;
  background: #eeeeee !important;
  border: 0 !important;
  padding: 7px 10px;
  border-radius: 4px;
}
.at-btn-toggle:hover {
  color: #2c2e2e;
  background: #d9d9d9 !important;
}
.at-btn-toggle:active, .at-btn-toggle.active {
  color: #fff !important;
  background: #444444 !important;
  z-index: 3 !important;
}

.at-btn-text {
  border: none !important;
  padding: 8px;
  padding-top: 1px;
  padding-bottom: 0.5px;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
.at-btn-text i {
  position: relative !important;
  top: 2px !important;
}
.at-btn-text .label-only {
  line-height: 29.5px;
}
.at-btn-text.active {
  color: #fff !important;
  background: #333333 !important;
  border: none !important;
}
.at-btn-text:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  border: none !important;
}

.at-user-filter.temporary-filter {
  border-color: #0dad9e;
}

.material-icons.fs-18 {
  font-size: 18px !important;
}
.material-icons.fs-20 {
  font-size: 20px !important;
}
.material-icons.icon-lg {
  font-size: 1.33em;
}
.material-icons.icon-1x {
  font-size: 1em;
}
.material-icons.icon-2x {
  font-size: 2em;
}

.column-productivity-filter i {
  position: relative;
  top: 4px;
}
.column-productivity-filter.column-productivity-no-name i {
  left: -12px;
}

.at-productivity-chart {
  min-height: 375px;
}

.at-productivity-time i {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.filter-productivity-icon {
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.text-medium {
  font-weight: 500;
}

.text-bold {
  font-weight: 600;
}

.at-inline-icon {
  font-size: inherit;
  margin-right: 5px;
  position: relative;
  top: 3px;
  color: #f9d053;
}

.message-modal-header {
  text-align: var(--align) !important;
}

.agent-version-subtitle {
  font-size: 12px;
  font-weight: 350;
}

.account-configuration .col-md-6 {
  width: calc(50% + 30px);
}
.account-configuration .agent-version .update-filter {
  float: right;
}
.account-configuration .agent-version .k-dropdown {
  width: 250px;
}
.account-configuration .agent-version table {
  border-spacing: 10px;
  width: 100%;
  padding-bottom: 10px;
}
.account-configuration .agent-version table th,
.account-configuration .agent-version table td {
  padding-top: 15px;
}
.account-configuration .agent-version .pad-top-10 {
  padding-top: 10px;
}
.account-configuration .agent-version .mid-col {
  text-align: center;
  width: 29%;
}
.account-configuration .agent-version .agent-label {
  font-weight: 300;
}
.account-configuration .agent-version .agent-version-label {
  font-weight: 500;
}

.at-input .input-reset {
  color: #03dac5;
  text-decoration: underline;
  margin-left: 5px;
}
.at-input .input-reset.text-disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}
.at-input .at-progress {
  display: inline-block;
  position: absolute;
  width: 32px;
  margin-left: -90px;
  margin-top: 3px;
}

.at-material-input {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: auto;
  text-align: center;
  background-color: #ececec;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: 1px solid rgba(0, 0, 0, 0.87);
}
.at-material-input:hover {
  background-color: #dcdcdc;
}
.at-material-input:focus {
  border-bottom: 3px solid #03dac5;
  background-color: #dcdcdc !important;
}
.at-material-input:disabled {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.38);
}

.text-disabled {
  color: #bdbdbd;
}

.btn-success {
  background-color: #03dac5;
  color: #2c2e2e;
  border-color: transparent;
  font-weight: 500;
}
.btn-success:disabled, .btn-success[disabled] {
  background-color: #e0e0e0;
  color: #9e9e9e;
  border-color: transparent;
}
.btn-success:disabled:hover, .btn-success[disabled]:hover {
  background-color: #e0e0e0;
  color: #9e9e9e;
  border-color: transparent;
}

.at-m-t-40 {
  margin-top: 40px !important;
}

.not-allowed {
  color: #bdbdbd !important;
  cursor: not-allowed;
}

.at-sidebar-menu-wrapper {
  font-size: 14px;
}

.long-text-dropdown-btn {
  max-width: 100%;
  position: relative;
  padding-right: 2.45em;
}
.long-text-dropdown-btn span:first-child {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  text-align: left;
}
.long-text-dropdown-btn .caret {
  position: absolute;
  top: 1.1em;
  right: 1.2em;
}

.alarm-mobile-buttons {
  position: absolute;
  right: 0;
  top: 0;
}
.alarm-mobile-buttons a {
  height: 22px;
}

/*--------  btn-v2  -----------*/
.btn.btn-v2 {
  justify-self: flex-end;
  text-transform: uppercase;
  border: none;
  background: none;
  color: #2c2e2e;
  padding: 0px 5px;
  font-weight: bold;
  font-size: 12px;
  margin-left: 16px;
  width: auto;
}
.btn.btn-v2[disabled] {
  color: #bfc7c6 !important;
  background: none;
}
.btn.btn-v2.btn-success:not([disabled]) {
  color: #03dac5 !important;
}
.btn.btn-v2:focus {
  border: none !important;
  background: none !important;
}

/*end btn-v2*/
/*--------  btn-v3  -----------*/
.btn.btn-v3 {
  font-family: Roboto, "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border: none;
  background: none;
  color: #317bac;
  font-weight: 500;
  font-size: 14px;
  margin-left: 16px;
  width: auto;
}
.btn.btn-v3[disabled] {
  background: #cfcfcf;
}
.btn.btn-v3.btn-success:not([disabled]) {
  color: #2c2e2e;
  background-color: #03dac5;
}

/*end btn-v3*/
/* fix Font Awesome + btn-animated bug */
.btn-animated.fa-lg {
  font-size: 100%;
  line-height: 100%;
}
.btn-animated::before {
  line-height: 2;
}

/**
  * Header
  */
.header {
  padding-left: 45px;
  -webkit-transition: -webkit-padding-left 150ms ease-out !important;
  -moz-transition: -moz-padding-left 150ms ease-out !important;
  -o-transition: -o-padding-left 150ms ease-out !important;
  transition: padding-left 150ms ease-out !important;
}

.menu-pin .header {
  padding-left: 0;
}

@media (min-width: 980px) {
  .menu-pin .header {
    padding-left: 280px;
  }
}
@media (min-width: 1201px) {
  .header {
    padding-left: 0;
  }
  .menu-pin .header {
    padding-left: 280px;
  }
}
@media (max-width: 767px) {
  .header {
    padding-left: 0;
  }
}
/**
  * Upgrade page columns
  */
@media (min-width: 640px) {
  .xs-show {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .xs-hide {
    display: none !important;
  }
  .xs-show {
    display: block !important;
  }
}
@media (max-width: 1063px) {
  .two-columns {
    display: none !important;
  }
  .one-column {
    display: block !important;
  }
}
@media (min-width: 1064px) {
  .two-columns {
    display: block !important;
  }
  .one-column {
    display: none !important;
  }
}
.page-wrapper {
  margin: 0 auto;
  width: 944px;
}
@media (min-width: 992px) and (max-width: 1063px) {
  .page-wrapper {
    width: 870px;
  }
}
@media (min-width: 640px) and (max-width: 991px) {
  .page-wrapper {
    width: 590px;
  }
}
@media (max-width: 639px) {
  .page-wrapper {
    width: 300px;
  }
}

.page-title {
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 37px;
  text-align: center;
  padding-top: 5px;
  letter-spacing: -0.38px;
  margin-left: 30px;
  margin-bottom: 9px;
}
@media (min-width: 640px) and (max-width: 991px) {
  .page-title {
    padding-top: 9px;
  }
}
@media (max-width: 639px) {
  .page-title {
    margin-left: 0;
    margin-bottom: 21px;
  }
}

.page-title-description {
  margin-bottom: 38px;
  text-align: center;
  font-weight: 400 !important;
  font-size: 17px !important;
  margin-left: 32px;
  letter-spacing: 0.05px !important;
}
@media (min-width: 640px) and (max-width: 991px) {
  .page-title-description {
    padding: 0 110px;
  }
}
@media (max-width: 639px) {
  .page-title-description {
    margin-left: 0;
    padding: 0 10px;
    margin-bottom: 28px;
    line-height: 26px;
  }
}

.upgrade-container {
  color: #21252d;
}

@media (max-width: 639px) {
  .spoiler {
    padding-right: 16px;
  }
}
.spoiler::after {
  border-style: solid;
  border-width: 5px 4px 0 4px;
  width: 0;
  height: 0;
  border-color: black transparent;
  margin-top: 14px;
  content: "";
  float: right;
}
.spoiler.active::after {
  border-width: 0 6px 6px 0;
}

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

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

.m-t-8 {
  margin-top: 8px;
}

.p-r-7 {
  padding-right: 7px !important;
}

.height-40 {
  height: 40px;
}

.upgrade-header {
  width: 100%;
  height: auto;
  text-align: center;
}
.upgrade-header .blue-stripe {
  background-color: #48b0f7;
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 29px;
  font-weight: 700;
  text-transform: uppercase;
}
.upgrade-header .subheader {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.upgrade-header .price {
  font-size: 25px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 30px;
}
.upgrade-header .price .price-label {
  color: #83827f;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
}

.plans {
  width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.plans .panel {
  text-align: center;
  border-radius: 5px;
  border: none;
}
.plans .panel.free-plan {
  background: #fff;
}
.plans .panel.black-panel {
  background-image: linear-gradient(#3b4752, #2b363f);
  color: #fff !important;
}
.plans .panel.upgrade-plan {
  background-color: #2b6a94;
}
.plans .panel.black-panel *, .plans .panel.upgrade-plan * {
  color: #fff;
}
.plans .panel.advanced-plan, .plans .panel.upgrade-plan {
  margin-left: 16.66666667%;
}
.plans .panel .separator::after {
  border-bottom: 1px solid #d0d0d0;
  margin-left: auto;
  margin-right: auto;
}
.plans .panel.advanced-plan .separator.fixed-separator::after {
  width: auto;
}
.plans .panel .price {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.42857143;
}
.plans .panel .price .currency-symbol {
  font-weight: 500;
}
.plans .panel .panel-heading {
  margin-bottom: 10px;
  padding-bottom: 15px;
}
.plans .panel .panel-heading .panel-title {
  text-transform: uppercase;
  font-size: 45px;
}
.plans .panel .panel-heading [class*=-description] {
  font-weight: 600;
}
.plans .panel .panel-heading .price-description {
  color: #d0d0d0 !important;
}
.plans .panel .panel-heading .title {
  font-weight: 700;
  font-size: 20px;
}
.plans .panel.advanced-plan .panel-heading {
  padding: 5px 0;
}
.plans .panel .panel-body {
  font-weight: 700;
  padding: 0 50px;
}
.plans .panel .panel-body .title {
  text-transform: uppercase;
  font-size: 20px;
}
.plans .panel .panel-body .title-description {
  font-size: 10px;
  font-weight: 500;
}
.plans .panel .panel-body .free-disclaimer {
  color: #d0d0d0 !important;
  font-size: 10px;
  line-height: 10px;
  padding-top: 100px;
  font-weight: 400;
}
.plans .panel .small-seal {
  display: none;
}
.plans.current-plan-advanced .panel.advanced-plan, .plans.current-plan-advanced .panel.upgrade-plan {
  margin-left: 7px;
  margin-right: -7px;
}
.plans .md-align-center {
  text-align: left;
}
.plans .seal {
  position: absolute;
  top: 60px;
  right: 60px;
}
.plans .seal img {
  width: 100px;
  height: 100px;
}
.plans .user-slider {
  display: flex;
  padding-top: 10px;
}
.plans .user-slider.justify-center {
  justify-content: center;
}
.plans .user-slider .users-kendo-slider {
  width: 420px;
}
.plans .user-slider .k-slider-track {
  border: 1px solid #adadad;
}
.plans .user-slider .k-draghandle {
  animation: none;
  background-color: rgb(255, 255, 255) !important;
  border: none;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(44, 121, 114, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(44, 121, 114, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(44, 121, 114, 0);
  }
}
.plans .user-slider .k-draghandle:hover {
  box-shadow: 0 0 0 rgba(44, 121, 114, 0.4);
  animation: pulse 2s infinite;
}
.plans .user-slider .k-draghandle:link, .plans .user-slider .k-draghandle.k-state-focused:link {
  width: 20px !important;
  height: 20px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  top: -10px;
  transition: left 0.1s linear !important;
}
.plans .users-input {
  -moz-appearance: textfield;
  width: 60px;
  height: 30px;
  border-radius: 5px;
  color: #0a0a0a !important;
  text-align: center;
  font-weight: 600;
  border: 1px solid rgb(216, 218, 220);
}
.plans .users-input::-webkit-outer-spin-button, .plans .users-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.plans .users-input:focus {
  border: 1px solid #48b0f7;
}
.plans .user-select-directive {
  margin-top: 30px;
}
.plans .black-footer {
  margin-bottom: 140px;
}
.plans .blue-footer {
  background-color: #2b6a94;
  position: absolute;
  bottom: 0;
  height: 155px;
  left: 0;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 5px 0;
}
.plans .blue-footer .btn-5px-rounded {
  border-radius: 5px;
}
.plans .blue-footer .slider-footer {
  margin-bottom: 5px;
}
.plans .blue-footer .row {
  margin-left: 0;
  margin-right: 0;
}
.plans .blue-footer .users-mobile-input {
  display: none;
}
.plans .blue-footer .price {
  margin-top: 6px;
}
.plans .blue-footer .price-description {
  font-size: 13px;
  margin-top: -10px;
}
.plans .blue-footer .btn-continue {
  width: 100%;
  background-color: #10cfbd;
  border-color: #10cfbd;
  color: #fff;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
.plans .blue-footer .btn-continue > i {
  color: #fff;
}

.plans.current-plan-advanced .panel.upgrade-plan,
.plans.current-plan-advanced .panel.current-plan {
  padding: 0;
  text-align: left;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading,
.plans.current-plan-advanced .panel.current-plan .panel-heading {
  padding: 10px 15px;
  margin-bottom: 0;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive,
.plans.current-plan-advanced .panel.current-plan .panel-heading .user-select-directive {
  margin-top: 0;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .black-footer,
.plans.current-plan-advanced .panel.current-plan .panel-heading .user-select-directive .black-footer {
  margin-bottom: 150px;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .blue-footer,
.plans.current-plan-advanced .panel.current-plan .panel-heading .user-select-directive .blue-footer {
  padding: 0 15px;
  height: 150px;
  top: 50px;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .blue-footer .slider-footer,
.plans.current-plan-advanced .panel.current-plan .panel-heading .user-select-directive .blue-footer .slider-footer {
  margin-bottom: 10px;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .blue-footer .slider-footer .title-description,
.plans.current-plan-advanced .panel.current-plan .panel-heading .user-select-directive .blue-footer .slider-footer .title-description {
  margin-bottom: 20px;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .blue-footer .k-draghandle,
.plans.current-plan-advanced .panel.current-plan .panel-heading .user-select-directive .blue-footer .k-draghandle {
  opacity: 1;
  padding: 0;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .price,
.plans.current-plan-advanced .panel.current-plan .panel-heading .price {
  margin-top: 0;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .panel-title,
.plans.current-plan-advanced .panel.current-plan .panel-heading .panel-title {
  font-size: 27px;
}
.plans.current-plan-advanced .panel.upgrade-plan .panel-heading .panel-title .title-description,
.plans.current-plan-advanced .panel.current-plan .panel-heading .panel-title .title-description {
  font-size: 12px;
  line-height: 18px;
}

.at-feature-table .has-feature-icon:before {
  content: "\e915";
  font-family: "icomoon", serif;
  color: #10cfbd;
  font-size: large;
}
.at-feature-table .dash-feature-icon:before {
  content: " ";
  height: 5px;
  width: 45px;
  background-color: #999999;
  user-select: none;
  border-radius: 3px;
  display: inline-block;
}
.at-feature-table table {
  width: 100%;
}
.at-feature-table table thead {
  text-transform: uppercase;
  font-size: 14px;
}
.at-feature-table table thead th {
  vertical-align: bottom;
  padding: 15px 20px;
}
.at-feature-table table thead th:not(:first-child) {
  text-align: center;
}
.at-feature-table table thead .large-header {
  font-size: 32px;
}
.at-feature-table table thead .large-header-advanced {
  color: #48b0f7;
}
.at-feature-table table tbody {
  vertical-align: center;
}
.at-feature-table table tbody tr {
  border: 1px solid #707070;
}
.at-feature-table table tbody tr td {
  padding: 15px 20px;
}
.at-feature-table table tbody tr td:not(:last-child):not(.at-feature-footnote) {
  border-right: 1px solid #707070;
}
.at-feature-table table tbody tr td:not(:first-child) {
  text-align: center;
}
.at-feature-table table tbody tr.at-feature-footnote-row {
  border: none;
  line-height: 0;
  font-size: 12px;
}
.at-feature-table table tbody tr:not(:last-child) {
  border-bottom: 1px solid #707070;
}

@media (min-width: 992px) and (max-width: 1324px) {
  .plans {
    width: auto;
  }
  .plans .panel .panel-body {
    padding: 0 50px;
  }
  .plans .panel.free-plan {
    margin-right: 10px;
    margin-left: 0;
  }
  .plans .md-align-center {
    text-align: center;
  }
  .plans .user-slider {
    justify-content: center;
  }
  .plans .user-slider .users-kendo-slider {
    width: 250px;
  }
}
@media (max-width: 1063px) {
  .plans .panel.free-plan {
    display: none;
  }
  .plans .panel.advanced-plan {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .plans .panel.advanced-plan .separator::after {
    width: auto;
  }
  .plans .panel .panel-body .sm-m-b-25 {
    margin-bottom: 25px;
  }
  .plans .panel .panel-body .blue-footer .row {
    width: 600px;
    margin: 0 auto;
  }
  .plans .md-align-center .title {
    text-align: center;
  }
  [class*=advanced-block-] {
    display: inline-block;
  }
  [class*=advanced-block-] > div {
    width: 100%;
    text-align: center;
  }
  .advanced-block-title {
    width: 56%;
    text-align: left;
  }
  .advanced-block-price {
    width: 25%;
  }
  .plans .panel.advanced-plan .panel-heading {
    padding: 20px 90px 15px;
    display: flex;
  }
  .plans .seal {
    top: 20px;
    right: 90px;
  }
}
@media (max-width: 991px) {
  .plans {
    width: calc(100% + 35px);
    margin-top: -25px !important;
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
  .plans .panel.advanced-plan {
    border-radius: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .plans .panel.advanced-plan .panel-heading {
    padding: 20px 30px 15px;
    display: block;
  }
  .plans .panel.advanced-plan .panel-heading .panel-title {
    font-size: 40px;
  }
  .plans .panel.advanced-plan .panel-heading .price {
    font-size: 40px;
  }
  .plans .panel.advanced-plan .panel-heading.separator::after {
    display: none;
  }
  .plans .panel.advanced-plan .panel-heading [class*=advanced-block-] {
    width: 100%;
  }
  .plans .panel.advanced-plan .panel-heading .advanced-block-title {
    text-align: center;
    display: block;
  }
  .plans .panel.advanced-plan .panel-heading .advanced-block-price .top-block {
    justify-content: center;
    display: flex;
    margin-bottom: 30px;
  }
  .plans .panel.advanced-plan .panel-heading .advanced-block-price .price-block {
    display: inline-block;
    width: auto;
  }
  .plans .panel.advanced-plan .panel-heading .advanced-block-price .small-seal {
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  .plans .panel.advanced-plan .panel-heading .advanced-block-price .small-seal img {
    width: 80px;
    height: 80px;
  }
  .plans .panel.advanced-plan .panel-body {
    padding: 0 30px;
  }
  .plans .panel.advanced-plan .seal {
    display: none;
  }
  .plans .panel.advanced-plan .user-select-directive {
    margin-top: 0;
  }
  .plans .panel.advanced-plan .black-footer {
    margin-bottom: 10px;
  }
  .plans .panel.advanced-plan .blue-footer {
    position: relative;
    height: 230px;
    border-radius: 0;
    margin-left: -30px;
    margin-right: -30px;
    width: auto;
    margin-bottom: 20px;
  }
  .plans .panel.advanced-plan .blue-footer .user-slider {
    display: none;
  }
  .plans .panel.advanced-plan .blue-footer .users-mobile-input {
    display: block;
    text-align: center;
  }
  .plans .panel.advanced-plan .blue-footer .users-mobile-input .users-input {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .plans .panel.advanced-plan .blue-footer .row {
    width: 100%;
  }
  .plans .panel.advanced-plan .blue-footer .row .price {
    display: block;
    margin-left: 0;
  }
  .plans .panel.advanced-plan .blue-footer .row .price-description {
    position: relative;
  }
  .plans .panel.advanced-plan .blue-footer .row .sm-align-center {
    display: flex;
    justify-content: center;
  }
  .plans .panel.advanced-plan .blue-footer .row .btn-continue {
    width: 150px;
    margin: 5px 0;
  }
  .plans.current-plan-advanced {
    margin-top: -25px !important;
    display: block;
  }
  .plans.current-plan-advanced .panel.upgrade-plan {
    text-align: center;
    float: left;
  }
  .plans.current-plan-advanced .panel.upgrade-plan {
    margin-left: 15px;
    width: calc(100% - 30px);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .black-footer {
    margin-bottom: 220px;
  }
  .plans.current-plan-advanced .user-select-directive .blue-footer .slider-footer .user-slider {
    justify-content: center;
  }
  .plans.current-plan-advanced .user-select-directive .blue-footer .sm-align-center {
    text-align: center;
  }
}
@media (max-width: 639px) {
  .plans.current-plan-advanced .panel.upgrade-plan .panel-heading .user-select-directive .black-footer {
    margin-bottom: 250px;
  }
  .plans.current-plan-advanced .user-select-directive .blue-footer .slider-footer .user-slider {
    display: none;
  }
  .plans.current-plan-advanced .user-select-directive .blue-footer .slider-footer .users-mobile-input {
    display: block;
  }
  .plans.current-plan-advanced .user-select-directive .blue-footer .price-description {
    position: relative;
    top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .plans {
    width: calc(100% + 50px);
    margin-top: -40px !important;
  }
}
.seal-sm-adjust {
  top: 10px;
  left: calc(50% + 25px);
}

.step-panel {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  background-color: #fff;
}
.step-panel.panel {
  margin-bottom: 10px;
  border: none;
}
.step-panel .panel-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px 15px 20px 15px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  background: #2b6a94;
  color: #fff;
  border: 2px solid #2b6a94;
  max-height: 65px;
}
.step-panel .panel-header .seal-white-background {
  background: #fff;
  padding: 0px 7px 2px 7px;
  border-radius: 25px;
  top: -10px;
  width: auto;
}
.step-panel .panel-header .panel-divider i {
  transition: transform 500ms ease;
  font-weight: 700;
  font-size: 18px;
}
.step-panel .panel-header.collapsed {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.step-panel .panel-header.collapsed .panel-divider i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.step-panel .panel-header.sub-header {
  font-size: 13px;
  font-weight: bold;
  padding: 5px 15px 5px 15px;
  min-height: 33px;
}
.step-panel .panel-body {
  padding: 20px 15px 30px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.step-panel .panel-body .radio label {
  font-weight: 600;
  font-size: 14px;
}
.step-panel .panel-body .step-button {
  line-height: 23px;
  height: 45px;
}

.summary-panel {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  background-color: #fff;
}
.summary-panel .panel-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 20px 15px;
  background-image: linear-gradient(#3b4752, #2b363f);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
}
.summary-panel .panel-body {
  padding: 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.plan-price {
  text-align: right;
}
.plan-price div {
  margin-top: -5px;
  font-weight: 600;
  font-size: 20px;
}
.plan-price .large-number {
  font-size: 16px;
}

.plan-price-small-screen {
  font-weight: 600;
  font-size: 20px;
}

.plan-changes {
  font-size: 10px;
}
.plan-changes strong {
  font-size: 12px;
}

.plan-item-divider {
  border-bottom: 1px #d8dadc solid;
}

.plan-count {
  float: right;
}
.plan-count input {
  width: 80px;
}
.plan-count::before {
  content: "\f067";
  font-family: "FontAwesome";
  font-size: 16px;
  float: left;
  margin-right: 10px;
  margin-top: 15px;
}
@media (max-width: 639px) {
  .plan-count::before {
    float: none;
  }
}

.plan-count-label {
  margin-top: -5px;
}

.small-view-seal-wrapper {
  width: 100%;
  height: 100%;
}
.small-view-seal-wrapper table {
  margin: 0 auto;
}

.payment-info table.table.payment-info-one-row tbody {
  border-bottom: 1px solid #d8dadc;
}
.payment-info table.table.payment-info-one-row tbody tr td {
  padding: 0 0px 10px 0;
  border: none;
}
.payment-info table.table.payment-info-one-row tbody tr td.payment-info-title {
  font-weight: 600;
  padding-bottom: 0;
}
.payment-info table.table.payment-info-one-row tbody tr td.payment-info-data {
  padding-top: 0;
}
.payment-info .subpayment-field {
  font-weight: 600;
}
.payment-info .subpayment-field.discount-field {
  color: #e0bc50;
}
.payment-info .subpayment-field .price {
  font-size: 18px;
}
.payment-info .total-details {
  font-size: 10px;
  color: #999;
  line-height: 9px;
}

.default-font,
.default-font * {
  font-family: "Segoe UI", Arial, sans-serif;
}

table tr.no-divider td {
  border: none;
}

.payment-type-button {
  height: 120px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #d0d0d0;
  margin-bottom: 10px;
  padding-top: 30px;
}
.payment-type-button:hover {
  background-color: #f5f5f5;
  border-color: transparent;
}
.payment-type-button .payment-type-images {
  margin-bottom: 3px;
}
.payment-type-button .payment-type-images img {
  margin-right: 1px;
}
@media (min-width: 1064px) {
  .payment-type-button .payment-type-images img {
    margin-right: 3px;
  }
}
.payment-type-button .payment-type-images img:last-of-type {
  margin-right: 0;
}
.payment-type-button .payment-type-images,
.payment-type-button .payment-type-images img {
  height: 34px;
}
.payment-type-button .payment-type-title {
  font-weight: 600;
  margin-top: 15px;
}

.gray-field-label label {
  color: #b8b8b8 !important;
}
.gray-field-label .form-control.default-field,
.gray-field-label input {
  background-color: #f5f5f5 !important;
}
.gray-field-label .recurly-hosted-field {
  height: 37px;
}

.dark-gray-text {
  color: #949494;
}

.coupon-code-field {
  height: 56px;
  padding: 2px;
  border-radius: 5px;
  color: #b8b8b8;
}
.coupon-code-field input {
  height: 50px;
  width: calc(100% - 110px);
  padding: 0 10px;
  border: none;
  color: black !important;
}
.coupon-code-field button {
  height: 50px;
  float: right;
}

.header-edit-link {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
}
.header-edit-link:hover {
  text-decoration: none;
  color: #6dc0f9;
}

.remove-add-on-link {
  cursor: pointer;
  user-select: none;
  font-size: 10px !important;
  font-weight: 400 !important;
  position: absolute;
  right: 0;
  text-decoration: none;
  margin-top: 0px !important;
}
.remove-add-on-link:hover {
  color: #6dc0f9;
}

.remove-bottom-border tbody tr:last-of-type td {
  border-bottom: none;
}

.adjustment-text {
  font-size: 14px !important;
}
@media (max-width: 639px) {
  .adjustment-text {
    white-space: unset !important;
  }
}

.adjustment-price {
  font-size: 18px !important;
  font-weight: 600;
}

.total-price {
  font-weight: 700;
  font-size: 24px !important;
}

.add-on-cost {
  font-size: 13.5px !important;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}

.add-on-cost-description {
  font-size: 11px !important;
  color: gainsboro;
  font-weight: 500 !important;
  margin-bottom: 15px;
  text-align: center;
}

.add-on-add-button {
  display: block;
  margin: auto;
  width: 110px !important;
  height: 35px !important;
}

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

.currency-dropdown {
  float: right;
}
.currency-dropdown .at-btn-text {
  font-weight: 400;
  padding-top: 10px !important;
}
.currency-dropdown .at-btn-text:hover {
  background: #ebebeb !important;
}
.currency-dropdown * {
  color: #5e5e5e !important;
}

.payment-images {
  display: flex;
  justify-content: center;
}
.payment-images img {
  margin-right: 10px;
  height: 43px;
}
.payment-images img:first-of-type {
  margin-left: -10px;
}
.payment-images img:last-of-type {
  margin-right: 0;
}
@media (min-width: 640px) and (max-width: 1076px) {
  .payment-images img:first-of-type {
    margin-left: -2px;
  }
}
@media (max-width: 639px) {
  .payment-images {
    width: 240px;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
  }
  .payment-images img {
    width: 44px;
    height: 28px;
    margin-right: 6px;
    margin-bottom: 6px;
  }
  .payment-images img:first-of-type {
    margin-left: 0;
  }
}

.custom-plan-label {
  color: #2c2c2c;
  font-size: 16px;
  margin: 27px auto 0 auto;
  letter-spacing: -0.34px;
  padding-left: 5px;
}
@media (min-width: 640px) and (max-width: 1076px) {
  .custom-plan-label {
    margin-top: 25px;
  }
}
@media (max-width: 639px) {
  .custom-plan-label {
    margin-top: 30px;
    line-height: 23px;
  }
}
.custom-plan-label a {
  color: inherit;
}

.delimiter {
  margin: 20px auto 0;
}
.delimiter hr {
  border-color: #e5e5e7;
}

.instruction {
  background-color: #fff;
  border: 1px solid #efefef;
  width: 100%;
}
@media (max-width: 639px) {
  .instruction {
    margin-top: 19px;
    padding-top: 30px;
  }
}
@media (min-width: 640px) and (max-width: 991px) {
  .instruction {
    padding-top: 33px;
    margin-top: 28px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .instruction {
    margin-top: 12px;
  }
}
.instruction .instruction-content {
  overflow: hidden;
}

/* END .plan */
/* NOTE: .switch :checked + i style removed - duplicate of _appGlobals.scss (blue #48b0f7) */
.change-frequency-link {
  text-decoration: underline;
  color: rgb(83, 134, 229);
}
.change-frequency-link:hover {
  text-decoration: underline;
  color: rgb(83, 134, 229);
}

.asterisk::before {
  content: "*";
  margin-left: -10px;
  margin-right: 5px;
}

.position-top-left {
  position: relative;
  top: -10px;
  left: 10px;
}

.position-top-right {
  position: relative;
  top: -75px;
  right: 10px;
}

.position-bottom-left {
  position: relative;
  bottom: 80px;
  left: 10px;
}

.position-bottom-right {
  position: relative;
  bottom: 119px;
  right: 10px;
}

.free-plan .position-top-left {
  top: -5px;
}
.free-plan .position-top-left .title-description {
  font-weight: 600 !important;
  font-size: 20px !important;
  text-align: left !important;
  display: block !important;
}
.free-plan .position-top-right {
  top: -45px;
}
.free-plan .position-top-right .large-number {
  font-size: 40px !important;
}
.free-plan .position-bottom-left {
  bottom: 95px;
}
.free-plan .position-bottom-right {
  bottom: 134px;
}
.free-plan.large-number .position-bottom-left {
  bottom: 80px;
}
.free-plan.large-number .position-bottom-right {
  bottom: 119px;
}
.free-plan.large-number .price {
  font-size: 35px !important;
}

.user-select .small-window {
  display: none;
}
.user-select .small-window .title-description {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.user-select .small-window .price {
  line-height: 40px !important;
  margin-top: 0px;
}
.user-select .small-window .price-description {
  margin-top: 0px;
}
.user-select .input-cover {
  position: absolute;
  bottom: 0;
  width: 75%;
  background-color: white;
  cursor: text;
  z-index: 10;
  height: 39px;
  line-height: 14px;
  user-select: none;
}
.user-select .input-cover * {
  color: black !important;
  text-align: center;
}
.user-select .input-cover .input-value {
  font-size: 18px;
  line-height: 20px;
  padding-top: 2px;
}

@media (max-width: 991px) {
  .blue-footer {
    position: relative !important;
    height: auto !important;
    padding: 0 !important;
  }
  .user-select .small-window {
    display: block;
  }
  .user-select .small-window .panel-title {
    font-size: 30px;
    line-height: 35px;
  }
  .user-select .large-window {
    display: none;
  }
}
@keyframes invisiblyGrowFontSize {
  0% {
    font-size: 0;
    opacity: 0;
  }
  100% {
    font-size: 16px;
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes growLineHeight {
  0% {
    line-height: 0;
  }
  100% {
    line-height: 24px;
  }
}
.instruction-content {
  margin: 0 160px;
}
@media (min-width: 640px) and (max-width: 1076px) {
  .instruction-content {
    margin: 0 100px;
  }
}
@media (max-width: 639px) {
  .instruction-content {
    margin: 0;
  }
}
.instruction-content h1 {
  text-transform: uppercase;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 29px;
}

.faq-section {
  font-size: 24px;
  overflow: visible;
  margin: 0 40px 0 15%;
}
.faq-section .faq-item {
  margin: 0px 40px 10px 0px;
}
@media (min-width: 640px) and (max-width: 1076px) {
  .faq-section .faq-item {
    margin: 0px 0px 10px 0px;
  }
}
@media (max-width: 639px) {
  .faq-section .faq-item {
    margin: 0px 0px 10px 0px;
  }
}
.faq-section .faq-item .faq-question {
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}
.faq-section .faq-item .faq-question:before {
  height: 34px;
  width: 34px;
  border-radius: 50%;
  line-height: 34px;
  font-size: 30px;
  font-weight: 400;
  color: #48B0F7;
  position: absolute;
  top: -2px;
  left: 0;
  content: "\f0da";
  font-family: "FontAwesome";
  text-align: center;
  -webkit-transition: -webkit-transform 0.5s, font-size 0.5s;
  -moz-transition: -moz-transform 0.5s, font-size 0.5s;
  -ms-transition: -ms-transform 0.5s, font-size 0.5s;
  -o-transition: -o-transform 0.5s, font-size 0.5s;
  transition: transform 0.5s, font-size 0.5s;
}
.faq-section .faq-item .faq-answer {
  opacity: 0;
  font-size: 0;
  margin-left: 20px;
  min-height: 20px;
}
.faq-section .faq-item .faq-answer ul > li {
  line-height: 0;
}
.faq-section .faq-item.is-active .faq-question {
  color: #10CFBD;
}
.faq-section .faq-item.is-active .faq-question:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.faq-section .faq-item.is-active .faq-answer {
  animation-name: invisiblyGrowFontSize, fadeIn;
  animation-duration: 500ms, 200ms;
  animation-delay: 0ms, 500ms;
  opacity: 1;
  font-size: 16px;
}
.faq-section .faq-item.is-active .faq-answer ul > li {
  animation-name: growLineHeight;
  animation-duration: 700ms;
  animation-delay: 0ms;
  line-height: 24px;
}

div.app-wrapper.full-height-app {
  height: 100%;
}
div.app-wrapper.full-height-app > div#core-app {
  height: 100%;
  color: #404242;
}
div.app-wrapper.full-height-app > div#core-app > div {
  height: 100%;
}
div.app-wrapper.full-height-app > div#core-app > div > div[ui-view] {
  height: 100%;
}

a {
  color: #317bac;
  text-decoration: underline;
  text-decoration-color: rgba(34, 86, 120, 0.4);
}

a:hover {
  color: #317bac;
  text-decoration: underline;
  text-decoration-color: #317bac;
}

.modal-open .full-height-overflow-override {
  overflow: visible;
}

.login-wrapper {
  height: 100%;
  background-color: #ffffff;
}

.login-wrapper .bg-pic > img {
  height: 100%;
  opacity: 0.8;
}

.show-on-ie-10-11-only {
  display: none;
}

.k-ie10 .show-on-ie-10-11-only,
.k-ie11 .show-on-ie-10-11-only {
  display: block !important;
}

.k-ie10 .app-wrapper,
.k-ie11 .app-wrapper {
  display: none;
}

/*
  Allow angular.js to be loaded in body, hiding cloaked elements until
  templates compile. The !important is important given that there may be
  other selectors that are more specific or come later and might alter display.
 */
[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}

/* Screenshots configure form */
.fill-remaining-width-elements {
  display: table;
  width: 100%;
}

.fill-remaining-width-elements > * {
  display: table-cell;
}

.fill-remaining-width-elements > *:first-child {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}

.fill-remaining-width-elements > *:last-child {
  width: 100%;
}

@media (max-width: 767px) {
  .fill-remaining-width-elements {
    display: block;
  }
  .fill-remaining-width-elements > * {
    display: block;
  }
}
.ui-select-sm .ui-select-toggle,
.ui-select-sm .ui-select-search.form-control {
  min-height: 32px;
  height: 32px;
  padding: 7px 10px;
  letter-spacing: 0;
  color: inherit;
  width: 100%;
  max-width: 100%;
}

.ui-select-bootstrap .ui-select-choices-row > span {
  padding: 3px 12px;
}

.ui-select-choices,
.ui-select-choices-group {
  padding: 0 !important;
}

.ui-select-container.more-results li:after {
  content: "Type to search for more";
  padding-left: 10px;
}

.ui-select-match-text {
  color: #2c2c2c;
}

.input-action-link {
  position: absolute;
  top: 7px;
  font-size: 0.9em;
}

@media (max-width: 767px) {
  .input-action-link {
    right: 42px !important;
    top: 6px;
    font-size: 1.15em;
  }
  .input-action-link span {
    display: none;
  }
}
/* END Screenshots configure form */
/* Scheduling Rangebar */
.elessar-barlabel {
  color: #fff;
  margin-left: 8px;
}

.elessar-range {
  background: #0e90d2;
}

.elessar-handle {
  opacity: 0.1;
}

.elessar-readonly {
  opacity: 1 !important;
}

.horizontal-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

.icon-at-desktops {
  font-size: 1.15em;
}

[class*=fa-cc-],
.fa-credit-card {
  font-size: 1.2em;
}

.page-sidebar .sidebar-menu .menu-items li.open > a > .arrow:not(.open):before {
  transform: rotate(-90deg);
}

.page-content-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

@media (max-width: 991.9999px) {
  .sidebar-open .page-content-cover {
    width: 100%;
    height: 100%;
    z-index: 999;
  }
}
.new-application-filename,
.new-ticket-attachment {
  max-width: 200px;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1199px) {
  .btn-group.filter-presets .btn {
    padding: 5px 10px;
    margin-top: 5px;
  }
}
.btn-define-categories,
.filter-presets label {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 16px;
  font-size: 14px;
}

.download-agent {
  position: relative;
}
.download-agent a,
.download-agent button {
  cursor: pointer;
}
.download-agent > a {
  transition: all 0.3s !important;
}
.download-agent .btn {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
}
.download-agent .btn .material-icons {
  line-height: 0.8;
  position: absolute;
}
.download-agent .btn .download-text-wrapper {
  margin-left: 20px;
}
.download-agent .btn .download-text-wrapper .download-text {
  margin-left: 10px;
}
.download-agent .btn .caret {
  margin-left: 0 !important;
}
.download-agent .dropdown-menu i.fa {
  width: 12px;
}
.download-agent .selection-list {
  background: #fff !important;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important;
  border-radius: 4px !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  padding-bottom: 8px !important;
  padding-top: 8px !important;
  position: absolute;
  right: calc(100% - 172px);
}
.download-agent .selection-list .selection-item {
  min-height: auto !important;
  width: auto !important;
  overflow: hidden !important;
  font-size: 1rem !important;
  box-sizing: border-box !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  padding: 6px 8px !important;
  padding-right: 30px !important;
  white-space: nowrap !important;
  letter-spacing: 0.00938em !important;
  display: list-item;
}
.download-agent .selection-list .selection-item:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}
.download-agent .selection-list .selection-item.selected {
  background-color: rgba(0, 0, 0, 0.08) !important;
}

@media (max-width: 1200px) {
  .download-agent .selection-list {
    right: calc(100% - 57px);
  }
}
.download-agent-desc {
  font-size: 12px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -1.7em;
}

.panel-heading .dropdown-menu > li > a {
  opacity: 1 !important;
}

.dropdown-filter-presets > li {
  width: 100%;
}

.dropdown-filter-presets {
  right: 0;
}

.kendo-chart-wrapper svg {
  position: absolute;
  margin-top: 10px;
}

.legend-item-disabled {
  color: #919191 !important;
}
.legend-item-disabled path {
  fill: #919191;
}

/* Storage page */
@media (min-width: 769px) {
  .data-text {
    display: inline;
  }
  .data-text > div {
    line-height: 35px;
    display: inline;
  }
  .data-text > div:not(:last-child):after {
    content: "|";
    margin: 0 0.6em;
    position: relative;
    top: -1px;
  }
}
@media (max-width: 768px) {
  .data-text {
    display: table;
  }
  .data-text > div {
    display: table-row;
  }
  .data-text > div > * {
    display: table-cell;
  }
  .data-text strong {
    padding-left: 0.6em;
  }
}
/* END Storage page */
.switch input {
  display: none;
}

.switch i {
  display: inline-block;
  cursor: pointer;
  padding-right: 20px;
  transition: all ease 0.2s;
  border-radius: 20px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.6);
}

.switch i:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.switch :checked + i {
  padding-right: 0;
  padding-left: 20px;
  background: #48b0f7;
}

.switch.disabled {
  cursor: not-allowed;
}
.switch.disabled i {
  cursor: not-allowed;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}
.switch.disabled i:before {
  cursor: not-allowed;
  background: #f0f0f0;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}
.switch.disabled :checked + i {
  cursor: not-allowed;
  background: #daeffd;
}

.clearable-input input {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.clearable-input .input-group-btn button {
  padding-left: 9px;
  padding-right: 9px;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.clearable-input.clear-hidden {
  display: block;
}

.clearable-input.clear-hidden .input-group-btn button {
  display: none;
}

/* Charts */
.legend-item {
  font-size: 0.8em;
  position: relative;
  top: -1px;
}

/* END Charts */
.filter-panel-field {
  height: 70px;
}
.filter-panel-field.filter-panel-buttons {
  height: auto;
  margin-bottom: 25px;
}

.busy-overlay,
.ms-busy-overlay {
  position: relative;
}
.busy-overlay > *,
.ms-busy-overlay > * {
  opacity: 1;
  transition: opacity 0.3s;
}
.busy-overlay::before, .busy-overlay::after,
.ms-busy-overlay::before,
.ms-busy-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.busy-overlay.active > *,
.ms-busy-overlay.active > * {
  opacity: 0.4;
}
.busy-overlay.active.transparent > *,
.ms-busy-overlay.active.transparent > * {
  opacity: 0 !important;
}
.busy-overlay.active::before, .busy-overlay.active::after,
.ms-busy-overlay.active::before,
.ms-busy-overlay.active::after {
  z-index: 1;
}

.busy-overlay.active:not(.no-spinner):after {
  background: url(../plugins/pages/img/progress/progress-circle-master.svg) center center no-repeat;
  background-size: 50px;
}

.busy-overlay.active.move-spinner-right:not(.no-spinner):after {
  background: url(../plugins/pages/img/progress/progress-circle-master.svg) right center no-repeat;
  right: 25px;
}

@keyframes loader-move-right {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0px);
  }
}
.ms-progress-bar-indeterminate {
  animation: loader-move-right 1s linear forwards infinite;
}

.ms-progress-circle-indeterminate {
  animation: spin 1s linear forwards infinite;
}

@keyframes spin {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.ms-busy-overlay.active:not(.no-spinner)::after {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 42%;
  left: 40%;
  animation: spin 1s linear forwards infinite;
  background: url(../plugins/pages/img/progress/progress-circle-master.svg) center center no-repeat;
  background-size: 50px;
}

.ms-busy-overlay.active.move-spinner-right:not(.no-spinner)::after {
  top: 5px;
  right: 25px;
}

.download-agent.ms-busy-overlay::after {
  width: 31px;
  height: 31px;
  top: 28%;
  left: auto;
  right: 39px;
  background: url(../plugins/pages/img/progress/progress-circle-lg-white.svg) left 0 center;
  background-size: 31px;
}

.download-agent.ms-busy-overlay.active > a {
  padding-right: 50px;
}

.download-agent.ms-busy-overlay.active > * {
  opacity: 1;
}

.recurly-hosted-field {
  height: 25px;
  min-height: 25px;
  margin-top: -4px;
}

.form-group + label.error {
  margin-bottom: 6px;
  margin-top: -8px;
}

.gpt-banner {
  margin: 0 auto;
  margin-top: 25px;
  opacity: 1;
  visibility: visible;
  transition: visibility 0.25s, opacity 0.25s ease-in-out;
}

body:not(.sidebar-visible):not(.menu-pin) .gpt-banner {
  opacity: 0;
  visibility: hidden;
}

.export-button .dropdown-submenu .fa {
  margin-left: -10px;
}

.m-l-7 {
  margin-left: 7px;
}

.m-l-1-i {
  margin-left: 1px !important;
}

.m-l-4-i {
  margin-left: 4px !important;
}

.m-l-5-i {
  margin-left: 5px !important;
}

.m-l-6-i {
  margin-left: 6px !important;
}

.m-l-7-i {
  margin-left: 7px !important;
}

.m-l-8-i {
  margin-left: 8px !important;
}

.m-t-2-i {
  margin-top: 2px !important;
}

.m-t-4-i {
  margin-top: 4px !important;
}

.m-t-5-i {
  margin-top: 5px !important;
}

.m-t-6-i {
  margin-top: 6px !important;
}

.m-b-m3-i {
  margin-bottom: -3px !important;
}

.m-b-m5-i {
  margin-bottom: -5px !important;
}

.m-t-m5-i {
  margin-top: -5px !important;
}

.m-l-m2-i {
  margin-left: -2px !important;
}

.m-l-m4-i {
  margin-left: -4px !important;
}

.m-b-15 {
  margin-bottom: 15px;
}

.m-b-0-i {
  margin-bottom: 0 !important;
}

@media (max-width: 1200px) {
  .hidden-lt-1200 {
    display: none !important;
  }
}
#topCategoriesChart {
  height: 100%;
}

@media (max-width: 992px) {
  #topCategoriesChart {
    height: 420px;
  }
  .screenshot-delete-all {
    display: none !important;
  }
}
.color-white {
  color: #fff;
}

.color-white:active,
.color-white:focus,
.color-white:hover {
  color: #fff;
}

.spaces-pre {
  white-space: pre;
}

#after-hours-help {
  color: #fff;
}

.after-hours-help {
  background-color: rgba(16, 207, 189, 0.7);
  float: right;
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  transition: all 0.2s;
  z-index: 2147483647;
}

@media (max-width: 767px) {
  .after-hours-help {
    right: 20px;
  }
}
.after-hours-help:hover {
  background-color: #10cfbd;
  border-radius: 35%;
  box-shadow: 0 0 10px #d8dadc;
}

.after-hours-help i {
  margin-top: 9px;
  margin-left: -2px;
  color: #fff;
  transition: all 0.2s;
}

.after-hours-help:hover i {
  text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.direct-data-title {
  font-size: 1.8em;
  margin: 0;
}
.direct-data-title span {
  margin: 0 10px 10px 0;
}

.direct-data-title i {
  color: #d32f2f;
  font-size: 0.65em;
  text-shadow: 0 0 3px #aaa;
  position: relative;
  top: -3px;
}

.direct-data-title i.synced {
  color: #10cfbd;
}

.direct-data-title i.active {
  color: #f8d053;
}

.direct-data-sync {
  margin-top: 0;
  padding-top: 0;
  color: #7b7d82;
}

.at-url-block {
  display: inline-block;
}

.url-button-group,
.url-copy-msg {
  display: inline-block !important;
  position: absolute !important;
  color: white !important;
  border-radius: 5px !important;
  background-color: #282b36 !important;
  z-index: 99999;
}

.url-button-group {
  padding: 0px 1px 1px 1px !important;
  font-size: 1.1em !important;
}

.url-copy-msg {
  padding: 2px 4px !important;
  font-size: 1em !important;
}

.url-button {
  cursor: pointer;
  display: inline;
  padding: 3px;
}

.url-button:hover {
  color: #10cfbd;
}

.at-greyed {
  color: #aaa !important;
}
.at-greyed a {
  color: #aaa !important;
}

.at-bar-group .at-bar-label {
  width: 170px;
}
.at-bar-group .at-bar-bar {
  width: calc(100% - 270px);
  margin-left: 10px;
}
.at-bar-group .at-bar-time {
  width: 65px;
  margin-left: 10px;
}

.at-bar-group.at-mobile {
  margin-bottom: 4px;
}
.at-bar-group.at-mobile .at-bar-label {
  width: calc(100% - 75px);
}
.at-bar-group.at-mobile .at-bar-bar {
  margin-top: 2px;
  margin-left: 0;
  width: 100%;
}

.login-trust-online {
  position: absolute;
  bottom: 0;
}
@media (min-width: 769px) {
  .login-trust-online {
    width: calc(100% - 70px);
    margin-right: 0;
    padding-right: 0 !important;
  }
}
@media (min-width: 769px) {
  .login-trust-online {
    position: inherit;
    width: 100%;
    padding-left: 70px;
  }
}
@media (width: 768px) {
  .login-trust-online {
    width: calc(100% - 70px);
    box-sizing: border-box;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}
@media (width: 768px) {
  .login-trust-online {
    width: 100%;
    padding-left: 70px;
    position: inherit;
  }
}
@media (max-width: 767px) {
  .login-trust-online {
    width: calc(100% - 50px);
  }
}
@media (max-width: 767px) {
  .login-trust-online {
    width: 100%;
    position: inherit;
    padding-left: 20px;
  }
}
@media (max-width: 360px) {
  .login-trust-online {
    width: 100%;
    position: inherit;
    padding-left: 10px;
  }
}

.ignore-category-tooltip {
  position: absolute;
  z-index: 130;
  margin-left: 66px;
  margin-top: 11px;
}

@media (max-width: 767px) {
  .subscribe-btn {
    margin-right: 0;
  }
}
.float-right {
  float: right;
}

.m-t-6 {
  margin-top: 6px;
}

@media (min-width: 1200px) {
  .lg-m-l-40 {
    margin-left: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199.9999px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991.9999px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
}
@media (max-width: 766.9999px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs {
    display: block !important;
  }
  .sm-m-t-10 {
    margin-top: 10px !important;
  }
  .xs-m-l-7 {
    margin-left: 5px !important;
  }
}
.min-width-non-zero {
  min-width: 1px;
}

.at-tw-url-block {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: -6px;
}

.pace-inactive {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
}

.cc-window {
  z-index: 99999 !important;
}

.cc-btn {
  text-decoration: none !important;
}

.cc-window .cc-compliance .cc-btn:hover,
.cc-window .cc-compliance .cc-btn:focus {
  background-color: #4FE5D6 !important;
}

.bring-to-top {
  z-index: 10003 !important;
}

.p-l-1 {
  padding-left: 1px;
}

.text-overflow-clip {
  text-overflow: clip;
}

.full-screen-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  z-index: 100000;
}

.scrolling-blocked {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

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

@media (max-width: 359px) {
  .at-breadcrumbs {
    display: none !important;
  }
}
input:not(output):-moz-ui-invalid {
  box-shadow: none !important;
}

.api-unavailable-error {
  font-size: 18px;
  font-weight: 600;
  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.fullscreen-view .pgn-wrapper {
  z-index: 11001;
  left: 0 !important;
}

.modal-open .pgn-wrapper {
  z-index: 11001;
  top: 0 !important;
}

.fullscreen-view #intercom-container,
.fullscreen-view #intercom-frame,
.fullscreen-view #after-hours-help,
.mobile.modal-open #intercom-container,
.mobile.modal-open #intercom-frame,
.mobile.modal-open #after-hours-help {
  display: none !important;
}

.clickable {
  cursor: pointer;
  user-select: none;
}

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

.google-signin-button {
  border-color: #999;
  border-radius: 100px;
  border-width: 1px;
  background: transparent;
  border-style: solid;
  font-family: "Roboto", serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  line-height: 48px;
}

.google-signin-button img {
  height: 18px;
  width: 18px;
  margin-right: 8px;
  margin-top: -2px;
}

.default-cursor {
  cursor: default !important;
}

.override-pointer-events.disabled {
  cursor: not-allowed;
}
.override-pointer-events .btn[disabled] {
  pointer-events: none;
}

.k-ie .alarm-list td[data-field=conditionstext] {
  padding-right: 0;
}

.live-report[disabled] {
  cursor: not-allowed;
}

#landing-page-settings div.settings-option {
  font-size: 12px;
  margin-top: 9px;
  text-transform: uppercase;
  color: #404242;
}
#landing-page-settings div.form-buttons {
  margin-top: 33px;
}

.radio-btn-label {
  margin-bottom: -21px;
}

.radio-label-contents {
  margin-top: 15px;
}

.second-radio-text {
  margin-bottom: -9.5%;
}

.activity-tz-save-btn {
  margin-top: 20px;
}

.app-access-left-menu {
  position: absolute;
  top: 10%;
  right: 200%;
}

.card {
  border-radius: 4px;
  background: #fff;
  margin: 0 auto;
  float: none;
  margin-bottom: 10px;
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
}

#dashboard-selector-container {
  padding-top: 18px;
  margin-left: 5px;
  margin-right: 10px;
}

.legacy-header {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

.location-column-header {
  display: flex;
  flex-direction: column;
}

.offline-meetings-column-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.enable-now-button {
  background-color: #03dac5;
  color: #2c2e2e;
  height: 24px;
  border-radius: 4px;
  border-style: none;
  width: 100px;
  font-weight: 500;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.enable-now-button:hover {
  background-color: #81ede2;
  border-color: #81ede2;
  color: #2c2e2e;
}