/**
  * Adjust Kendo elements
  */
.k-button {
  white-space: nowrap;
}

@-moz-document url-prefix() {
  .k-grid-header .k-filter-row .k-filtercell .k-dropdown-wrap .k-input {
    text-indent: 0.3em;
  }
}
@media (max-width: 1400px) {
  .k-grid .k-button {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
.k-autocomplete,
.k-colorpicker,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-numerictextbox,
.k-selectbox,
.k-textbox,
.k-timepicker,
.k-toolbar .k-split-button {
  top: -1px;
}

@media (max-width: 767px) {
  .report-header .k-widget.k-datepicker .k-select {
    width: calc(100% - 1px);
  }
  .report-header .k-widget.k-datepicker .k-select .k-icon {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
  }
}
.single-day-report-header .k-timepicker .k-select {
  width: calc(100% - 1px);
}
.single-day-report-header .k-timepicker .k-select .k-icon {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

/* Icons */
.k-timepicker .k-i-clock,
.k-datepicker .k-i-calendar {
  position: relative;
  top: -1px;
}

/* Grid Headers */
.k-grid .k-grid-header th.k-header {
  position: relative;
  padding-left: 0.6em;
  vertical-align: middle;
}
.k-grid .k-grid-header th.k-header .k-icon {
  position: absolute !important;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -2px;
}
.k-grid .k-grid-header .k-widget.k-state-focused .k-i-loading,
.k-grid .k-grid-header .k-widget.k-state-hover .k-i-loading {
  bottom: 7px;
}

.k-autocomplete .k-input {
  padding-right: 26px;
  box-sizing: border-box;
}

.k-icon.k-i-loading {
  background-image: url(../images/loading.gif);
}

.k-grid {
  font-size: 14px;
}
.k-grid .k-grid-header th[role=columnheader] {
  text-align: center !important;
}
.k-grid .k-grid-header th.select,
.k-grid td.select {
  padding-left: 12px;
}
.k-grid tr td {
  border-left-width: 0;
}
.k-grid tr:last-child > td {
  border-bottom-width: 0;
}

.first-column-remove-ellipsis td:first-child {
  text-overflow: clip;
}

.log-grid .k-grid-header .k-dropdown.at-prod-dropdown,
.k-grid-header .k-dropdown.at-alarm-type-dropdown,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown {
  position: absolute;
}
.log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap {
  width: 75px;
}
.log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap .k-input,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap .k-input,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap .k-input {
  text-indent: 8px;
}
.log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap.k-state-hover, .log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap.k-state-border-down, .log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap.k-state-focused,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap.k-state-hover,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap.k-state-border-down,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap.k-state-focused,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap.k-state-hover,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap.k-state-border-down,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap.k-state-focused {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap .fa,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap .fa,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap .fa {
  text-indent: 0;
  font-size: 18px;
  vertical-align: middle;
}
.log-grid .k-grid-header .k-dropdown.at-prod-dropdown .k-dropdown-wrap .k-select,
.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap .k-select,
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap .k-select {
  right: auto;
  left: 12px;
  top: 3px;
}

.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap {
  width: 130px;
}
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap .k-input {
  text-indent: 15px;
}
.k-grid-header .k-dropdown.at-alarm-screenshot-dropdown .k-dropdown-wrap .k-select {
  left: 35px;
}

.k-grid-header .k-dropdown.at-alarm-type-dropdown .k-dropdown-wrap .k-select {
  left: 20px;
}

/* Fix grid validation tooltip */
.k-editable .k-grid-content.k-auto-scrollable,
.k-editable .k-grid-edit-row td {
  overflow: visible;
}

.k-tooltip {
  z-index: 799;
}

.k-tooltip.k-tooltip-validation {
  padding-bottom: 3px;
}
.k-tooltip.k-tooltip-validation .k-i-warning {
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.k-edit-cell .k-tooltip,
.k-grid-edit-row .k-tooltip {
  font-weight: 500;
  padding-bottom: 7px;
}

.aliases-grid.k-editable .k-grid-edit-row td {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Pagination */
.k-pager-numbers {
  z-index: 10;
}
.k-pager-numbers li {
  padding-left: 0;
}

.k-grid-pager.out-of-grid-pager-top {
  border-bottom-style: none;
  border-left-width: 1px;
  border-right-width: 1px;
}

.k-grid-pager.out-of-grid-pager-bottom {
  border-top-style: none;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.k-pager-wrap {
  font-size: 14px;
}
.k-pager-wrap .k-link,
.k-pager-wrap .k-link:link {
  color: #404242;
}
.k-pager-wrap .k-icon {
  opacity: 0.45;
}

.k-pager-sizes.k-label {
  top: 2px;
  position: relative;
}

.k-pager-sizes.k-label .k-input {
  line-height: 2.429em;
}

.k-pager-numbers .k-state-selected {
  border-color: #428bca transparent transparent !important;
  color: #428bca !important;
}

.k-pager-wrap .k-link {
  color: #3a8fc8;
}

.k-pager-wrap .k-link:hover {
  color: #428bca;
}

@media only screen and (max-width: 1024px) {
  .k-pager-numbers .k-pager-nav.k-link:after {
    content: "\e006" !important;
    margin-top: -0.35em !important;
  }
}
.k-loading-image {
  display: none;
}

/* Remove unnecessary space to the right of grid filter fields, AC-339 */
.k-filtercell > .k-operator-hidden {
  padding-right: 0 !important;
}

.k-filtercell .k-operator-hidden .k-button.k-button-icon {
  display: none;
}

.k-ff .k-filtercell .k-operator-hidden .k-button.k-button-icon {
  padding: 3px 4px 4px 4px !important;
  right: 0;
  top: 0;
}

.k-grid tr td .k-button,
.k-filtercell .k-operator-hidden .k-button.k-button-icon {
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: none;
  text-transform: capitalize;
}

.k-filtercell .k-operator-hidden .k-autocomplete,
.k-filtercell .k-operator-hidden .k-textbox {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1);
}

.k-filtercell .k-operator-hidden .k-autocomplete.k-state-hover,
.k-filtercell .k-operator-hidden .k-autocomplete.k-state-focused,
.k-filtercell .k-operator-hidden .k-textbox:focus,
.k-filtercell .k-operator-hidden .k-textbox:hover {
  box-shadow: none;
}

.k-filtercell .k-operator-hidden .k-autocomplete.k-state-focused .k-input,
.k-filtercell .k-operator-hidden .k-textbox:focus {
  background-color: #fff;
}

.k-filter-row:hover {
  background-color: inherit !important;
}

.k-calendar .k-today {
  background-color: rgba(255, 255, 255, 0);
}

.k-calendar .k-today .k-link {
  color: #404242;
}

.k-calendar .k-today.k-state-hover {
  color: #404242;
  background-color: #ebebeb;
  border-color: #ebebeb;
}

.k-calendar .k-footer .k-nav-today {
  color: #3c93ce;
  text-decoration: none;
}
.k-calendar .k-footer .k-nav-today:active, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-footer .k-nav-today:hover {
  color: #6dc0f9;
  text-decoration: none;
}

.k-calendar .k-header .k-link.k-nav-prev,
.k-calendar .k-header .k-link.k-nav-next {
  border-radius: 50%;
}

.k-ff .k-pager-sizes,
.k-ie11 .k-pager-sizes,
.k-safari .k-pager-sizes,
.k-webkit .k-pager-sizes {
  display: inline-block !important;
}

.k-grid tr td .k-button {
  text-transform: none;
}

/* Site icons (favicons) in Kendo grids */
td[role=gridcell] .favicon {
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
}

td[role=gridcell] .spacer {
  width: 21px;
  display: inline-block;
}

.selectable-grid table tr.k-state-selected {
  background-color: #626c75;
}

.selectable-grid table tr.k-state-selected i {
  color: #fff !important;
}

/* Remove Grid Scrollbar */
.no-scroll-grid .k-grid-header {
  padding: 0 !important;
}

.no-scroll-grid .k-grid-content {
  overflow-y: hidden;
}

.no-scroll-grid table {
  table-layout: fixed;
}

.no-spinner-grid .k-loading-mask {
  display: none;
}

.k-grid .k-grid-content {
  min-height: 60px;
}

.compact-grid th.k-header[role=columnheader] {
  padding-left: 0.3em;
  padding-right: 0.3em;
}
.compact-grid th {
  font-weight: 500 !important;
  color: #404242 !important;
}
.compact-grid th .k-link {
  font-weight: 500 !important;
  color: #404242 !important;
}
.compact-grid .k-filter-row th {
  padding: 4px;
}
.compact-grid.k-grid td {
  padding: 2px 9px;
  line-height: 1.3em;
}
.compact-grid .productivity .fa {
  font-size: 1.4em;
}

.dirty-record {
  content: "";
  border-width: 3px;
  border-style: solid;
  border-color: #D32F2F transparent transparent #D32F2F;
  position: absolute;
  left: 0;
  top: 0;
}

/* Adds styles to the Kendo list view when not a full screen grid to mimic the Pages css for panels */
.k-listView {
  box-shadow: none;
  border-collapse: collapse;
  transition: all 0.2s ease;
  position: relative;
  background: transparent;
  margin: 0 0 0 0;
  padding: 10px 20px;
}

.k-listView:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}

.k-listView td {
  padding: 0.5em 0;
  font-size: 1.1em;
}

.k-listView td:first-child {
  font-weight: bold;
  white-space: nowrap;
  padding-right: 0.5em;
}

.k-listView td:last-child {
  width: 99%;
  word-break: break-all;
}

.k-grid-header .k-select .k-icon {
  position: relative !important;
  top: -4px;
}

/* Top Users grid customizations */
.top-users-grid .fa-circle {
  font-size: 0.7em;
  position: relative;
  top: -1px;
}

.top-users-grid td:nth-child(5),
.top-users-grid td:nth-child(9) {
  border-left: 1px solid #e6e6e6;
}

.top-users-grid-mobile tr:nth-child(1),
.top-users-grid-mobile tr:nth-child(3),
.top-users-grid-mobile tr:nth-child(6) {
  border-bottom: 1px solid #e6e6e6;
}

.top-users-grid-mobile td > div.inline {
  width: 6em;
  white-space: nowrap;
  line-height: 1em;
}
.top-users-grid-mobile td > div.inline.top-users-total {
  margin-right: 0.4em;
}

/* END Top Users */
/* Kendo table headers */
.k-pager-wrap .k-dropdown {
  width: auto !important;
}

.k-header .k-link {
  text-align: center;
}

/* END Kendo table headers */
/* Kendo datetimepicker error */
.k-date-error .k-datepicker .k-picker-wrap {
  border-color: #eed3d7;
  background-color: #f2dede;
  color: #b94a48;
}

/* END Kendo table headers */
/* Kendo datetimepicker icon */
.k-picker-wrap .k-icon {
  width: 17px;
}

/* END Kendo datetimepicker icon */
/* Kendo slider */
.k-slider .k-draghandle {
  border-color: #10cfbd;
  background-color: #10cfbd;
  margin-left: 1px !important;
  width: 10px !important;
  height: 10px !important;
}
.k-slider .k-draghandle.k-state-focused,
.k-slider .k-draghandle.k-state-focused:link {
  border-color: #10cfbd;
  background-color: #10cfbd;
  margin-left: 0 !important;
  width: 12px !important;
  height: 12px !important;
}
.k-slider .k-draghandle.k-state-selected.k-state-focused,
.k-slider .k-draghandle.k-state-selected.k-state-focused:link {
  margin-top: 1px !important;
}
.k-slider .k-slider-selection {
  display: none;
}

.k-slider .k-draghandle:hover {
  border-color: #10cfbd;
  background-color: #10cfbd;
  box-shadow: 0 0 0 8px rgba(16, 207, 189, 0.3);
}

.k-slider li.k-tick:not(.k-tick-large) {
  visibility: hidden;
}
.k-slider li.k-tick span {
  display: none;
}

/* END Kendo slider */
/* Kendo chart and grid scrolling on mobile */
.k-chart,
.k-grid {
  touch-action: auto !important;
}

/* END Kendo chart and grid scrolling on mobile */
/* Use pointer cursor in charts to indicate they are clickable */
/* Make this more specific if non-clickable charts are added later */
.kendo-chart-wrapper [fill-opacity="0.2"] {
  cursor: pointer;
}

.at-remove-svg-pointer .kendo-chart-wrapper [fill-opacity="0.2"] {
  cursor: default !important;
}

/* Kendo pager refresh button*/
.k-pager-refresh .k-icon {
  opacity: 0.45;
}

/* END Kendo pager refresh button */
/* Grid buttons alignment */
.k-grid tbody td > .k-grid-delete {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.k-button-icontext.k-grid-remove span:not(.k-icon) {
  height: 16px;
  vertical-align: text-top;
}

/* END Grid buttons alignment */
.user-select-modal table.k-selectable {
  touch-action: manipulation !important;
}

/* Pending categorization */
classificationGridContainer #categorizationGridContainer colgroup > col:last-child {
  width: 200px !important;
}
classificationGridContainer #categorizationGridContainer .k-grid-content {
  height: 430px;
  overflow-y: hidden;
}
classificationGridContainer #categorizationGridContainer .k-pager-wrap .k-pager-info {
  display: none;
}

@media (min-width: 1400px) and (max-width: 1599px) {
  #categorizationGridContainer .k-grid-content {
    height: 460px;
  }
}
@media (max-width: 1599px) {
  .non-hd-m-t-5 {
    margin-top: 5px;
  }
}
@media (min-width: 1600px) {
  .hide-on-hd {
    display: none;
  }
  #categorizationGridContainer colgroup > col:last-child {
    width: 380px !important;
  }
  #categorizationGridContainer .k-grid-content {
    height: 245px;
  }
}
/* END Pending categorization */
/* STORAGE COLUMNS */
.storage-user-domain-column {
  width: 25%;
}

