/* --- import styles for download table (datepicker) --- */
@import url('jquery-ui.css');
@import url('cangas.datepicker.css');
@import url('bootstrap-clockpicker.min.css');
@import url('daterangepicker.css');

.ui-datepicker-title {
  text-decoration: underline;
  cursor: pointer;
}

/* --- body --- */

html {
  height: 100%;
}

body.sidebar-fixed .left-sidebar {
  height: calc(100% - 44px);
}

body.page-nomenu {
  height: 100%;
}

body.page-nomenu .full-page-wrapper.wrapper {
  min-height: 100%;
  height: auto;
  padding-bottom: 50px;
}

body.page-nomenu .footer {
  position: relative;
  margin-top: -36px;
}

/* --- remove padding in the content area --- */
#stats-tab-content {
  padding-bottom: 0;
  min-height: 500px;
  position: relative;
}

/* --- tables customizations --- */

table.v-center tbody>tr>td {
    vertical-align: middle;
}

.table a i {
  color: #555555;
  font-size: 17px;
}

.form-inline .form-control {
  padding: 0 17px 0 5px;
  height: 25px;
}
select.input-sm {
  background-position: right 5px top 8px !important;
}

.table .nopadding table {
  margin: -8px auto -8px auto !important;
}
.table .nopadding table tr:first-child td {
  border: 0 !important;
}

.datatable {
  table-layout: fixed;
}
.datatable td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table.table-borderless-header > thead > tr > th {
  border: 0;
}
table.table-borderless-header > tbody > tr > td {
  border-top: 1px solid #e5e5e5;
}

/* --- fix for top bar logged-in user button and logo --- */
.top-bar .logged-user .btn {
  font-size: inherit !important;
}

.top-bar .logo img {
  height: 19px;
  margin-bottom: 5px;
  margin-top: 1px;
}

/* --- fix for left menu z-order --- */

.left-sidebar {
  z-index: 900 !important;
}

/* --- fix for overlay z-order --- */

#focus-overlay {
  z-index: 998 !important;
}

/* --- fix for vertical tabs panel --- */

.tab-content .borderfix {
	overflow-x: hidden;
}

.custom-tabs-left > .nav-tabs > li a {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.custom-tabs-left > .nav-tabs {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-right: 10px;
}

.custom-tabs-left > .nav-tabs > li a {
  padding: 10px;
}

/* --- fix for platform info ---*/
.sidebar-content .list-info-sidebar .data-name {
  width: 100%;
  padding-bottom: 0;
}

/* --- fix for table name class --- */
.data-row .data-name {
  background-color: transparent;
}

/* --- fix for disabled buttons --- */
.btn.disabled {
    color: white;
    cursor: not-allowed;
    pointer-events: none;
}

/* --- fix for "em" in widgets header --- */
.widget .widget-header em {
  display: inline !important;
}

/* --- fix for links as buttons in widgets header --- */
.widget .widget-header .btn-group > a.btn.btn-sm {
  color: #fff;
  padding: 3px 10px;
}
.widget .widget-header .btn-group > a > i {
  margin-right: 3px;
}

/* --- editable form control size --- */
.editable-input input[type="text"] {
  height: 30px;
}

.editable-input select {
  height: 30px !important;
}

.editableform .form-group {
  margin: 0;
}

.form-horizontal .editable {
  padding-top: 0 !important;
}

/* --- div (cell) style for "map"-like interface --- */
.ds-map .ds-item {
  float: left;
  width: 36px; 
  height: 36px; 
  background-color: #dfdfdf; 
  border: 1px solid rgba(200, 200, 200, .7);
  border-radius: 5px; 
  margin: 1px;
  overflow: hidden;
}

/* --- fix for library monitoring objects accordion display --- */
.panel-group .panel .panel-title > a {
  text-decoration: none;
}

/* --- fix for wizard --- */
.step-content {
  padding-left: 0;
}

.step-content .active {
  display: inline;
}

#thresholds_criteria code .editable-text {
  font-weight: normal;
}
#thresholds_criteria code .editable-empty {
  font-style: normal;
}

/* --- fix for table warning color --- */
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #ffe8db !important;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #ffdfcd !important;
}

/* --- fix for profile image --- */
.profile .user-info-left img {
  cursor: pointer;
  border: 1px solid #ddd !important;
}

/* --- improvement for dropzone --- */
.dropzone {
  min-height: 0 !important;
  height: auto !important;
  margin-top: 10px;
  display: none;
}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress {
  top: auto !important;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message {
  top: 0 !important;
  left: 0 !important;
}
.dropzone .dz-default.dz-message {
  display: none;
  background-image: none !important;
}
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details {
  width: 200px;
  height: 30px;
}
.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload {
  background-image: none !important;
}

/* --- loading spinner style --- */
.isloading-overlay {
  position: relative;
  text-align: center;
}
.isloading-overlay .isloading-wrapper {
  background: #FFFFFF;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  top: 220px;
  z-index: 9000;
}

/* --- badges --- */
.badge {
  margin-top: 4px;
}

/* --- events --- */
.event-clear {
  background-color: #659103;
  color: white;
}

.event-info {
  background-color: #ddd;
  color: #555 !important;
}

.event-warning {
  background-color: #f7d708;
  color: #555 !important;
}

.event-alert {
  background-color: #ff9c00;
  color: #555 !important;
}

.event-critical {
  background-color: #c0392b;
  color: white !important;
}

.event-acknowledged {
  background-color: #009ece;
  color: white !important;
}

/* events table (console) link fix */
.table#all_events a i {
  font-size: inherit;
}

