@charset "UTF-8";
/* Import google fonts. Minovate is supposed to, but it doesn't work for whatever reason */
@import url(https://fonts.googleapis.com/css?family=Dosis:300,700|Ubuntu+Mono|Lato:300,400,700,300italic,400italic&subset=latin,latin-ext);
/* Import minovate */
/* Fix link styling with AngularJS */
.nav, .pagination, .carousel, .panel-title, a {
  cursor: pointer;
}

/* Remove Bootstrap append of a.href in print media */
@media print {
  a[href]:after {
    content: none;
  }
}
body {
  background-color: #3f4e62;
}

.important-notice {
  font-weight: bold;
  color: #a00;
}

th.actions-column {
  width: 1%;
}

td.actions {
  white-space: nowrap;
  text-align: right;
}

.appWrapper.header-fixed.aside-fixed #content.header-hidden {
  top: 0;
}

.appWrapper.header-fixed.aside-fixed #content.sidebar-hidden {
  left: 0;
}

.type-identifier {
  font-weight: 700;
  font-size: 85%;
  text-transform: uppercase;
  padding-right: 5px;
  color: #666666;
}

.text-strikethrough {
  text-decoration: line-through;
}

.icon-invisible {
  /* To use font-awesome icons as spacers */
  visibility: hidden;
}

.badge .badge-lg,
.label .label-lg {
  font-size: 14px;
}

.moment-picker {
  z-index: 3000;
}

.control-label {
  font-weight: bold;
}

.color-class.selected {
  box-shadow: inset 0px 0px 0px 2px #666;
}

/* Fix ui-select element positioning */
.ui-select-bootstrap .ui-select-choices {
  top: auto !important;
}
.ui-select-bootstrap .ui-select-choices-row > span {
  white-space: normal;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  margin-top: 0px;
}

.notifications .panel-heading {
  color: #aaa !important;
}
.notifications .panel-footer .alert {
  margin-bottom: 0px;
  padding: 10px 8px;
}

.block-ui-message {
  padding: 4px;
  font-size: 14px;
}

ol.list-type.circle li.circle-filled::before, ul.list-type.circle li.circle-filled::before {
  content: "";
}