.storage-user-column {
  width: 25%;
}

.storage-user-alias-column {
  width: 25%;
}

.storage-user-first-log-column,
.storage-user-last-log-column,
.storage-user-last-ss-column {
  width: 12.5%;
}

.storage-user-logs-count-column {
  width: 7.143%;
}

.storage-user-ss-count-column,
.user-storage-column {
  width: 9.184%;
}

@media (max-width: 1175px) {
  .storage-user-domain-column {
    width: 150px;
    box-sizing: border-box !important;
  }
  .storage-user-column {
    width: 200px;
    box-sizing: border-box !important;
  }
  .storage-user-alias-column {
    width: 160px;
    box-sizing: border-box !important;
  }
  .storage-user-last-log-column {
    width: 110px;
    box-sizing: border-box !important;
  }
  .storage-user-last-ss-column {
    width: 110px;
    box-sizing: border-box !important;
  }
  .storage-user-logs-count-column {
    width: 70px;
    box-sizing: border-box !important;
  }
  .storage-user-ss-count-column {
    width: 90px;
    box-sizing: border-box !important;
  }
  .user-storage-column {
    width: 90px;
    box-sizing: border-box !important;
  }
}
.storage-comp-domain-column {
  width: 22%;
}

.storage-computer-column {
  width: 22%;
  height: 30px;
}