/* --- modal text overflow fix --- */
.modal .modal-body p {
  text-overflow: ellipsis;
  overflow: hidden;
}

/* --- no transition utility class --- */
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* --- fast-crop --- */
.fc-container {
  display: inline-block;
}

.fc-container .fc-canvas {
  outline: 3px solid #fff;
  margin: 0 0 0 0;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* --- typeahead timezone --- */
.twitter-typeahead {
  width: 100%;
  height: 34px;
  margin-bottom: -5px;
}

.twitter-typeahead .parsley-errors-list {
  display: none;
}

.twitter-typeahead .tt-menu {
  overflow-y: auto;
  max-height: 300px;
  border: 1px solid #ccc;
  background-color: white;
  width: 100%;
}

.twitter-typeahead .tt-menu .tt-suggestion {
  line-height: 180%;
  font-size: 15px;
  color: #555;
}

.twitter-typeahead .tt-menu .tt-cursor, .twitter-typeahead .tt-menu .tt-suggestion:hover {
  background-color: #ececec;
  cursor: pointer;
}

.twitter-typeahead .tt-input {
  color: #555 !important;
  background-color: white !important;
}

/* --- easy pie chart --- */
.easy-pie-chart {
  margin-bottom: 13px !important;
}

.widget-content .easy-pie-chart {
  margin-bottom: 0 !important;
}

/* --- Rubaxa sortable handle --- */
.sort-handle {
    font: bold 20px Sans-Serif;
    color: #5F9EDF;
    cursor: move;
    cursor: -webkit-grabbing;
}

.sortable-ghost {
  opacity: .5;
  background: #C8EBFB;
}

/* --- D3 charts tooltip --- */
.d3-tooltip {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  color: #555;
  border: 1px solid silver;
  padding: 3px;
  display: block;
  font-size: 11px;
}

.d3-bootstrap-tooltip.tooltip .tooltip-inner {
  max-width: none;
  white-space: nowrap;
}

/* --- Custom "light" tabs --- */
.nav-pills-custom-light {
  margin: 5px;
}
.nav-pills-custom-light > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 4px 7px;
  color: #555;
}
.nav-pills-custom-light > li > a:hover, .nav-pills-custom-light > li > a:focus {
  background-color: transparent;
  color: #3b3b3b;
}
.nav-pills-custom-light > li.active > a, .nav-pills-custom-light > li.active > a:hover, .nav-pills-custom-light > li.active > a:focus {
  background-color: lightgrey;
  color: #555;
}
.nav-pills-custom-light > li + li {
  margin-left: 2px;
}

/* --- Custom "light" select2 --- */
@media (min-width: 768px) {
    .col-padding-fix {
        padding-left: 30px;
        padding-right: 0;
    }
}
.select2-container.light .select2-choice {
  border-style: solid;
  border-width: 0 0 1px 0;
  background-color: transparent;
}
.select2-container.light .select2-choice .select2-arrow {
  border: 0;
  background-color: transparent;
}
.select2-dropdown-open.light .select2-choice {
  border: 1px solid #5897fb !important;
}
.select2-container-active.light .select2-choice,
.select2-container-active.light .select2-choices {
  border-width: 0 0 1px 0;
  border-color: #aaa;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* --- Fix breadcrumb overflow --- */
ul.breadcrumb {
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}

/* --- improvement for jQuery UI autocomplete --- */
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px; 
  padding: 4px 0;
  margin: 0 0 10px 25px;
  list-style: none;
  background: #fff !important;
  border: 1px solid #66afe9;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-top: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #000;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  cursor: pointer;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
  color: white;
  background-color: #3875d7;
  background-image: none !important;
  border: 0;
}

/* --- fix for landing page tables --- */
#landing_subscriptions th {
  overflow: hidden;
  white-space: nowrap;
  padding-left: 2px;
  padding-right: 3px;
  text-overflow: ellipsis;
}
#landing_subscriptions th:after {
  float: none;
  padding-left: 5px;
  font-size: 75%;
}

#landing_events th {
  overflow: hidden;
  padding-left: 2px;
  padding-right: 3px;
  text-overflow: ellipsis;
}

/* --- pagination minor fix --- */
div .pagination.borderless > li > a,
div .pagination.borderless > li > a {
  font-size: 120%;
}