.media-list {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.media-list .media-entry.media-entry-cut {
  background-color: #f7f7f7 !important;
  color: #aaa;
}
.media-list .media-entry.media-entry-selected {
  color: #111;
  background-color: #9bd8eb !important;
}
.media-list .media-entry.media-entry-selected a, .media-list .media-entry.media-entry-selected a:hover {
  color: #111;
}

/* Fix ng-image-gallery. It's UI is placed partially below other screen elements */
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-content {
  left: 80px;
  top: 36px;
}
.ng-image-gallery .ng-image-gallery-modal .ng-image-gallery-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.tooltip-wide .tooltip-inner {
  max-width: none;
}

pre.pre-compact {
  padding: 0;
  margin: 0;
  border-radius: 0;
  border: 0;
}

pre.pre-inline {
  background-color: transparent;
}

/* Fix <a> links in an <account-ticket> tile header directive */
account-ticket .tile-widget.dk a {
  color: rgba(255, 255, 255, 0.7);
}

.no-animate {
  /* Empty class that the $animateProvider will use to filter against*/
}

.font-monospace {
  font-family: "Ubuntu Mono", sans-serif;
}

.event-current {
  border-color: #014466 !important;
  border-style: dashed;
  border-width: 3px;
}

.calendar-group-selector .fa, .calendar-selector .fa {
  font-weight: bold;
  font-size: 18px;
}
.calendar-group-selector.calendar-unselected, .calendar-selector.calendar-unselected {
  color: #aaaaaa !important;
}
.calendar-group-selector.calendar-unselected .fa.fa-eye, .calendar-selector.calendar-unselected .fa.fa-eye {
  display: none;
}
.calendar-group-selector.calendar-selected, .calendar-selector.calendar-selected {
  color: inherit;
}
.calendar-group-selector.calendar-selected .fa.fa-eye-slash, .calendar-selector.calendar-selected .fa.fa-eye-slash {
  display: none;
}

.calendar-group-selector {
  font-weight: bold;
}

.help-block.calendar-member {
  margin-top: 0;
  margin-bottom: 5px;
}

.help-block.calendar-member-offset {
  margin-top: 0;
  margin-bottom: 5px;
}

.calendar-member-offset {
  padding-left: 52px;
}

.card-container {
  position: relative;
}
.card-container .card-no-back {
  min-height: 110px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  cursor: pointer;
  z-index: 9;
}
.card-container .card-no-back .front {
  height: 100%;
  position: relative;
  width: 100%;
  padding: 28px;
  top: 0;
  left: 0;
  z-index: 11;
}

account-ticket {
  /* Fix <a> links in an <account-ticket> tile header directive */
}
account-ticket .tile-widget.dk a {
  color: rgba(255, 255, 255, 0.7);
}
account-ticket .account-ticket-header {
  padding: 6px 6px !important;
}
account-ticket .account-ticket-header h1 {
  font-size: 16px !important;
  line-height: 100% !important;
  min-height: 23px;
}
account-ticket .account-ticket-pinned .fa-map-pin {
  animation: 0.4s jump ease infinite alternate;
}
account-ticket .account-ticket-customer-impacting .fa-exclamation-circle {
  animation: 0.4s jump ease infinite alternate;
}
@keyframes jump {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
    color: #434aff;
  }
}
account-ticket .panel-body.ticket-description {
  padding: 10px;
  overflow-wrap: break-word;
}
account-ticket .panel-body.ticket-description .edit textarea {
  resize: vertical;
}
account-ticket .panel-body.ticket-description p {
  /* Showdown will wrap some elements in a <p> tag, reset style to 'default' */
  font-size: 100%;
  margin: 0;
}
account-ticket .comment-parent-connector {
  position: absolute;
  width: 2px;
  height: 20%;
  background-color: #ddd;
  left: 19px;
  top: -20px;
  z-index: -1;
}
account-ticket account-ticket-comment-list .tile-body {
  padding: 0 !important;
}
account-ticket account-ticket-comment-list .streamline {
  position: relative;
  z-index: 1;
}
account-ticket account-ticket-comment-list .streamline:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #ddd;
  top: 0;
  left: 19px;
  z-index: 1;
}
account-ticket account-ticket-comment-list .streamline:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #ddd;
  bottom: 0;
  left: 15px;
  z-index: 2;
}
account-ticket account-ticket-comment-list .streamline .streamline-post {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
}
account-ticket account-ticket-comment-list .streamline .streamline-post aside {
  float: left;
  vertical-align: top;
}
account-ticket account-ticket-comment-list .streamline .streamline-post aside:before {
  /* Connect top of the streamline's line to parent comment */
  content: "";
  position: absolute;
  width: 2px;
  height: 20%;
  background-color: #ddd;
  left: 19px;
  top: -20px;
  z-index: -1;
}
account-ticket account-ticket-comment-list .streamline .streamline-post .post-container,
account-ticket account-ticket-comment-list .streamline .streamline-post .reply-container {
  vertical-align: top;
  padding-left: 55px;
  position: relative;
  z-index: 2;
}
account-ticket account-ticket-comment-list .streamline .streamline-post .post-container:before,
account-ticket account-ticket-comment-list .streamline .streamline-post .reply-container:before {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #ddd;
  border-top: 7px solid transparent;
  position: absolute;
  top: 13px;
  left: 48px;
}
account-ticket account-ticket-comment-list .streamline .streamline-post .post-container:after,
account-ticket account-ticket-comment-list .streamline .streamline-post .reply-container:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
  border-top: 6px solid transparent;
  position: absolute;
  top: 14px;
  left: 50px;
}
account-ticket account-ticket-comment-list .streamline .streamline-post .post-replies > li > aside {
  float: left;
  vertical-align: top;
}
account-ticket account-ticket-comment-list .streamline .streamline-form {
  position: absolute;
  width: 100%;
  padding-bottom: 20px;
  z-index: 2;
}
account-ticket account-ticket-comment-list .streamline .streamline-form .thumb {
  float: left;
}
account-ticket account-ticket-comment-list .streamline .streamline-form form {
  padding-left: 55px;
}