.storage-computer-alias-column {
  width: 19%;
}

.storage-comp-os-column {
  width: 5%;
}

.storage-grid .k-grid-header .k-dropdown-wrap {
  width: 75px;
}
.storage-grid .k-grid-header .k-dropdown-wrap.k-state-hover, .storage-grid .k-grid-header .k-dropdown-wrap.k-state-focused, .storage-grid .k-grid-header .k-dropdown-wrap.k-state-active {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
  box-shadow: none;
}
.storage-grid .k-grid-header .k-dropdown-wrap .k-input > .fa {
  margin-left: -10px;
}
.storage-grid .k-grid-header .k-dropdown-wrap .k-select {
  top: 2px;
  right: auto;
  left: 20px;
}

.storage-agent-version-column {
  width: 8.457%;
}

.storage-comp-first-log-column,
.storage-comp-last-log-column,
.storage-comp-last-ss-column {
  width: 12%;
}

.storage-comp-logs-count-column {
  width: 7.399%;
}

.storage-comp-ss-count-column,
.comp-storage-column {
  width: 9.514%;
}

@media (max-width: 1432px) {
  .storage-comp-domain-column {
    width: 150px;
    box-sizing: border-box !important;
  }
  .storage-computer-column {
    width: 200px;
    box-sizing: border-box !important;
  }
  .storage-computer-alias-column {
    width: 160px;
    box-sizing: border-box !important;
  }
  .storage-comp-os-column {
    width: 46px;
    box-sizing: border-box !important;
  }
  .storage-agent-version-column {
    width: 80px;
    box-sizing: border-box !important;
  }
  .storage-comp-first-log-column,
.storage-comp-last-log-column {
    width: 110px;
    box-sizing: border-box !important;
  }
  .storage-comp-last-ss-column {
    width: 110px;
    box-sizing: border-box !important;
  }
  .storage-comp-logs-count-column {
    width: 70px;
    box-sizing: border-box !important;
  }
  .storage-comp-ss-count-column {
    width: 90px;
    box-sizing: border-box !important;
  }
  .comp-storage-column {
    width: 90px;
    box-sizing: border-box !important;
  }
}
/* END STORAGE COLUMNS */
.text-overflow-clip {
  text-overflow: clip !important;
}