.pagination.borderless > li > a:hover, .pagination.borderless > li > a:focus,
.pagination.borderless > li > span:hover,
.pagination.borderless > li > span:focus {
  color: #ddd;
}

/* --- fix for Settings->Events, Alarms tab table --- */
#alarms-tab table td {
  vertical-align: middle;
}
#alarms-tab table td label {
  margin: 0;
}

/* --- fix for disabled tags input --- */
.bootstrap-tagsinput.disabled {
  background-color: #eee;
}

/* --- fix for spinner buttons --- */
.bootstrap-touchspin .input-group-btn-vertical i {
  font-size: 8px !important;
  top: 4px !important;
  left: 6.3px !important;
}

/* --- parsley errors improvements --- */
.parsley-errors-list li {
  color: inherit !important;
  white-space: inherit !important;
}

/* --- provisioning form customization --- */
textarea.form-control.provisioning {
  background-color: rgba(255, 255, 255, 0.7);
}

/* --- provisioning form customization --- */
div.lmo-interval {
  border-radius: 3px;
  padding: 1px;
  display: inline-block;
  cursor: default;
}
div.lmo-interval:hover {
  background-color: #555;
  color: #eee;
}

/* --- light font with details block --- */
div.block-light {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}

div.block-light .value {
  float: left;
  margin-right: 10px;
  line-height: 1.5;
  vertical-align: middle;
  font-family: "latolight";
}

div.block-light .details {
  float: right;
  position: relative;
  top: 12px;
  display: block;
  font-size: 13px;
  line-height: 1.2;
}

/* --- disable DataTables sort arrows --- */
.dataTable > thead > tr > th[class*="sort"]:after{
  content: "" !important;
}

/* --- fullscreen chart background --- */
div.chart-fullscreen {
  background-color: #f9f9f9 !important;
}

/* --- fixes breadcrumb font-awesome --- */
.breadcrumb li + li:before,
.fancy-checkbox input[type="checkbox"]:checked + span:before,
ul.multiselect-container > li.active > a label.checkbox:before,
ul.multiselect-container > li.active > a label.radio:before,
.simplecolorpicker.fontawesome span.color[data-selected]:after,
.dropzone .dz-message:before,
.dropzone .dz-preview .dz-remove:before,
.dropzone .dz-preview .dz-error-mark:before,
.dropzone .dz-preview .dz-success-mark:before,
.select2-search-choice-close:before,
.select2-container .select2-choice abbr:before,
.select2-container .select2-choice .select2-arrow:before,
.select2-search:before,
.bootstrap-tagsinput .tag [data-role="remove"]:after,
.table-sorting .sorting_asc:after,
.table-sorting .sorting_asc_disabled:after,
.table-sorting .sorting_desc:after,
.table-sorting .sorting_desc_disabled:after,
.table-sorting .sorting:after,
.ui-jqgrid .ui-jqgrid-btable .ui-inline-edit .ui-icon-pencil:before,
.ui-jqgrid .ui-jqgrid-btable .ui-inline-del .ui-icon-trash:before,
.ui-jqgrid .ui-jqgrid-btable .ui-icon-disk:before,
.ui-jqgrid .ui-jqgrid-btable .ui-icon-cancel:before,
.ui-jqgrid .ui-grid-ico-sort:before,
.ui-jqgrid .ui-grid-ico-sort.ui-icon-asc:before,
.ui-jqgrid .ui-grid-ico-sort.ui-icon-desc:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-pencil:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-pencil:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-trash:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-trash:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-plus:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-plus:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-document:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-document:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-search:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-search:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-refresh:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-refresh:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-seek-first:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-seek-first:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-seek-prev:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-seek-prev:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-seek-next:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-seek-next:before,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon.ui-icon-seek-end:before,
.ui-jqgrid .ui-jqgrid-pager .ui-icon.ui-icon-seek-end:before,
.ui-jqdialog .ui-icon-closethick:before,
.ui-jqdialog .fm-button .ui-icon-disk:before,
.ui-jqdialog .fm-button .ui-icon-close:before,
.ui-jqdialog .fm-button .ui-icon-cancel:before,
.ui-jqdialog .fm-button .ui-icon-triangle-1-w:before,
.ui-jqdialog .fm-button .ui-icon-triangle-1-e:before,
.ui-jqdialog .fm-button .ui-icon-scissors:before,
.ui-jqdialog .fm-button .ui-icon-arrowreturnthick-1-w:before,
.ui-jqdialog .fm-button .ui-icon-search:before,
.ui-jqdialog .fm-button .ui-icon-comment:before,
.fc-view-month .fc-event .fc-event-inner:before,
.king-tree.jstree-default .jstree-checkbox:before,
.king-tree.jstree-default .jstree-checkbox.jstree-undetermined:before,
.king-tree.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:before, 
.king-tree.jstree-default .jstree-checked > .jstree-checkbox:before,
.btn-auth-facebook:before,
.jstree-open > .jstree-anchor > .fa-folder:before {
  font-weight: 900;
}