.form-compact {
  /* Fix ui-select element positioning */
}
.form-compact .tile .tile-header {
  padding: 6px 15px;
}
.form-compact .tile .tile-widget {
  padding: 6px 8px;
}
.form-compact .tile .tile-header .controls > li > a {
  line-height: 37px;
}
.form-compact .tile .tile-header h1, .form-compact .tile .tile-header h2, .form-compact .tile .tile-header h3, .form-compact .tile .tile-header h4 {
  line-height: 24px;
}
.form-compact .tile .tile-body {
  padding: 10px;
}
.form-compact .nav > li > a {
  padding: 6px 9px;
}
.form-compact .tab-content .tab-pane {
  padding: 10px;
}
.form-compact .form-group {
  margin-bottom: 8px;
}
.form-compact label {
  margin-bottom: 2px;
}
.form-compact input.form-control, .form-compact select.form-control, .form-compact span.form-control {
  height: 24px;
  padding: 2px 4px;
}
.form-compact .input-group-addon {
  padding: 2px 8px;
}
.form-compact .ui-select-bootstrap .ui-select-choices {
  top: auto !important;
}
.form-compact .ui-select-bootstrap .ui-select-toggle > a.btn {
  margin-top: 0px;
}
.form-compact .checkbox, .form-compact .radio {
  margin-top: 0px;
}
.form-compact .checkbox + .checkbox, .form-compact .radio + .radio {
  margin-top: 0px;
}
.form-compact .table.table-custom > tbody > tr td,
.form-compact .table.table-custom > tbody > tr th,
.form-compact .table.table-custom > tfoot > tr td,
.form-compact .table.table-custom > tfoot > tr th,
.form-compact .table.table-custom > thead > tr td,
.form-compact .table.table-custom > thead > tr th {
  padding: 4px;
}

.modal-dialog.modal-full {
  margin: 0;
  width: 100%;
}
.modal-dialog.modal-hg {
  width: 95%;
}