#alarmConditionsGrid .k-textbox:not(:focus) {
  box-shadow: none !important;
}

#alarmConditionsGrid .k-textbox:focus {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-picker-wrap {
  height: 33px;
}
.k-picker-wrap .k-input {
  height: 100% !important;
}

.title-v-align-top tbody > tr > td:first-child {
  vertical-align: top;
}

.title-v-align-middle tbody > tr > td:first-child {
  vertical-align: middle;
}

.zero_opacity {
  opacity: 0 !important;
}

.k-multiselect {
  border: 0 !important;
}
.k-multiselect .k-button {
  text-transform: none;
}
.k-multiselect li span {
  margin-right: 0 !important;
}
.k-multiselect .k-multiselect-wrap {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
.k-multiselect input {
  color: rgba(44, 44, 44, 0.35);
}
.k-multiselect.k-state-disabled {
  opacity: 1;
}
.k-multiselect.k-state-disabled .k-multiselect-wrap {
  background: #f8f8f8;
  cursor: not-allowed;
}
.k-multiselect.k-state-disabled .k-multiselect-wrap input {
  color: rgba(98, 98, 98, 0.05);
}

@media (min-width: 992px) {
  .k-tooltip {
    z-index: 10103 !important;
  }
}
.pull-right-position {
  position: absolute;
  right: 0;
  top: 0;
}

.white-space-nowrap {
  white-space: nowrap;
}

div[class*=at-bar-chart-] tr.k-state-selected {
  color: inherit;
  background-color: inherit;
  box-shadow: none;
}
div[class*=at-bar-chart-] tr.k-state-selected:hover > td, div[class*=at-bar-chart-] tr.k-state-selected:focus > td, div[class*=at-bar-chart-] tr.k-state-selected:active > td {
  color: inherit;
  background-color: inherit;
  box-shadow: none;
}

.overflow-visible {
  overflow: visible !important;
}

span.k-input.condition-field {
  padding: 0 !important;
}

.show-tooltip-foreground {
  z-index: 11200 !important;
}
.show-tooltip-foreground .k-tooltip {
  visibility: visible !important;
}

.compact-grid .k-grid-content tr {
  height: 1.3em;
}

.log-grid .k-dropdown.k-header.at-prod-dropdown .k-dropdown-wrap .k-input::before,
.k-dropdown.k-header.at-alarm-type-dropdown .k-dropdown-wrap .k-input::before {
  display: none;
}

.groups-grid .k-button.k-button-icontext.k-primary.k-grid-update {
  width: 65px;
  color: #ffffff;
  background-color: #10cfbd;
  border-color: #10cfbd;
}
.groups-grid .k-button.k-button-icontext.k-grid-cancel {
  width: 90px;
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.groups-grid .k-button.k-button-icontext.k-grid-edit {
  width: 80px;
}
.groups-grid .k-button.k-button-icontext.k-grid-remove {
  width: 75px;
}

.at-alarm-details .k-button.k-button-icontext {
  background: none;
  width: 95px;
  height: 35px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: 21px;
  position: relative;
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
}
.at-alarm-details .k-button.k-button-icontext.k-primary.k-grid-update {
  color: #ffffff;
  margin-right: 10px;
  background-color: #10cfbd;
  border-color: #10cfbd;
}
.at-alarm-details .k-button.k-button-icontext.k-primary.k-grid-update:hover {
  background-color: #40d9ca;
  border-color: #40d9ca;
}
.at-alarm-details .k-button.k-button-icontext.k-grid-cancel {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.at-alarm-details .k-button.k-button-icontext.k-grid-cancel:hover {
  background-color: #f77975;
  border-color: #f77975;
}
.at-alarm-details .k-button.k-button-icontext.k-grid-edit {
  color: #ffffff;
  margin-right: 10px;
  background-color: #48b0f7;
  border-color: #48b0f7;
}
.at-alarm-details .k-button.k-button-icontext.k-grid-edit:hover {
  background-color: #6dc0f9;
  border-color: #6dc0f9;
}
.at-alarm-details .k-button.k-button-icontext.k-grid-delete {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.at-alarm-details .k-button.k-button-icontext.k-grid-delete:hover {
  background-color: #f77975;
  border-color: #f77975;
}
.at-alarm-details .k-button.k-button-icontext .k-icon {
  color: #fff;
  opacity: 1;
}

.input-group-addon {
  background: #fafafa;
}

input.form-control:focus {
  background: #ffffff;
}

.hide-header .k-grid-header {
  display: none;
  height: 0;
  border: none;
}

.k-calendar-container.k-popup .k-header {
  background-color: #48b0f7;
}
.k-calendar-container.k-popup .k-header .k-state-hover {
  background-color: #3a8fc8;
}

.k-pager-wrap.k-widget.k-floatwrap.k-pager-sm .k-pager-numbers.k-reset {
  width: 100%;
}
.k-pager-wrap.k-widget.k-floatwrap.k-pager-sm .k-pager-numbers.k-reset .k-link.k-pager-nav:after {
  top: 4px;
}

.pager-list-force-open-down ul.k-pager-numbers {
  flex-direction: column !important;
  flex-flow: column;
  transform: translatey(0) !important;
}
.pager-list-force-open-down ul.k-pager-numbers.k-state-expanded li.k-current-page {
  margin-top: 0 !important;
}
.pager-list-force-open-down ul.k-pager-numbers li {
  transform: translatey(0) !important;
}

.k-animation-container .k-list-container {
  width: auto !important;
}

.k-grid tbody tr.at-row-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.k-grid tbody tr.at-row-disabled td {
  color: #bdbdbd;
}
.k-grid tbody tr.at-row-disabled td a, .k-grid tbody tr.at-row-disabled td i, .k-grid tbody tr.at-row-disabled td span {
  pointer-events: none;
  color: #bdbdbd !important;
}
.k-grid tbody tr.at-row-disabled td i {
  pointer-events: none;
}

.k-treelist tbody tr {
  height: 40px;
}
.k-treelist .at-dropdown-buttons .at-dropdown-buttons-label i {
  font-size: 20px;
}
.k-treelist .k-loading-image {
  visibility: hidden;
}

.ktb-var-normal-text-color {
  color: #404242;
}

.ktb-var-hover-text-color {
  color: #404242;
}

.k-button {
  color: #404242;
}

.k-button.k-state-hover {
  color: #404242;
}

.k-button.k-state-disabled:active {
  color: #404242;
}

.k-split-button.k-state-border-down > .k-button,
.k-split-button.k-state-border-up > .k-button {
  color: #404242;
}

.k-split-button:focus:not(.k-state-disabled) > .k-state-active,
.k-split-button:focus:not(.k-state-disabled) > .k-button:hover {
  color: #404242;
}

.k-card {
  color: #404242;
}

.k-chat {
  color: #404242;
}

.k-chat .k-bubble {
  color: #404242;
}

.k-chat .k-message-box {
  color: #404242;
}

.k-chat .k-toolbar-box {
  color: #404242;
}

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input {
  color: #404242;
}

.k-calendar {
  color: #404242;
}

.k-calendar th {
  color: #404242;
}

.k-calendar .k-alt {
  color: #404242;
}

.k-calendar td.k-state-hover .k-link {
  color: #404242;
}

.k-calendar-container.k-popup .k-header {
  background-color: #03dac5 !important;
}
.k-calendar-container.k-popup .k-header .k-state-hover {
  background-color: #03dac5;
}

.k-calendar .k-today .k-link {
  box-shadow: inset 0 0 0 1px #BDBDBD;
}

.k-calendar td.k-state-selected .k-link {
  border-color: #03dac5 !important;
  color: #fff;
  background-color: #03dac5 !important;
  background-image: none;
  box-shadow: none;
}

.k-calendar .k-nav-next {
  right: 18px;
}

.k-calendar .k-footer {
  display: none !important;
}

@media (max-width: 991px) {
  .sm-p-b-0 {
    padding-bottom: 0 !important;
  }
}
.m-t-7 {
  margin-top: 7px;
}

.m-r-1 {
  margin-right: 1px;
}

.m-r-2 {
  margin-right: 2px;
}

.m-l-0 {
  margin-left: 0 !important;
}

.right-0 {
  right: 0;
}

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

.flex {
  display: flex;
}

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

.flex-end {
  align-self: flex-end;
}

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

.label {
  position: relative;
  top: -2px;
  border-radius: 10px;
}

.width-100-percent {
  width: 100%;
}

.text-gray {
  color: #888;
}

.break-word {
  word-break: break-all;
}

.weight-normal {
  font-weight: normal !important;
}

.font-montserrat {
  font-family: Montserrat, sans-serif !important;
}

.font-roboto {
  font-family: Roboto, "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
.font-roboto *:not(.k-callout):not(.k-icon):not(i):not(.iconButton):not(.pg):not(.fa):not(.material-icons) {
  font-family: Roboto, "Helvetica Neue", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

.breadcrumb,
.breadcrumb a {
  font-family: Montserrat, "Segoe UI", Arial, sans-serif;
}

.dropdown-menu:not(.dropdown-options) {
  left: auto;
  min-width: 100%;
}

.alert {
  margin: 15px 0;
}

.pos-r {
  position: relative;
}

.page-sidebar {
  z-index: 10100 !important;
  /* to cover kendo dropdowns - 10002 */
}

body.lower-sidebar .page-sidebar {
  z-index: 1010 !important;
}

body.mobile .page-sidebar .sidebar-menu .menu-items li.active:hover > .icon-thumbnail {
  color: #fff !important;
}

input.form-control.input-sm:hover {
  background-color: #f0f0f0;
  border-color: rgba(98, 98, 98, 0.27);
  color: #1a1a1a;
}

.modal-title {
  font-weight: 500;
}

.modal-dialog {
  margin-top: 100px;
}

/* Centered modal */
.centered-modal.modal {
  font-family: Roboto, sans-serif !important;
  text-align: center;
}

.centered-modal.modal:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.centered-modal .modal-dialog {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.centered-modal-800px .modal-dialog {
  width: 800px !important;
}

.centered-modal-700px .modal-dialog {
  width: 700px !important;
}

.centered-modal-500px .modal-dialog {
  width: 500px !important;
}

/* Modal on small screens */
@media (max-width: 768px) {
  .modal .modal-header {
    padding: 15px 15px 0;
  }
  .modal .modal-body {
    padding: 15px;
  }
  .modal .modal-footer {
    padding: 0 15px 15px;
  }
}
/* END modals on small screens */
.panel .dashboardheader {
  margin-top: 5px !important;
}
.panel .dashboardheader a {
  font-size: 14px;
  color: #333 !important;
  text-decoration: none !important;
  opacity: 1;
}
.panel .dashboardheader a:hover {
  color: #317bac !important;
}

/* Center the 'plus' expand button on collapsible panels - top websites, top applications Quick Stats */
.panel-group .panel-heading .panel-title > a:after {
  top: 25px;
}

/* Filter panel  - e.g. screenshots pages */
.panel-heading.filter-panel-heading {
  display: flex;
  justify-content: space-between;
  padding-right: 26px;
  padding-bottom: 13px;
}
.panel-heading.filter-panel-heading .panel-title {
  width: auto;
  margin-right: 10px;
  min-width: 102px;
}
.panel-heading.filter-panel-heading .filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-shrink: 1;
}

.filters .label {
  margin: 3px 10px 3px 0;
  font-size: 1em;
  font-weight: normal;
  padding: 5px 11px;
  border-radius: 12px;
  position: static;
  cursor: auto;
}
.filters .label span {
  max-width: 250px;
  vertical-align: bottom;
  display: inline-block;
  line-height: 1.3;
}
.filters .label i {
  margin-left: 1px;
  margin-right: -3px;
  font-size: 0.96em;
  color: rgba(98, 98, 98, 0.7);
  position: relative;
  top: -1px;
}
.filters .label i:hover {
  color: rgb(98, 98, 98);
}

@media (max-width: 375px) {
  .filters .label span {
    max-width: 195px;
  }
}
.panel .panel-heading {
  z-index: auto;
}

@media (max-width: 586px) {
  .panel-heading.filter-panel-heading {
    display: block;
  }
  .panel-heading.filter-panel-heading .filters {
    justify-content: flex-start;
  }
}
/* END Filter panel */
/* Center the 'up arrow' collapse button on collapsible panels - alarm edit page */
.panel-collapsed .panel-heading {
  padding-top: 17px;
}
.panel-collapsed .panel-heading .panel-controls {
  transform: rotate(180deg);
}

.panel-collapsed .panel-heading.separator:after {
  display: none;
}

.panel-heading[data-toggle=collapse] {
  cursor: pointer;
  transition: padding-top 0.2s;
}
.panel-heading[data-toggle=collapse] li {
  padding: 0;
}
.panel-heading[data-toggle=collapse] .panel-controls {
  transition: transform 0.2s;
}

.copyright {
  border-top: none;
}

@media (min-width: 1150px) {
  .menu-pin #dashboard .panel-controls {
    float: none;
    margin-top: 5px;
  }
  .menu-pin #dashboard .panel .panel-heading.dynamic-heading + .panel-body {
    height: calc(100% - 80px);
  }
}
@media (min-width: 991px) and (max-width: 1150px) {
  #dashboard .panel-controls {
    float: none;
    margin-top: 10px;
  }
  #dashboard .panel .panel-heading.dynamic-heading + .panel-body {
    height: calc(100% - 80px);
  }
}
@media (min-width: 320px) and (max-width: 359px) {
  .panel .panel-heading .panel-controls {
    float: none;
    margin-top: 5px;
  }
  .panel .panel-heading .panel-controls .dropdown-menu {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1200px) and (max-width: 1232px) {
  .menu-pin .btn-define-categories {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1309px) {
  body:not(.menu-pin) .btn-define-categories {
    display: none;
  }
}
@media (min-width: 1200px) {
  .sidebar-buffer {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    width: 70px;
    height: 100%;
    z-index: 10101;
    visibility: visible;
    transition-duration: 0ms;
    transition-delay: 0.5s;
  }
  .sidebar-visible .sidebar-buffer {
    visibility: hidden;
    transition: visibility 0s linear;
    transition-duration: 0ms;
    transition-delay: 0s;
  }
}
@media (min-width: 992px) {
  /* make dashboard widgets equal height */
  .md-flex {
    display: flex;
  }
  .md-flex .col-md-6 {
    display: flex;
  }
  .md-flex .col-md-6 > *:not(.panel) {
    display: flex;
    flex-grow: 1;
  }
  .md-flex .panel {
    flex-grow: 1;
    width: 0;
  }
  .md-m-b-0 {
    margin-bottom: 0;
  }
  .md-m-b-20 {
    margin-bottom: 20px;
  }
  .md-pull-right {
    float: right !important;
  }
}
@media (max-width: 1199.9999px) {
  .copyright {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767.9999px) {
  .page-container .page-content-wrapper .content {
    overflow-x: visible;
    /* allow the kendo page selector on mobile to show on top of the page header */
  }
  .sm-action-bar a {
    padding-left: 21px;
  }
  .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .global-alert-container {
    padding: 0px;
  }
  .breadcrumb {
    font-size: 0.9em;
  }
  .sm-inline-block {
    display: inline-block;
  }
  .sm-full-width {
    width: 100%;
  }
  .text-center-xs {
    text-align: center;
  }
  .copyright {
    padding-bottom: 17px;
  }
  .sm-text-center {
    text-align: center !important;
  }
  .sm-block {
    display: block;
  }
  .sm-pull-reset {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .copyright {
    padding-top: 5px;
  }
  .sm-lg-text-right {
    text-align: right;
  }
  .sm-up-inline-block {
    display: inline-block;
  }
  .sm-up-p-r-0 {
    padding-right: 0;
  }
}
.page-container {
  padding-left: 15px;
  transition: padding-left 150ms ease-out;
}

@media (min-width: 1200px) {
  .lg-full-width {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) {
  .row .filter {
    padding-left: 0 !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 767px) {
  .s-p-l-5 {
    padding-left: 5px;
  }
}
@media (max-width: 480px) {
  .panel .panel-body--no-header {
    padding-top: 10px;
  }
}
@media (max-width: 360px) {
  .xs-full-width {
    width: 100% !important;
  }
  .xs-m-b-0 {
    margin-bottom: 0;
  }
  .xs-p-l-10 {
    padding-left: 10px !important;
  }
  .xs-p-r-10 {
    padding-right: 10px !important;
  }
  .col-xxs-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.page-sidebar .sidebar-header .sidebar-slide-toggle i {
  padding-top: 2px;
}

body > .pgn-wrapper[data-position=top] {
  position: fixed;
}

body.scrolled-down > .pgn-wrapper[data-position=top] {
  position: fixed;
  top: 0;
}

/* Dropdown submenu */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 5px;
}
.dropdown-submenu > .dropdown-menu li:first-child {
  padding-top: 0;
}
.dropdown-submenu > .dropdown-menu li:last-child {
  padding-bottom: 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #0a0a0a;
  margin-top: 14px;
  margin-right: -13px;
}
.dropdown-submenu.pull-left, .dropdown-submenu.pull-right {
  float: none !important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: auto;
  right: 100%;
  margin-right: -10px;
}
.dropdown-submenu.pull-right > .dropdown-menu {
  left: 100%;
  right: auto;
  margin-left: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #626262;
}

/* END dropdown submenu */
.panel-body textarea {
  resize: vertical;
}

.modal-open .full-height {
  overflow: hidden;
}

.checkbox input[type=checkbox]:focus + label:before,
.checkbox input[type=radio][disabled] + label:after,
.radio input[type=radio]:focus + label:before {
  background-color: #fff !important;
}

.nav-tabs-simple > li:after {
  height: 3px;
  opacity: 0;
  visibility: hidden;
}

.nav-tabs-simple > li.active:after,
html.no-touch .nav-tabs-simple > li:hover:after {
  opacity: 1;
  visibility: visible;
}

body.menu-pin .hidden-pinned {
  display: none;
}
body.menu-pin .visible-pinned {
  display: block;
}

body:not(.menu-pin) .hidden-pinned {
  display: block;
}
body:not(.menu-pin) .visible-pinned {
  display: none;
}

.v-align-text-top {
  vertical-align: top !important;
}

.v-align-baseline {
  vertical-align: baseline !important;
}

.checkbox input[type=checkbox]:checked + label::before {
  border-width: 9px;
  border-bottom-width: 8px;
  border-right-width: 8px;
}

.login-container .checkbox input[type=checkbox] + label:before {
  margin-top: 1px;
}
.login-container .checkbox input[type=checkbox] + label:after {
  margin-top: 1px;
}

.checkbox input[type=checkbox][disabled] + label {
  cursor: not-allowed;
}

.url-button .fa.fa-info-circle {
  position: relative;
  font-size: 17px;
  top: 1px;
}
.url-button .fa.fa-external-link {
  position: relative;
  font-size: 18px;
  top: 2px;
}

[data-toggle-pin=sidebar] > i:before {
  display: inline-block;
  content: "\f08d" !important;
  -webkit-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
  color: inherit !important;
}

body.menu-pin [data-toggle-pin=sidebar] > i:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #f0f0f0 !important;
}

.page-sidebar .sidebar-header .sidebar-header-controls {
  -webkit-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
  -ms-transform: translate(48px, 0);
}

@media only screen and (min-width: 980px) {
  body.menu-pin .page-sidebar .sidebar-header .sidebar-header-controls {
    -webkit-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
    -webkit-transform: translate3d(18px, 0, 0);
    transform: translate3d(18px, 0, 0);
    -ms-transform: translate(18px, 0);
  }
}
@media (min-width: 768px) {
  .modal-smedium {
    width: 500px;
  }
}
.menu-pin-m-l-100 {
  margin-left: 47px;
  transition: margin-left 90ms ease;
}

.menu-pin .menu-pin-m-l-100 {
  margin-left: 31px;
}

.form-group-default.input-group > label {
  margin-top: 7px;
}
.form-group-default.input-group .input-group-addon {
  height: 52px;
  min-width: 52px;
}

.scroll-wrapper > .scroll-content {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.bg-master-light {
  background-color: #f5f5f5;
}