@media print {
  table.table-printable.table-custom > tbody > tr td, table.table-printable.table-custom > tbody > tr th, table.table-printable.table-custom > tfoot > tr td, table.table-printable.table-custom > tfoot > tr th, table.table-printable.table-custom > thead > tr td, table.table-printable.table-custom > thead > tr th {
    padding: 0 2px;
  }
}
th.tablesort-sortable {
  position: relative;
  cursor: pointer;
  padding-bottom: 3px !important;
}
th.tablesort-sortable:hover {
  background-color: #f0f0f0;
}
th.tablesort-sortable:after {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  color: #dbe0e2;
  line-height: 8px;
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
th.tablesort-sortable.tablesort-asc {
  border-bottom: 3px solid #428bca !important;
  padding-bottom: 1px !important;
}
th.tablesort-sortable.tablesort-asc:after {
  color: #428bca;
  content: "";
  border-color: #428bca;
}
th.tablesort-sortable.tablesort-desc {
  border-bottom: 3px solid #428bca !important;
  padding-bottom: 1px !important;
}
th.tablesort-sortable.tablesort-desc:after {
  color: #428bca;
  content: "";
  border-color: #428bca;
}

.tile .tile-header .label {
  position: relative;
  bottom: 3px;
}
.tile .tile-header .tabs {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  right: auto !important;
  /* override float: right from more specific selector (.controls) */
  z-index: 9;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.tile .tile-header .tabs li {
  float: left;
}
.tile .tile-header .tabs li.tab-active {
  border-bottom: 3px solid #428bca !important;
  /* override border from more specific selector */
}
.tile .tile-header .controls ul.pagination {
  margin: 0;
  border: 0;
  height: 100%;
}
.tile .tile-header .controls ul.pagination li > a {
  line-height: 30px;
  border-top: 0;
  border-bottom: 0;
}
.tile .tile-header .controls ul.pagination li:first-child > a {
  border-left: 0;
}
.tile .tile-header .controls ul.pagination li:last-child > a {
  border-right: 0;
}

/* Minovate override: show tile controls on mobile */
@media only screen and (max-width: 628px) {
  .tile .tile-header .controls {
    display: block;
  }
}
/* Minovate override: show tile header in print */
@media print {
  .tile .tile-header {
    display: block;
  }
}
/* Copy of .tile .tile-header .controls */
.tile .tile-footer .controls {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.tile .tile-footer .controls > li {
  display: inline-block;
  height: 100%;
  float: left;
}
.tile .tile-footer .controls > li > a {
  display: block;
  height: 100%;
  line-height: 43px;
  min-width: 41px;
  padding: 0 10px;
  text-align: center;
  color: #666666;
}
.tile .tile-footer .controls > li > a:hover {
  color: #333333;
  text-decoration: none;
}
.tile .tile-footer .controls ul.pagination {
  margin: 0;
  border: 0;
  height: 100%;
}
.tile .tile-footer .controls ul.pagination li > a {
  line-height: 30px;
  border-top: 0;
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.tile .tile-footer .controls ul.pagination li:first-child > a {
  border-left: 0;
}
.tile .tile-footer .controls ul.pagination li:last-child > a {
  border-right: 0;
}
.tile .tile-footer .controls .expand {
  display: none;
}
.tile .tile-footer.dvd .controls > li {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.tile .tile-footer.dvd.dvd-white .controls > li {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.tile .tile-footer .btn {
  padding: 2px 5px;
  margin-right: -24px;
}
.tile .tile-footer.cover {
  padding: 0;
}

.tile[class*=bg-]:not(.bg-default) .controls > li,
.tile-widget[class*=bg-]:not(.bg-default) .controls > li,
.tile-body[class*=bg-]:not(.bg-default) .controls > li,
.tile-footer[class*=bg-]:not(.bg-default) .controls > li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.tile[class*=bg-]:not(.bg-default) .controls > li:last-child,
.tile-widget[class*=bg-]:not(.bg-default) .controls > li:last-child,
.tile-body[class*=bg-]:not(.bg-default) .controls > li:last-child,
.tile-footer[class*=bg-]:not(.bg-default) .controls > li:last-child {
  background-color: rgba(0, 0, 0, 0.1);
  border: 0;
}
.tile[class*=bg-]:not(.bg-default) .controls > li:nth-last-child(2),
.tile-widget[class*=bg-]:not(.bg-default) .controls > li:nth-last-child(2),
.tile-body[class*=bg-]:not(.bg-default) .controls > li:nth-last-child(2),
.tile-footer[class*=bg-]:not(.bg-default) .controls > li:nth-last-child(2) {
  background-color: rgba(0, 0, 0, 0.05);
  border: 0;
}

.pulse {
  border-radius: 50%;
  cursor: pointer;
  padding: 4px;
  box-shadow: 0 0 0 10px rgba(240, 60, 2, 0);
}

.pulse-active {
  animation: pulse 2s infinite, pulse-color 0.5s infinite;
  background: #F03C02;
  box-shadow: 0 0 0 rgba(240, 60, 2, 0.7);
}

.pulse:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(240, 60, 2, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(240, 60, 2, 0.4);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(240, 60, 2, 0);
  }
}
@keyframes pulse-color {
  0% {
    color: #ff0000;
  }
  50% {
    color: inherit;
  }
}
@media (min-width: 768px) {
  .price-plans {
    display: flex;
    flex-wrap: wrap;
  }
}
.price-plans div[class^=col] {
  padding: 3px;
  display: flex;
  flex-direction: column;
}

access-package {
  height: 100%;
}

.price-plan {
  background-color: #f9f9f9;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
  z-index: 9;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.price-plan .plan-type {
  background-color: #fdfdfd;
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.price-plan .plan-type h4 {
  margin: 0;
  text-transform: uppercase;
}

.price-plan .plan-type h4 + span {
  text-transform: uppercase;
  font-weight: 300;
  color: #a2a2a2;
}

.price-plan .plan-price {
  padding: 10px 0;
}

.price-plan .plan-price .unit {
  font-size: 24px;
  position: relative;
  top: -10px;
  display: inline-block;
  margin-right: 10px;
}

.price-plan .plan-price .price {
  font-size: 58px;
}

.price-plan .plan-price .price + span {
  font-size: 38px;
}

.price-plan .plan-price .period {
  font-size: 18px;
  font-weight: 300;
  color: #a2a2a2;
}

.price-plan .plan-price:after {
  content: "";
  display: block;
  margin: 10px auto 0;
  width: 60px;
  border-top: 1px solid #ccc;
}

.price-plan .plan-features {
  padding-bottom: 20px;
}

.price-plan .plan-features ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #6f6f6f;
}

.price-plan .plan-features ul > li {
  line-height: 2.247;
}

.price-plan .plan-actions {
  padding: 10px;
  margin-top: auto;
}

.price-plan.selected {
  background-color: white;
  z-index: 11;
  margin-right: -3px;
  margin-left: -3px;
  top: -21px;
}

.price-plan.selected .plan-type {
  background-color: white;
}

.price-plan.selected .plan-actions {
  padding-bottom: 20px;
}

#header .branding a.brand {
  background: url(../images/branding_logo_header.png) no-repeat 0 10px;
}
#header .notifications .dropdown-menu {
  min-width: 400px;
}
#header .notifications .notification a {
  color: #666;
}
#header .notifications .notification .notification-time {
  color: #aaa;
}
#header .notifications .notification.unread {
  background-color: #536781;
}
#header .notifications .notification.unread a {
  color: #eeeeee;
}
#header .notifications .notification.unread .notification-title {
  font-weight: bolder;
}
#header .notifications .notification.unread .notification-time {
  color: #bbb;
}