@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en);

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.ace_editor {
  width: 100%;
  height: 200px;
}

.sigfox-function .ace_editor {
  height: 600px;
}

.logo-databoom {
  background-image: url("https://storage.googleapis.com/databoom-app/images/brand/logo-transparent.png");
}

.border-1px {
  border: #ededed 1px solid;
}

.no-pd-l {
  padding-left: 0 !important;
}

.no-pd-r {
  padding-right: 0 !important;
}

.no-pd-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.bold {
  font-weight: bold;
}

span.bold {
  padding-left: 10px;
}

.small-input-padding {
  padding-left: 0px;
  padding-right: 10px;
}

/*text {
  font-weight: 200;
}*/

.btn-filter-cont [class*="btn-alarm"],
.btn-filter-cont .btn {
  min-width: 18%;
  margin-right: 2%;
  border: none;
  float: left;
}

.btn-filter-cont .btn:last-child {
  margin-right: 0;
}

.alarm-title-cont {
  margin: 20px 0;
  margin-top: 0;
  padding-bottom: 10px;
}

.filter-buttons {
  margin-bottom: 10px;
  color: white;
}

.filter-buttons button {
  background-color: #c8c8c8;
}

.filter-buttons button:hover,
.actions-buttons button:hover {
  color: white;
  opacity: 0.8;
}

.filter-buttons button:focus,
.filter-buttons button:active .actions-buttons button:focus,
.actions-buttons button:active {
  outline: none !important;
  border-color: transparent;
  color: white;
}

.actions-buttons button {
  padding: 4px 8px;
  color: white;
}

.btn-alarm-new {
  background-color: #c0392b !important;
  border-color: #c0392b !important;
}

.btn-alarm-active {
  background-color: #ea6557 !important;
  border-color: #ea6557 !important;
}

.btn-alarm-off {
  background-color: #ffb606 !important;
  border-color: #ffb606 !important;
}

.btn-alarm-new.disabled {
  opacity: 1 !important;
  background-color: #db695d !important;
  border-color: #db695d !important;
}

.btn-alarm-off.disabled {
  opacity: 1 !important;
  background-color: #ffcc53 !important;
  border-color: #ffcc53 !important;
}

.btn-alarm-rulescanceled {
  background-color: #5b5b5b !important;
  border-color: #5b5b5b !important;
}

.btn-alarm-solved {
  background-color: #62cb31 !important;
  border-color: #62cb31 !important;
  color: white !important;
}

.btn-warning {
  background-color: #ffb606 !important;
  border-color: #ffb606 !important;
}

.btn-empty {
  background-color: #777 !important;
  border-color: #777 !important;
}

.alarm-new {
  color: #c0392b;
  font-weight: bold;
}

.alarm-active {
  color: #ea6557;
  font-weight: bold;
}

.alarm-off {
  color: #ffb606;
  font-weight: bold;
}

.border-left {
  border-left: 2px solid #c0c0c0;
}

.alarm-solved {
  color: #62cb31;
  font-weight: bold;
}

.table-alarms tr:nth-child(odd):hover td {
  background-color: white;
  cursor: initial;
}

.table-alarms tr:nth-child(even):hover td {
  background-color: #f7f9fa !important;
  cursor: initial;
}

.controls-cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.controls-cont-l {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.controls-cont > div {
  width: 20%;
}

.controls-cont > div:last-child {
  width: 50%;
}

.amcharts-chart-div svg:not(:root) {
  overflow: visible;
}

.amcharts-pie-label,
.amcharts-graph-label {
  /*fill: white;*/
  font-weight: bold;
  /*font-size: 13px;*/
}

.compare-cont .compare-title .circle {
  display: block;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background: #dd2c00;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  color: white;
}

.compare-cont .compare-title .circle.first {
  background: #2980b9;
}

.compare-cont .compare-title {
  display: flex;
  align-items: center;
}

.compare-cont .compare-title > * {
  float: left;
}

.compare-cont .form-cont-list .form-group > * {
  padding: 0;
}

.compare-dates > .cf {
  width: 100%;
}

.compare-cont .compare-dates > .cf > * {
  width: 10%;
  display: block;
}

.compare-cont .compare-dates > .cf > div {
  width: 100%;
  display: flex;
}

.compare-cont .compare-dates > .cf > div > * {
  display: flex;
  align-items: center;
}

.compare-cont .compare-dates > .cf > div > span {
  padding-right: 15px;
}

.compare-cont .compare-dates > .cf > div > div {
  width: 40%;
}

.amcharts-export-menu {
  display: none;
}

.stats-cont {
  padding: 0;
  padding-right: 15px;
  padding-left: 15px;
  overflow: auto;
  max-height: 150px;
  min-height: 100px !important;
}

.disabled-text {
  font-size: 14px;
  color: #555;
}

.accordion-item .panel-heading {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.export-cont {
  align-items: stretch;
  justify-content: space-between;
  display: flex;
}

.analysis-cont > * {
  padding: 0;
  align-items: center;
}

.export-cont > button {
  width: 27%;
}

.export-cont > div {
  width: 33%;
}

.chartdiv-cont,
#chartdiv {
  height: 400px;
  overflow: visible;
  position: relative;
}

.chart-loading,
.chart-empty {
  height: 100%;
  font-size: 26px;
  color: #aaa;
  background-color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.chart-loading > span,
.chart-empty > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.chart-error {
  height: 100%;
  font-size: 26px;
  color: #aa1a0a;
  background-color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.chart-error > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mb {
  margin-bottom: 10px;
}

.pb {
  padding-bottom: 5px;
}

.datepicker input[disabled] {
  background: white;
}

.ui-datepicker {
  height: auto;
  display: none;
  margin: 5px auto 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  background: white;
  z-index: 10000000 !important;
}

.ui-datepicker-header {
  background-color: #3498db;
  color: white;
  font-weight: bold;
  padding: 5px;
  line-height: 30px;
}

.ui-datepicker-header:after {
  content: "";
  display: table;
  clear: both;
}

.ui-datepicker-title {
  text-align: center;
}

.ui-datepicker .ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker .ui-state-hover.ui-datepicker-next-hover {
  color: transparent;
  background: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  color: transparent;
  line-height: 600%;
  overflow: hidden;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  position: absolute;
  font-family: "FontAwesome";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: white;
}

.ui-datepicker-prev:after {
  content: "\f053";
}

.ui-datepicker-next:after {
  content: "\f054";
}

.ui-datepicker .ui-datepicker-calendar thead {
  border-bottom: 1px solid #ddd;
  background: rgb(240, 240, 240);
  font-weight: normal;
}

.ui-datepicker .ui-datepicker-calendar thead th[scope="col"] {
  text-transform: uppercase;
  text-align: center;
  color: #333;
  padding: 5px !important;
}

.ui-datepicker .ui-datepicker-calendar thead th[scope="col"]:after {
  content: "";
}

.ui-datepicker tbody td {
  line-height: 30px;
  text-align: center;
  padding: 5px;
}

.ui-datepicker tbody td a,
.ui-datepicker tbody td span {
  display: block;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}

.ui-datepicker .ui-state-hover {
  background: #bbb;
  color: white;
}

.ui-datepicker .ui-state-active {
  background-color: #00b8e6;
  color: white;
  font-weight: bold;
}

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

.hidden-item {
  opacity: 0.3;
}

.hidden-label {
  opacity: 0.2;
}

.low-opacity {
  opacity: 0.7;
}

.responsive-list-actions {
  font-size: 30px;
  color: #9c9c9c;
}

.title-m-t {
  margin-top: 35px !important;
}

.auto-margin-lr {
  margin-left: auto !important;
  margin-right: auto !important;
}

th[field] {
  padding-right: 33px !important;
}

th[field="bookmarked"] {
  padding-left: 33px !important;
  width: 20px;
}

.col-alarm {
  width: 32%;
}

#navigation div.close-menu {
  height: 40px;
  padding-right: 10px;
  font-size: 20px;
  background: #f8f8f8;
  border-bottom: 1px solid #ddd;
  font-weight: 700;
}

#navigation div.close-menu span {
  padding-left: 40px;
  color: #555;
  flex: 1;
  font-size: 14px;
}

#navigation div.close-menu i {
  font-weight: 700;
}

#navigation.show-mobile-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10000000 !important;
  overflow-y: auto;
}

.ui-datepicker {
  z-index: 10000000 !important;
}

nav[role="navigation"] {
  display: flex;
}

nav .upgrade-plan-banner {
  flex: 1;
}

nav .upgrade-plan-banner button.btn-upgrade {
  color: white;
  background-color: #ffb606;
  margin-right: 15px;
}

nav .navbar-right {
  margin-left: auto;
}

.progress-bar-danger {
  border-right: 4px solid #cc0000;
}

.progress-bar-warning {
  border-right: 4px solid #e9573f;
}

.progress-bar-info {
  border-right: 4px solid #ffb606;
}

.progress-bar-primary {
  border-right: 4px solid #258cd1;
}

.progress-bar-success {
  border-right: 4px solid #0056a7;
}

.tx-progress {
  font-size: 15px;
  position: absolute;
  top: 5px;
  left: 10px;
}

.tx-progress-danger {
  color: #cc0000;
}

.tx-progress-warning {
  color: #e9573f;
}

.tx-progress-info {
  color: #ffb606;
}

.tx-progress-primary {
  color: #258cd1;
}

.tx-progress-success {
  color: #0056a7;
}

.danger-border {
  border: 1px solid #cc0000;
}

.warning-border {
  border: 1px solid #e9573f;
}

.info-border {
  border: 2px solid #ffb606;
}

.primary-border {
  border: 1px solid #258cd1;
}

.success-border {
  border: 1px solid #0056a7;
}

.label-compare {
  background-color: #dd2c00;
}

.label-success {
  background-color: #0063c0;
}

.label-success-green {
  background-color: #62cb31;
}

.label-lightorange {
  background-color: #ff9f49;
}

.label-brighterorange {
  background-color: #ff7a32;
}

.label-yellow {
  background-color: #f6bb42;
}

.label-orangeyellow {
  background-color: #ffb606;
}

.label-event,
.label-category,
.label-tag {
  background-color: #ff7a32;
}

.label-info,
.label-enabled {
  background-color: #3498db;
}

.label-disabled {
  background-color: #b0b0b0;
}

.label-syrup,
.label.syrup {
  background-color: #967adc;
}

.label-powder,
.label.protein_powder {
  background-color: #5d9cec;
}

.label-alarm-active {
  background-color: #ea6557;
}

.label-alarm-new {
  background-color: #c0392b;
}

.legend-panel {
  background-color: #ffffff !important;
  height: auto !important;
  line-height: 1.5 !important;
  cursor: default !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.multi-chart-legend {
  position: absolute;
  bottom: 0;
  left: 2.5%;
  width: 95%;
}

.widget-modal .multi-chart-legend {
  position: relative;
  left: -1%;
}

.multi-chart-legend,
.multi-chart-legend .legend-panel,
.multi-chart-legend .panel-collapse .panel-body {
  background: none !important;
}

.form-group .ui-select-container .ui-select-match {
  width: 100% !important;
}

.timezone .ui-select-match-text > span {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
}

.date-choose-cont .ui-select-match-text > span,
.layout-choose-cont .ui-select-match-text > span {
  width: auto;
  overflow: visible;
  position: relative;
}

.share-input .ui-select-match-text > span {
  position: relative;
}

.ui-select-bootstrap .ui-select-match-text span {
  width: auto !important;
}

.search-cont .ui-select-match-text {
  display: flex;
  align-items: center;
}

.ui-select-match-text > span {
  width: 80% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  /*position: absolute;*/
}

.ui-select-toggle,
.ui-select-match-text {
  /*display: flex;*/
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-move .ui-select-match-text {
  display: flex;
}

.create-signal-info,
.ui-select-choices-row-inner,
.ui-select-choices-row-inner > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

table.alarms tr td,
table.listsignals tr td,
table.roll-info tr td,
table.meteo tr td {
  cursor: default;
  border: none;
}

table.listsignals > tbody:nth-of-type(odd) > tr {
  background-color: #f9f9f9;
}

table.listsignals > tbody:nth-of-type(even) > tr {
  background-color: #fff;
}

table.listsignals > tbody + tbody {
  border-top: none;
}

.widget-content table.listsignals > tbody > tr > td {
  height: 41px !important;
}

table.listsignals > tbody > tr > td.notes-cell {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 10px;
}

table.roll-info tr td,
table.roll-info tr th {
  width: 12.5%;
}

.roll-info-scroll {
  max-height: 500px;
  overflow: auto;
}

.on-nack {
  color: #c0392b !important;
  font-weight: bold;
}

.on-ack {
  color: #ea6557 !important;
}

.off-nack {
  color: #ffb606 !important;
  font-weight: bold;
}

.off-ack {
  color: #62cb31 !important;
}

.icon-meteo {
  font-size: 85px;
  position: absolute;
  line-height: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.icon-wi {
  font-size: 70px !important;
}

.icon-meteo-s {
  font-size: 50px;
}

.icon-meteo-xs {
  font-size: 30px;
}

.icon-meteo-xxs {
  font-size: 25px;
}

.h2-meteo-s {
  font-size: 20px;
}

.tx-xs {
  font-size: 9px;
}

.tx-m {
  font-size: 18px;
}

.m-t-meteo {
  margin-top: 25px;
}

.m-t-syn-btn {
  margin-top: 25px !important;
}

.footer-meteo {
  font-size: 16px !important;
  color: #a6a7a9 !important;
}

.tx-b-footer-meteo {
  font-weight: bold;
  color: #a6a7a9 !important;
  margin-left: 5px;
  margin-right: 5px;
}

.b-footer {
  font-weight: bold;
  color: #a6a7a9 !important;
}

.footer-grey,
.tx-footer-meteo {
  color: #a6a7a9 !important;
}

.size-bar {
  min-width: 80px;
  width: 100%;
  height: 20px;
  border-radius: 3px;
  background-color: #ddd;
  overflow: hidden;
}

.size-bar .inner {
  height: 100%;
  width: 0;
}

.size-bar .inner.good {
  background: #00b73d;
}

.size-bar .inner.warning {
  background: #ffb606;
}

.size-bar .inner.alarm {
  background: #d9534f;
}

.pull-left {
  margin-right: auto !important;
}

.title {
  margin-bottom: 15px;
}

.member {
  background: white;
  font-size: 14px;
}

.member .role {
  color: white;
  padding: 10px;
  font-weight: bold;
}

.member .role.role-creator {
  background: #d9534f;
}

.member .role.role-admin {
  background: #ffb606;
}

.member .role.role-view {
  background: #0063c0;
}

.member .role.role-subscription {
  background: #62cb31;
}

.member .photo .circle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
}

.member .photo {
  height: 150px;
}

.member .name {
  padding: 15px;
}

.member .actions {
  padding: 15px;
}

.member .action-dropdown-btn {
  display: flex;
  color: white;
  padding: 10px;
}

.member .action-dropdown-btn p {
  flex: 1;
  margin: 0;
}

.member .actions-cont-choices {
  border: 2px solid #0063c0;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: white;
}

.member .actions-cont-choices .action-dropdown-choice {
  color: #0063c0;
  height: 40px;
}

.member .action-dropdown {
  border-radius: 3px;
  background: #0063c0;
  color: white;
}

.mg-pswd-zero {
  margin-left: 20px;
}

.bd-right {
  border-right: 1px solid #ccc;
}

.table {
  margin-bottom: 0 !important;
}

.panel-cont {
  display: flex;
  float: left;
  align-items: stretch;
  flex-flow: row wrap;
  width: 100%;
}

.panel-cont:after {
  content: "";
  display: table;
  clear: both;
}

.panel-cont > [class*="col"] {
  padding: 0;
}

.hpanel:not(.transparent) {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
}

.panel-cont > [class*="col-"] {
  display: flex;
  flex-direction: column;
  flex: 1;
  flex-basis: auto;
  flex-grow: 0;
}

.hpanel > .panel-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.hpanel.transparent > .panel-body {
  display: block;
}

.pd {
  padding: 15px !important;
}

.pd-lr-xxs {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.no-pd {
  padding: 0 !important;
}

.no-pd-soft {
  padding: 0;
}

.pd-l {
  padding-left: 15px !important;
}

.pd-l-soft {
  padding-left: 15px;
}

.pd-r-soft {
  padding-right: 15px;
}

.pd-r-md {
  padding-right: 20px !important;
}

.pd-r-lg {
  padding-right: 30px !important;
}

.pd-l-s {
  padding-left: 5px !important;
}

.pd-r-s {
  padding-right: 5px !important;
}

.pd-r {
  padding-right: 15px !important;
}

.pd-l-r {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pd-t {
  padding-top: 15px !important;
}

.pd-b {
  padding-bottom: 15px !important;
}

.pd-b-s {
  padding-bottom: 10px !important;
}

.pd-t-b {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.col-12 {
  width: 100%;
}

.label-green {
  background: #62cb31;
}

spin-box {
  display: block;
  width: 100%;
}

.ui-select-container {
  width: 100% !important;
}

.m-h-300 {
  min-height: 300px;
}

.m-h-450 {
  min-height: 450px;
}

.content:after {
  clear: both;
  display: table;
  content: "";
}

.inside-input {
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 25px;
  margin: auto;
  z-index: 2;
  align-items: center;
}

.mg-pswd-zero {
  margin-left: 20px;
}

.key-copied {
  font-size: 14px;
  margin-left: auto;
  transition: 0.3s ease;
}

.angular-google-map,
.angular-google-map-container {
  flex: 1;
  display: flex;
}

.flex {
  display: flex;
}

.flex1 {
  flex: 1;
}

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

.form-cont-list .form-group {
  display: flex;
  flex-flow: row wrap;
  min-height: 34px;
  margin-bottom: 10px;
  flex: 1;
  flex-basis: auto;
}

.form-cont-list .form-group > * {
  align-items: center;
  display: flex;
  min-height: 34px;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.form-cont-list .labelize {
  padding-left: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.line {
  min-height: 34px;
}

.copy-key {
  display: inline-block;
  position: relative;
}

.copy-key span {
  position: absolute;
  bottom: 50%;
  right: -5px;
}

.select-choice-box {
  position: absolute;
  top: 50px;
  left: 0;
  padding: 10px 0;
  background: white;
  border: 1px solid #e4e5e7;
  border-radius: 3px;
  width: 100%;
}

.select-choice-box > div {
  padding: 3px 15px;
  cursor: pointer;
}

.select-choice-box > div:hover,
.select-choice-box > div.selected {
  color: white;
  background: #ccc;
}

.title-search .ui-select-container > div:first-of-type {
  margin-bottom: 7px;
  margin-left: 4px;
}

.title-search:not(.action-receivers):not(.item-tags)
  .ui-select-container
  > div:first-of-type {
  white-space: nowrap !important;
}

.title-search .ui-select-container input[type="search"],
.title-search .ui-select-container input[type="text"] {
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 0;
  /*width: auto!important;*/
}

.title-search .ui-select-match-item {
  padding: 0;
  margin: 0 6px 0 0 !important;
  border: none;
}

.title-search .ui-select-match-item .ui-select-match-close {
  display: none;
}

.title-search .ui-select-match-item .ui-select-match-close + span {
  height: 100%;
  display: block;
  border-radius: 3px;
  border: none;
}

.title-search .ui-select-match span.label {
  top: 0;
  display: block !important;
  margin: 0;
  padding: 6px 8px;
  font-size: 1rem;
  margin-top: 2px;
  margin-bottom: 2px;
}

.title-search .ui-select-choices-row span.label {
  margin-right: 8px;
  min-width: 60px;
  max-width: 130px;
  text-align: center;
}

.title-search .input-tag-cont .input-tag {
  padding: 0.2em 0.6em 0.4em;
  line-height: 18px !important;
  background: #777;
  display: flex !important;
}

.input-tag-cont {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 6px 10px;
  min-height: 48px;
  position: relative;
}

.input-tag-cont.disabled,
.input-tag-cont.disabled input {
  background-color: #eee;
}

.input-tag-cont input {
  flex: 1;
  border: none;
  margin: 3px 0;
  margin-left: 2px;
  padding: 0;
  outline: 0;
  font-size: 14px;
}

.input-tag-cont input::-webkit-inner-spin-button,
.input-tag-cont input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:focus {
  outline: 0;
}

.input-tag-cont .input-tag {
  padding: 6px;
  margin: 2px 5px 2px 0;
  background: #eee;
  border-radius: 3px;
  display: flex;
}

.input-tag-cont .input-tag .delete-tag {
  padding-left: 8px;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.labelize {
  background: none !important;
  border: none !important;
  pointer-events: none !important;
  padding-left: 0;
}

.noevt {
  pointer-events: none !important;
}

.flag {
  margin: 2.5px 0;
  margin-right: 8px;
  min-width: 25px;
  min-height: 15px;
}

.boom-cb-cont {
  position: relative;
}

.boom-cb-cont input {
  display: none;
}

.boom-cb-cont .boom-cb {
  width: 18px;
  height: 18px;
  background: white;
  border: 1px solid #888;
  position: relative;
}

.boom-cb-cont .boom-cb .inner-cb {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 60%;
  height: 60%;
  background: white;
  opacity: 0;
}

.boom-cb-cont .boom-cb.selected .inner-cb {
  background: #888;
  opacity: 1;
}

.relative {
  position: relative !important;
}

.tooltip-tester {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 200px;
  padding: 10px;
  display: inline-block;
}

.tooltip {
  max-width: 200px;
  position: absolute;
  text-align: center;
  transition: 0.3s ease;
  z-index: -1000;
  text-align: center;
  word-wrap: break-word;
  padding: 10px !important;
  color: white;
  border-radius: 5px;
  display: none;
}

.tooltip:after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: inherit;
  margin: auto;
}

.tooltip.top:after {
  bottom: -3px;
  left: 0;
  right: 0;
}

.tooltip.bottom:after {
  top: -3px;
  left: 0;
  right: 0;
}

.tooltip.right:after {
  left: -3px;
  top: 0;
  bottom: 0;
}

.tooltip.left:after {
  right: -3px;
  top: 0;
  bottom: 0;
}

.tooltip.visible {
  opacity: 1;
  z-index: 1000;
  display: inline-block;
}

.panel-tools {
  height: 50px !important;
  display: flex !important;
}

.widget-toolbar .widget-title {
  flex: 1;
}

.widget-toolbar {
  display: flex;
}

.panel-tools a {
  float: right;
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
}

.table-responsive .table-striped tbody tr:nth-child(2n) {
  background: rgb(245, 245, 245);
}

.table-responsive .table-striped tbody tr:nth-child(2n + 1) {
  background: rgb(248, 248, 248);
}

.tx-red,
.table-responsive.tx-red tr.selected {
  color: #da4453 !important;
}

.tx-error {
  color: #e74c3c !important;
}

.tx-view {
  color: #0063c0 !important;
}

.tx-success,
.table-responsive.tx-success tr.selected {
  color: #0056a7 !important;
}

.tx-primary {
  color: #258cd1 !important;
}

.tx-creator,
.tx-danger {
  color: #e43725 !important;
}

.tx-admin,
.tx-warning {
  color: #ffb606 !important;
}

.tx-alert-warning {
  color: #8a6d3b !important;
}

.table-header.tx-success {
  background-color: #0056a7 !important;
  color: white !important;
}

button.tx-success:hover {
  border-color: #0056a7 !important;
}

.table-header.tx-red {
  background-color: #da4453 !important;
  color: white !important;
}

button.tx-red:hover {
  border-color: #da4453 !important;
}

button.tx-violet:hover {
  border-color: #967adc !important;
}

.table-header.tx-violet {
  background-color: #967adc !important;
  color: white !important;
}

.tx-blue,
.table-responsive.tx-blue tr.selected {
  color: #5d9cec !important;
}

button.tx-blue:hover {
  border-color: #5d9cec !important;
}

.table-header.tx-blue {
  background-color: #5d9cec !important;
  color: white !important;
}

.tx-databoom-blue,
.table-responsive.tx-databoom-blue tr.selected {
  color: #0063c0 !important;
}

button.tx-databoom-blue:hover {
  border-color: #0063c0 !important;
}

.table-header.tx-databoom-blue {
  background-color: #0063c0 !important;
  color: white !important;
}

.tx-databoom-azure,
.table-responsive.tx-databoom-azure tr.selected {
  color: #00b8e6 !important;
}

button.tx-databoom-azure:hover {
  border-color: #00b8e6 !important;
}

.table-header.tx-databoom-azure {
  background-color: #00b8e6 !important;
  color: white !important;
}

.tx-brightpurple,
.table-responsive.tx-brightpurple tr.selected {
  color: #d437d4 !important;
}

button.tx-brightpurple:hover {
  border-color: #d437d4 !important;
}

.table-header.tx-brightpurple {
  background-color: #d437d4 !important;
  color: white !important;
}

.tx-lightorange,
.table-responsive.tx-lightorange tr.selected {
  color: #ff9f49 !important;
}

button.tx-lightorange:hover {
  border-color: #ff9f49 !important;
}

.table-header.tx-lightorange {
  background-color: #ff9f49 !important;
  color: white !important;
}

.table-header.tx-orange {
  background-color: #e9573f !important;
  color: white !important;
}

.tx-brighterorange,
.table-responsive.tx-brighterorange tr.selected {
  color: #ff7a32 !important;
}

button.tx-brighterorange:hover {
  border-color: #ff7a32 !important;
}

button.tx-orange:hover {
  border-color: #e9573f !important;
}

.table-header.tx-brighterorange {
  background-color: #ff7a32 !important;
  color: white !important;
}

.tx-green,
.table-responsive.tx-green tr.selected {
  color: #62cb31 !important;
}

button.tx-green:hover {
  border-color: #62cb31 !important;
}

.tx-white {
  color: #ffffff !important;
}

.ui-datepicker-unselectable.ui-state-disabled,
.tx-grey {
  color: #d0d0d0 !important;
}

.tx-darkgrey {
  color: #a5a5a5 !important;
}

.tx-darkergrey {
  color: #6a6c6f !important;
}

.tx-readonly {
  color: #888 !important;
}

.tx-lightblack {
  color: #34495e !important;
}

.tx-darkblue {
  color: #2980b9 !important;
}

.table-responsive.tx-darkblue tr.selected {
  color: #2980b9 !important;
}

button.tx-darkblue:hover {
  border-color: #2980b9 !important;
}

.table-header.tx-darkblue {
  background-color: #2980b9 !important;
  color: white !important;
}

.tx-violet {
  color: #967adc !important;
}

.tx-purple {
  color: #8e44ad !important;
}

.label-mqtt,
.label-purple {
  background-color: #8e44ad !important;
}

.table-responsive.tx-purple tr.selected {
  color: #8e44ad !important;
}

.table-header.tx-purple {
  background-color: #8e44ad !important;
  color: white !important;
}

button.tx-purple:hover {
  border-color: #8e44ad !important;
}

.tx-fucsia {
  color: #ff0080 !important;
}

.table-responsive.tx-fucsia tr.selected {
  color: #ff0080 !important;
}

.table-header.tx-fucsia {
  background-color: #ff0080 !important;
  color: white !important;
}

button.tx-fucsia:hover {
  border-color: #ff0080 !important;
}

.tx-seagreen {
  color: #2e8b57 !important;
}

.table-responsive.tx-seagreen tr.selected {
  color: #2e8b57 !important;
}

.table-header.tx-seagreen {
  background-color: #2e8b57 !important;
  color: white !important;
}

button.tx-seagreen:hover {
  border-color: #2e8b57 !important;
}

.tx-salmon {
  color: #fa8072 !important;
}

.table-responsive.tx-salmon tr.selected {
  color: #fa8072 !important;
}

.table-header.tx-salmon {
  background-color: #fa8072 !important;
  color: white !important;
}

button.tx-salmon:hover {
  border-color: #fa8072 !important;
}

.tx-peafowl {
  color: #1d7cf2 !important;
}

.table-responsive.tx-peafowl tr.selected {
  color: #1d7cf2 !important;
}

.table-header.tx-peafowl {
  background-color: #1d7cf2 !important;
  color: white !important;
}

button.tx-peafowl:hover {
  border-color: #1d7cf2 !important;
}

.tx-orange {
  color: #e9573f !important;
}

.tx-brightyellow {
  color: #f1c40f !important;
}

.table-responsive.tx-brightyellow tr.selected {
  color: #f1c40f !important;
}

button.tx-brightyellow:hover {
  border-color: #f1c40f !important;
}

.table-header.tx-brightyellow {
  background-color: #f1c40f !important;
  color: white !important;
}

.tx-orangeyellow {
  color: #ffb606 !important;
}

.table-responsive.tx-orangeyellow tr.selected {
  color: #ffb606 !important;
}

button.tx-orangeyellow:hover {
  border-color: #ffb606 !important;
}

.table-header.tx-orangeyellow {
  background-color: #ffb606 !important;
  color: white !important;
}

.tx-watergreen {
  color: #2cacae !important;
}

.table-responsive.tx-watergreen tr.selected {
  color: #2cacae !important;
}

button.tx-watergreen:hover {
  border-color: #2cacae !important;
}

.table-header.tx-watergreen {
  background-color: #2cacae !important;
  color: white !important;
}

.tx-darkgreen {
  color: #31cb4d !important;
}

.table-responsive.tx-darkgreen tr.selected {
  color: #31cb4d !important;
}

.table-header.tx-darkgreen {
  background-color: #31cb4d !important;
  color: white !important;
}

button.tx-darkgreen:hover {
  border-color: #31cb4d !important;
}

.table-header.tx-green {
  background-color: #62cb31 !important;
  color: white !important;
}

.tx-yellow,
.table-responsive.tx-yellow tr.selected {
  color: #f6bb42 !important;
}

button.tx-yellow:hover {
  border-color: #f6bb42 !important;
}

.table-header.tx-yellow {
  background-color: #f6bb42 !important;
  color: white !important;
}

.modal-body .add-widget-button-cont {
  width: 100%;
  max-height: 450px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}

.modal-body .add-widget-button {
  width: 15%;
  margin: 7px;
}

.modal-body .add-widget-button > div {
  margin: 3%;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.modal-body .add-widget-button .info-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 10px;
}

.modal-body .add-widget-button .info-cont > * {
  width: 100%;
  display: block;
  margin: 8px 0;
  font-size: 14px;
  white-space: normal;
}

.modal-body .add-widget-button .info-cont span.fa {
  font-size: 26px;
}

input.new-db {
  width: 100%;
  margin-left: -10px;
  padding-left: 10px;
  border: 1px solid #ddd;
  border-radius: 2px;
}

.coll {
  display: none;
}

.coll.in {
  display: block;
}

.addItem {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: right;
  border-radius: 100%;
  display: block;
}

.no-flex {
  display: block !important;
}

.mg-top {
  margin-top: 10px;
}

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

.stretch {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.bodyshake-blue,
.tx-blue {
  color: #0063c0 !important;
}

.spin-box {
  position: relative;
}

.spin-box-up,
.spin-box-down {
  position: absolute;
  right: 10px;
  font-size: 8px;
}

.spin-box input {
  width: 100%;
  height: 100%;
  border: none;
}

.spin-box input[disabled="disabled"] {
  background: #e4ebee;
}

.spin-box input:focus {
  outline: 0;
}

.spin-box-up {
  top: 6px;
}

.spin-box-down {
  bottom: 6px;
}

input[spin-box] {
  position: relative;
}

[fav-star] {
  cursor: pointer;
}

.modal-dialog.ng-scope {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

table > thead > tr > th:not(.nosort):after {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 8px;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  transition: 0.3s ease;
  cursor: pointer;
}

.productions table > thead > tr > th:not(.nosort):after {
  right: 5px;
  bottom: inherit;
}

.productions th[field] {
  padding-right: 0px !important;
  font-size: 80% !important;
  /*padding-bottom: 0px!important;*/
  padding-top: 15px !important;
}

.ui-datepicker table > thead > tr > th:not(.nosort):after,
.daterangepicker table > thead > tr > th:not(.nosort):after {
  display: none !important;
}

table > thead > tr > th.reverse:not(.nosort):after {
  transform: rotate(180deg);
}

table > thead > tr > th.active-order:not(.nosort):after {
  color: #0063c0;
}

table > thead > tr > th {
  position: relative;
  padding: 8px !important;
  vertical-align: middle !important;
}

table > thead > tr > th.col {
  padding-right: 0 !important;
}

table tr > td {
  vertical-align: middle !important;
}

span.fav-star {
  display: block;
  margin: 0 auto;
}

span.fav-star i:first-child {
  color: white;
}

span.fav-star.active i:first-child,
span.fav-star i:last-child {
  color: #ffb606;
}

.bell-link,
table th.star-label {
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
}

table tr td.star {
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}

.title-list.star-present {
  display: flex;
}

.dash-title-star > .fa-stack,
.title-list.star-present > div > .fa-stack {
  width: 40px;
  height: 40px;
  font-size: 40px;
  line-height: 40px;
}

.title-list.star-present > span {
  padding-left: 15px;
}

.title-buttons button.btn,
.btn-file-csv {
  display: block;
  margin-top: 10px;
  margin-right: 0px !important;
  margin-left: 10px !important;
  margin-bottom: 5px !important;
  padding: 6px 12px;
  line-height: 20px;
  position: relative;
}

.title-buttons .datepicker button {
  margin-left: 0px !important;
}

.title-buttons button.btn.disabled,
.title-button button.btn.disabled:active {
  opacity: 1 !important;
}

.title-buttons button.btn-success.disabled,
.title-buttons button.btn-success.disabled:active {
  background-color: #568bbf;
  border-color: #568bbf;
}

.title-buttons button.btn-danger.disabled,
.title-buttons button.btn-danger.disabled:active {
  background-color: #e86d61 !important;
  border-color: #e86d61 !important;
}

.title-buttons button.btn:last-child {
  margin-right: 0 !important;
}

.title-search {
  margin-bottom: 15px;
}

.title-search h1 {
  min-height: 50px;
  margin: 0;
  min-height: 60px;
}

.title-search > div:first-of-type {
  min-height: 45px;
}

.tag-form-control {
  min-height: 75px !important;
}

ul.ui-select-choices-content {
  min-height: auto !important;
}

.title-search button {
  margin-right: 0;
}

.title-search button:not(:last-child) {
  margin-left: 10px;
}

.title-search div[tag-input] {
  margin: 10px 0;
  height: 40px;
  line-height: 40px;
  min-height: 40px;
}

.btn-search-cont {
  flex-wrap: wrap;
}

label {
  margin: 0;
}

.island {
  padding: 15px;
}

.no-pd-lr {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-pd-tb {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-pd-b {
  padding-bottom: 0 !important;
}

.no-pd-t {
  padding-top: 0 !important;
}

.btn-green {
  color: white !important;
  background-color: #62cb31 !important;
  border-color: #62cb31 !important;
}

.btn-red:link,
.btn-red:hover,
.btn-red:active,
.btn-red:visited,
.btn-green:link,
.btn-green:hover,
.btn-green:active,
.btn-green:visited {
  color: white;
}

.btn-red {
  color: white !important;
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.btn-little button {
  padding: 3px 6px;
}

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

.tx-right {
  text-align: right;
  display: flex;
  justify-content: flex-end !important;
}

.tx-left {
  text-align: left;
  display: flex;
}

.tx-center,
.align-center {
  text-align: center;
  justify-content: center;
}

.text-white {
  color: white;
}

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

#wrapper {
  overflow: visible !important;
}

.content .loading-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
}

.content .loading-content h1 {
  margin-right: 15px;
}

.label {
  display: inline-block !important;
  line-height: normal !important;
  margin-bottom: 2px;
  margin-right: 3px;
}

ul.dropdown-menu li a.selected {
  color: #0063c0;
  font-weight: bold;
}

#side-menu li .nav-second-level li a.active {
  color: #0063c0;
}

#header {
  min-height: 62px;
  height: initial !important;
  border-bottom: none;
}

.green-tick,
.red-cross {
  font-family: "FontAwesome";
}

.green-tick:after {
  content: "\f00c";
  color: #62cb31;
}

.red-cross:after {
  content: "\f00d";
  color: #d9534f;
}

.header {
  /*height: 62px;*/
}

#header .upgrade-cont {
  padding: 10px;
  background-color: rgba(255, 165, 0, 0.2);
  color: #ffb606;
  display: flex;
  transition: all 0.4s ease 0s;
}

#header .free-bg {
  background-color: rgba(255, 165, 0, 0.2);
}

#header .upgrade-cont span {
  font-weight: bold;
}

#header .upgrade-cont button {
  margin-left: auto;
  background-color: #ffb606;
  color: white;
}

#navigation {
  background-color: white;
  height: 100%;
}

.no-data {
  padding: 15px;
  color: #bbb;
  font-size: 18px;
  text-align: center;
}

.modal.full-screen {
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1000000000 !important;
  position: relative;
}

.modal.full-screen .modal-dialog {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  border-radius: 0;
  margin: auto;
}

.modal.full-screen .modal-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0;
}

.modal-body.ql-snow {
  padding: 0;
}

.label-warning {
  background-color: #ffb606 !important;
}

.p-xxs {
  padding: 5px !important;
}

.p-t-xxs {
  padding-top: 5px !important;
}

.p-xs {
  padding: 10px !important;
}

.p-sm {
  padding: 15px !important;
}

.p-m {
  padding: 20px !important;
}

.p-md {
  padding: 25px !important;
}

.p-lg {
  padding: 30px !important;
}

.p-xl {
  padding: 40px !important;
}

.m-xxs {
  margin: 2px 4px;
}

.m-xs {
  margin: 5px;
}

.m-sm {
  margin: 10px;
}

.m {
  margin: 15px;
}

.m-md {
  margin: 20px;
}

.m-lg {
  margin: 30px;
}

.m-xl {
  margin: 50px;
}

.m-n {
  margin: 0 !important;
}

.m-l-auto {
  margin-left: auto;
}

.m-l-none {
  margin-left: 0;
}

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

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

.m-l-sm {
  margin-left: 10px !important;
}

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

.m-l-md {
  margin-left: 20px;
}

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

.m-l-lg {
  margin-left: 30px;
}

.m-l-xl {
  margin-left: 40px;
}

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

.m-l-n-xs {
  margin-left: -5px;
}

.m-l-n-sm {
  margin-left: -10px;
}

.m-l-n {
  margin-left: -15px;
}

.m-l-n-md {
  margin-left: -20px;
}

.m-l-n-lg {
  margin-left: -30px;
}

.m-l-n-xl {
  margin-left: -40px;
}

.m-t-none {
  margin-top: 0 !important;
}

.m-t-xxs {
  margin-top: 1px;
}

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

.m-t-xs {
  margin-top: 5px;
}

.m-t-sm {
  margin-top: 10px;
}

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

.m-t-md {
  margin-top: 20px;
}

.m-t-lg {
  margin-top: 30px;
}

.m-t-xl {
  margin-top: 40px;
}

.m-t-xxl {
  margin-top: 50px;
}

.m-t-xxxl {
  margin-top: 60px;
}

.m-t-n-xxs {
  margin-top: -1px;
}

.m-t-n-xs {
  margin-top: -5px;
}

.m-t-n-sm {
  margin-top: -10px;
}

.m-t-n {
  margin-top: -15px;
}

.m-t-n-md {
  margin-top: -20px;
}

.m-t-n-lg {
  margin-top: -30px;
}

.m-t-n-xl {
  margin-top: -40px;
}

.m-r-none {
  margin-right: 0;
}

.m-r-auto {
  margin-right: auto;
}

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

.m-r-xsm {
  margin-right: 3px;
}

.m-r-xs {
  margin-right: 5px;
}

.m-r-sm {
  margin-right: 10px;
}

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

.m-r-md {
  margin-right: 20px;
}

.m-r-lg {
  margin-right: 30px;
}

.m-r-xl {
  margin-right: 40px;
}

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

.m-r-n-xs {
  margin-right: -5px;
}

.m-r-n-sm {
  margin-right: -10px;
}

.m-r-n {
  margin-right: -15px;
}

.m-r-n-md {
  margin-right: -20px;
}

.m-r-n-lg {
  margin-right: -30px;
}

.m-r-n-xl {
  margin-right: -40px;
}

.m-b-none {
  margin-bottom: 0;
}

.m-b-xxs {
  margin-bottom: 1px;
}

.m-b-xmd {
  margin-bottom: 3px;
}

.m-b-xs {
  margin-bottom: 5px;
}

.m-b-sm {
  margin-bottom: 10px !important;
}

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

.m-b-md {
  margin-bottom: 20px;
}

.m-b-lg {
  margin-bottom: 30px;
}

.m-b-xl {
  margin-bottom: 40px;
}

.m-b-n-xxs {
  margin-bottom: -1px;
}

.m-b-n-xs {
  margin-bottom: -5px;
}

.m-b-n-sm {
  margin-bottom: -10px;
}

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

.m-b-n-md {
  margin-bottom: -20px;
}

.m-b-n-lg {
  margin-bottom: -30px;
}

.m-b-n-xl {
  margin-bottom: -40px;
}

.space-15 {
  margin: 15px 0;
}

.space-20 {
  margin: 20px 0;
}

.space-25 {
  margin: 25px 0;
}

.space-30 {
  margin: 30px 0;
}

.sweet-alert button {
  background-color: #34495e;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
}

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.sweet-alert button:hover {
  background-color: #a1d9f2;
}

.sweet-alert button:active {
  background-color: #81ccee;
}

.sweet-alert button.cancel {
  background-color: #d0d0d0;
}

.sweet-alert button.cancel:hover {
  background-color: #c8c8c8;
}

.sweet-alert button.cancel:active {
  background-color: #b6b6b6;
}

.sweet-alert p {
  font-size: 14px;
  font-weight: 400;
}

.sweet-alert h2 {
  font-size: 26px;
}

.sweet-alert {
  padding: 25px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1),
    0 2 px 4 px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
}

.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}

.cg-notify-message.homer-notify {
  background: #fff;
  padding: 0;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1),
    0 2 px 4 px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2);
  border: none;
  margin-top: 30px;
  color: inherit;
}

.notify-right {
  right: 15px !important;
  top: 110px !important;
}

.notify-left {
  left: 15px !important;
  top: 110px !important;
}

.homer-notify.alert-warning {
  border-left: 6px solid #ffb606;
}

.homer-notify.alert-success {
  border-left: 6px solid #0063c0;
}

.homer-notify.alert-danger {
  border-left: 6px solid #c0392b;
}

.homer-notify.alert-info {
  border-left: 6px solid #3498db;
}

.h-modal-icon {
  font-size: 66px;
}

.inmodal .color-line {
  border-radius: 4px 4px 0 0;
}

.modal-content {
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
}

.modal-backdrop.in {
  opacity: 0.4;
}

.modal-backdrop {
  position: fixed;
  bottom: 0;
}

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

.modal-title {
  font-size: 30px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-header {
  padding: 40px 30px;
  background: #f7f9fa;
}

.modal-body {
  padding: 20px 30px;
}

.modal-header small {
  color: #9d9fa2;
}

.modal-footer {
  background: #f7f9fa;
}

.hmodal-info .color-line {
  background: #3498db;
}

.hmodal-warning .color-line {
  background: #ffb606;
}

.hmodal-success .color-line {
  background: #0063c0;
}

.hmodal-danger .color-line {
  background: #c0392b;
}

.hmodal-info h4.modal-title {
  color: #3498db;
}

.hmodal-warning h4.modal-title {
  color: #ffb606;
}

.hmodal-success h4.modal-title {
  color: #0063c0;
}

.hmodal-danger h4.modal-title {
  color: #c0392b;
}

.progress {
  border-radius: 2px;
  margin-bottom: 10px;
}

.progress-bar {
  background-color: #f1f3f6;
  text-align: right;
  padding-right: 10px;
  color: #6a6c6f;
}

.progress-small,
.progress-small .progress-bar {
  height: 10px;
}

.progress-bar-success {
  border-right: 4px solid #0056a7;
}

.progress-bar-info {
  border-right: 4px solid #258cd1;
}

.progress-bar-warning {
  border-right: 4px solid #eba600;
}

.progress-bar-danger {
  border-right: 4px solid #e43725;
}

.full .progress-bar-success {
  background-color: #0063c0;
  border-right: 4px solid #0056a7;
}

.full .progress-bar-info {
  background-color: #3498db;
  border-right: 4px solid #258cd1;
}

.full .progress-bar-warning {
  background-color: #ffb606;
  border-right: 4px solid #eba600;
}

.full .progress-bar-danger {
  background-color: #e74c3c;
  border-right: 4px solid #e43725;
}

.full .progress-bar {
  color: #ffffff;
}

body.blank {
  background-color: #f1f3f6;
}

.login-container {
  max-width: 420px;
  margin: auto;
  padding-top: 15%;
}

.login-title {
  background-color: #0063c0;
  color: #fff !important;
  padding: 14px 10px 10px 10px;
  border-radius: 4px 4px 0 0;
  font-size: 22px;
  font-weight: 600;
}

.register-container {
  max-width: 720px;
  margin: auto;
  margin-top: 20px !important;
  padding-top: 10%;
  padding-bottom: 5%;
}

.lock-container {
  max-width: 420px;
  margin: auto;
  padding-top: 6%;
}

.error-container {
  max-width: 620px;
  margin: auto;
  padding-top: 6%;
}

.big-icon {
  font-size: 120px;
}

.error-container h1 {
  font-size: 44px;
}

.back-link {
  float: left;
  width: 100%;
  margin: 10px;
}

.vertical-container {
  width: 98%;
  margin: 0 auto;
}

.vertical-container::after {
  content: "";
  display: table;
  clear: both;
}

.v-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

.v-timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #e8ebf0;
}

.vertical-timeline-content .btn {
  float: right;
}

.vertical-timeline-block {
  position: relative;
  margin: 2em 0;
}

.vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-timeline-block:first-child {
  margin-top: 0;
}

.vertical-timeline-block:last-child {
  margin-bottom: 0;
}

.vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  border: 1px solid #e4e5e7;
  text-align: center;
  background: #fff;
}

.vertical-timeline-icon i {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -9px;
}

.vertical-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  border: 1px solid #e4e5e7;
}

.vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.vertical-timeline-content h2 {
  font-weight: 400;
  margin-top: 4px;
}

.vertical-timeline-content p {
  margin: 1em 0 0 0;
  line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
  font-weight: 500;
  text-align: right;
  font-size: 13px;
}

.vertical-date small {
  color: #0063c0;
  font-weight: 400;
}

.vertical-timeline-content:after,
.vertical-timeline-content:before {
  right: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vertical-timeline-content:after {
  border-color: transparent;
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.vertical-timeline-content:before {
  border-color: transparent;
  border-right-color: #e4e5e7;
  border-width: 11px;
  margin-top: -11px;
}

.contact-panel h3 {
  margin-bottom: 2px;
}

.contact-panel h3 a {
  color: inherit;
}

.contact-panel p {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 0;
}

.contact-panel img {
  width: 76px;
  height: 76px;
}

.contact-footer {
  padding: 0 15px;
}

.contact-stat span {
  font-size: 10px;
  font-weight: 500;
  display: block;
  color: #9d9fa2;
  text-transform: uppercase;
}

.contact-stat {
  padding: 8px 0px;
  text-align: center;
}

.contact-panel:hover .panel-body {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: pulse;
  -webkit-animation-name: pulse;
  z-index: 1;
}

.fc-state-default {
  background-color: #ffffff;
  background-image: none;
  background-repeat: repeat-x;
  box-shadow: none;
  color: inherit;
  text-shadow: none;
}

.fc-state-default {
  border: 1px solid;
}

.fc-button {
  color: inherit;
  border: 1px solid #e4e5e7;
  cursor: pointer;
  display: inline-block;
  height: 1.9em;
  line-height: 1.9em;
  overflow: hidden;
  padding: 0 0.6em;
  position: relative;
  white-space: nowrap;
}

.fc-state-active {
  background-color: #0063c0;
  border-color: #0063c0;
  color: #ffffff;
}

.fc-header-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: inherit;
}

.fc-content .fc-widget-header,
.fc-content .fc-widget-content {
  border-color: #e4e5e7;
  font-weight: normal;
}

.fc-border-separate tbody {
  background-color: #f8f8f8;
}

.fc-state-highlight {
  background: none repeat scroll 0 0 #f1f3f6;
}

.external-event {
  padding: 5px 10px;
  border-radius: 2px;
  cursor: pointer;
  margin-bottom: 5px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-radius: 2px;
}

.fc-event,
.fc-agenda .fc-event-time,
.fc-event a {
  padding: 4px 6px;
  background-color: #0063c0;
  border-color: #0063c0;
}

.fc-event-time,
.fc-event-title {
  color: #717171;
  padding: 0 1px;
}

.ui-calendar .fc-event-time,
.ui-calendar .fc-event-title {
  color: #fff;
}

.fc-view-container .fc-widget-header {
  background: #f7f8fa;
}

.fc-widget-header .fc-day-header {
  padding: 12px 0;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: center;
}

.fc-basic-view td.fc-day-number,
.fc-basic-view td.fc-week-number span {
  padding: 6px;
}

.fc-day-grid-event {
  margin: 2px 6px 0;
}

.note-editor {
  border: 1px solid #e4e5e7;
}

.note-editor .note-toolbar {
  border-bottom: 1px solid #e4e5e7;
}

.note-editor .btn-default {
  border-color: #e4e5e7;
}

.ngH eaderCell {
  border-right: none;
  border-bottom: 1px solid #e4e5e7;
}

.ngCell {
  border-right: none;
}

.ngTopPanel {
  background: #fff;
}

.ngRow.even {
  background: #f9f9f9;
}

.ngRow.selected {
  background: #e5e8ee;
}

.ngRow {
  border-bottom: 1px solid #e4e5e7;
}

.ngCell {
  background-color: transparent;
}

.ngHeaderCell {
  border-right: none;
}

.gridStyle {
  border: 1px solid #e4e5e7;
  height: 400px;
}

.show-grid [class^="col-"] {
  background-color: #f1f3f6 !important;
  border: 1px solid #ddd;
  padding-bottom: 10px;
  padding-top: 10px;
}

.show-grid {
  margin: 15px 0;
}

.dropdown-menu.hdropdown {
  padding: 0;
  z-index: 1060;
}

.dropdown-menu.hdropdown .title {
  padding: 12px 12px;
  text-align: center;
  border-bottom: 1px solid #e4e5e7;
}

.dropdown-menu.hdropdown li {
  padding: 6px 12px;
  text-align: left;
  background: #fafbfc;
  border-bottom: 1px solid #e4e5e7;
}

.dropdown-menu.filedropdown li {
  padding: 6px 6px;
  text-align: left;
  background: #fafbfc;
  border-bottom: 1px solid #e4e5e7;
}

.dropdown-menu.filedropdown li i {
  margin-right: 10px;
}

.dropdown-menu.hdropdown.notification li {
  padding: 12px 12px;
}

.dropdown-menu.hdropdown.notification li .label {
  margin-right: 10px;
}

.dropdown-menu.hdropdown li > a:hover,
.dropdown-menu.filedropdown li > a:hover {
  background: inherit;
}

.dropdown-menu.hdropdown li:hover,
.dropdown-menu.filedropdown li:hover {
  background: #f1f3f6;
}

.dropdown-menu.hdropdown li.summary {
  padding: 6px 12px;
  text-align: center;
  background: #fff;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
  color: inherit;
  background: #f7f8fa;
  border-bottom: 1px solid #e4e5e7;
}

.chat-avatar {
  width: 36px;
  height: 36px;
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}

.chat-user-name {
  padding: 10px;
}

.chat-user {
  padding: 8px 10px;
  border-bottom: 1px solid #e7eaec;
}

.chat-user a {
  color: inherit;
}

.chat-view {
  z-index: 1070;
}

.chat-users,
.chat-statistic {
  margin-left: -30px;
}

.chat-view .ibox-content {
  padding: 0;
}

.chat-message {
  padding: 10px 20px;
}

.message-avatar {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  margin-top: 1px;
}

.chat-discussion .chat-message .message-avatar {
  float: left;
  margin-right: 10px;
}

.chat-discussion .message {
  background-color: #f7f8fa;
  text-align: left;
  display: block;
  padding: 10px 20px;
  position: relative;
  border-radius: 4px;
}

.chat-discussion .chat-message .message-date {
  float: right;
}

.chat-discussion .chat-message .message {
  text-align: left;
  margin-left: 55px;
}

.message-date {
  font-size: 10px;
  color: #888888;
}

.message-content {
  display: block;
}

.chat-users,
.chat-discussion {
  overflow-y: auto;
  height: 500px;
}

.chat-discussion .chat-message.left .message-date {
  float: right;
}

.chat-discussion .chat-message.right .message-date {
  float: left;
}

.chat-discussion .chat-message.left .message {
  text-align: left;
  margin-left: 55px;
}

.chat-discussion .chat-message.right .message {
  text-align: right;
  margin-right: 55px;
}

.chat-discussion .chat-message.left .message-avatar {
  float: left;
  margin-right: 10px;
}

.chat-discussion .chat-message.right .message-avatar {
  float: right;
  margin-left: 10px;
}

.chat-discussion {
  padding: 15px 10px;
}

.header-line.extreme-color {
  width: 20%;
}

.header-line {
  height: 6px;
  width: 10%;
  float: left;
  margin: 0;
  position: relative;
}

.header-line div {
  position: absolute;
  top: 70px;
  left: 15px;
  font-weight: 600;
  color: #fff;
}

.header-line div span {
  font-weight: 400;
  display: block;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.color-demo .header-line {
  height: 118px;
}

.color-demo .header-line:after {
  display: block;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  content: "";
  height: 10px;
  width: 100%;
}

.btn {
  border-radius: 3px;
}

.float-e-margins .btn {
  margin-bottom: 5px;
}

.btn-primary.btn-outline {
  color: #0063c0;
}

.btn-primary2.btn-outline {
  color: #9b59b6;
}

.btn-success.btn-outline {
  color: #0063c0;
}

.btn-info.btn-outline {
  color: #3498db;
}

.btn-warning.btn-outline {
  color: #ffb606;
}

.btn-warning2.btn-outline {
  color: #e67e22;
}

.btn-danger.btn-outline {
  color: #e74c3c;
}

.btn-danger2.btn-outline {
  color: #c0392b;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}

.btn-primary {
  background-color: #0063c0;
  border-color: #0063c0;
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #0073df;
  border-color: #0073df;
  color: #ffffff;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #0053a1;
  border-color: #0053a1;
}

.btn-primary2 {
  background-color: #9b59b6;
  border-color: #9b59b6;
  color: #ffffff;
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active,
.btn-primary2.active,
.open .dropdown-toggle.btn-primary2 {
  background-color: #a86ebf;
  border-color: #a86ebf;
  color: #ffffff;
}

.btn-primary2:active,
.btn-primary2.active,
.open .dropdown-toggle.btn-primary2 {
  background-image: none;
}

.btn-primary2.disabled,
.btn-primary2.disabled:hover,
.btn-primary2.disabled:focus,
.btn-primary2.disabled:active,
.btn-primary2.disabled.active,
.btn-primary2[disabled],
.btn-primary2[disabled]:hover,
.btn-primary2[disabled]:focus,
.btn-primary2[disabled]:active,
.btn-primary2.active[disabled],
fieldset[disabled] .btn-primary2,
fieldset[disabled] .btn-primary2:hover,
fieldset[disabled] .btn-primary2:focus,
fieldset[disabled] .btn-primary2:active,
fieldset[disabled] .btn-primary2.active {
  background-color: #8c49a7;
  border-color: #8c49a7;
}

.btn-success {
  background-color: #0063c0;
  border-color: #0063c0;
  color: #ffffff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #0073df;
  border-color: #0073df;
  color: #ffffff;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #0053a1;
  border-color: #0053a1;
  opacity: 1;
}

.btn-info {
  background-color: #3498db;
  border-color: #3498db;
  color: #ffffff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #4ea5e0;
  border-color: #4ea5e0;
  color: #ffffff;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #2489cc;
  border-color: #2489cc;
}

.btn-default {
  background-color: #fff;
  border-color: #e4e5e7;
  color: #6a6c6f;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #fff;
  border-color: #d9dbdd;
  color: #606265;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #e4ebee;
  border-color: #e4ebee;
}

.btn-warning {
  background-color: #ffb606;
  border-color: #ffb606;
  color: #ffffff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #ffbf25;
  border-color: #ffbf25;
  color: #ffffff;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #e6a300;
  border-color: #e6a300;
}

.btn-warning2 {
  background-color: #e67e22;
  border-color: #e67e22;
  color: #ffffff;
}

.btn-warning2:hover,
.btn-warning2:focus,
.btn-warning2:active,
.btn-warning2.active,
.open .dropdown-toggle.btn-warning2 {
  background-color: #e98e3d;
  border-color: #e98e3d;
  color: #ffffff;
}

.btn-warning2:active,
.btn-warning2.active,
.open .dropdown-toggle.btn-warning2 {
  background-image: none;
}

.btn-warning2.disabled,
.btn-warning2.disabled:hover,
.btn-warning2.disabled:focus,
.btn-warning2.disabled:active,
.btn-warning2.disabled.active,
.btn-warning2[disabled],
.btn-warning2[disabled]:hover,
.btn-warning2[disabled]:focus,
.btn-warning2[disabled]:active,
.btn-warning2.active[disabled],
fieldset[disabled] .btn-warning2,
fieldset[disabled] .btn-warning2:hover,
fieldset[disabled] .btn-warning2:focus,
fieldset[disabled] .btn-warning2:active,
fieldset[disabled] .btn-warning2.active {
  background-color: #d26f18;
  border-color: #d26f18;
}

.btn-danger {
  background-color: #e74c3c !important;
  border-color: #e74c3c !important;
  color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #ea6557;
  border-color: #ea6557;
  color: #ffffff;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #e43321;
  border-color: #e43321;
}

.btn-danger2 {
  background-color: #c0392b;
  border-color: #c0392b;
  color: #ffffff;
}

.btn-danger2:hover,
.btn-danger2:focus,
.btn-danger2:active,
.btn-danger2.active,
.open .dropdown-toggle.btn-danger2 {
  background-color: #d24637;
  border-color: #d24637;
  color: #ffffff;
}

.btn-danger2:active,
.btn-danger2.active,
.open .dropdown-toggle.btn-danger2 {
  background-image: none;
}

.btn-danger2.disabled,
.btn-danger2.disabled:hover,
.btn-danger2.disabled:focus,
.btn-danger2.disabled:active,
.btn-danger2.disabled.active,
.btn-danger2[disabled],
.btn-danger2[disabled]:hover,
.btn-danger2[disabled]:focus,
.btn-danger2[disabled]:active,
.btn-danger2.active[disabled],
fieldset[disabled] .btn-danger2,
fieldset[disabled] .btn-danger2:hover,
fieldset[disabled] .btn-danger2:focus,
fieldset[disabled] .btn-danger2:active,
fieldset[disabled] .btn-danger2.active {
  background-color: #a73225;
  border-color: #a73225;
}

.btn-link {
  color: inherit;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  color: #6a6c6f;
}

.btn-link:active,
.btn-link.active,
.open .dropdown-toggle.btn-link {
  background-image: none;
}

.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled]:active,
.btn-link.active[disabled],
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  color: #9d9fa2;
}

.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all 0.5s;
}

.btn-xs {
  border-radius: 3px;
  font-size: 11px;
  line-height: 1.5;
  padding: 1px 7px;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}

.btn-circle.btn-xs {
  width: 20px;
  height: 20px;
  padding: 4px 8px;
  border-radius: 25px;
  font-size: 10px;
  line-height: 1;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn:focus {
  outline: none !important;
}

.btn-success,
.btn-success:visited {
  background-color: #0063c0;
  border-color: #0063c0;
  color: #ffffff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success.active:hover {
  background-color: #0073df;
  border-color: #0073df;
  color: #ffffff;
}

.btn-success:active {
  border-color: #0073df !important;
  background-color: #0073df !important;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

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

.font-extra-bold {
  font-weight: 700;
}

.font-uppercase {
  text-transform: uppercase;
}

.font-trans {
  opacity: 0.5 !important;
}

.text-big {
  font-size: 60px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 200;
}

.icheckbox_square-green,
.iradio_square-green {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background: url("https://storage.googleapis.com/databoom-app/images/css/green.png")
    no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_square-green {
  background-position: 0 0;
}

.icheckbox_square-green.hover {
  background-position: -24px 0;
}

.icheckbox_square-green.checked {
  background-position: -48px 0;
}

.icheckbox_square-green.disabled {
  background-position: -72px 0;
  cursor: default;
}

.icheckbox_square-green.checked.disabled {
  background-position: -96px 0;
}

.iradio_square-green {
  background-position: -120px 0;
}

.iradio_square-green.hover {
  background-position: -144px 0;
}

.iradio_square-green.checked {
  background-position: -168px 0;
}

.iradio_square-green.disabled {
  background-position: -192px 0;
  cursor: default;
}

.iradio_square-green.checked.disabled {
  background-position: -216px 0;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden !important;
}

body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #f1f3f6;
  font-size: 13px;
  color: #6a6c6f;
  margin: 0;
  padding: 0;
  height: 100%;
}

#header {
  background-color: #fff;
  display: block;
  height: 62px;
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #e4e5e7;
}

#menu {
  width: 190px;
  bottom: 0;
  float: left;
  left: 0;
  position: absolute;
  top: 62px;
  transition: all 0.4s ease 0s;
}

#wrapper {
  margin: 0 0px 0 190px;
  padding: 0;
  background: #f1f3f6;
  border-left: 1px solid #e4e5e7;
  transition: all 0.4s ease 0s;
  position: relative;
  min-height: 100%;
}

.content {
  padding: 25px 40px 40px 40px;
  min-width: 320px;
}

.footer {
  padding: 10px 18px;
  background: #ffffff;
  border-top: 1px solid #e4e5e7;
  transition: all 0.4s ease 0s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.content-boxed {
  max-width: 1100px;
  margin: auto;
  padding-top: 60px;
}

#page-header {
  padding: 20px 40px;
}

.color-line {
  height: 6px;
  padding: 3px;
  background-size: 100% 6px;
  background: #0063c0;
  background: -moz-linear-gradient(left, white 0%, #0063c0 100%);
  background: -webkit-linear-gradient(left, white 0%, #0063c0 100%);
  background: linear-gradient(to right, white 0%, #0063c0 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='@color-navy-blue', GradientType=1);
  background-position: 50% 100%;
  background-repeat: no-repeat;
}

.fixed-navbar #header {
  width: 100%;
  position: fixed;
  z-index: 1000;
}

.fixed-navbar #wrapper {
  top: 62px;
}

.fixed-sidebar #menu {
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 197px;
  margin-right: -17px;
}

.fixed-sidebar.show-sidebar #menu {
  width: 180px;
}

.fixed-footer .footer {
  position: fixed;
  z-index: 1001;
  bottom: 0;
  left: 181px;
  right: 0;
}

.fixed-footer.hide-sidebar .footer {
  left: 0;
}

#right-sidebar {
  background-color: #fff;
  border-left: 1px solid #e4e5e7;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 260px !important;
  z-index: 1009;
  bottom: 0;
  right: 0;
  display: none;
  overflow: auto;
}

#right-sidebar.sidebar-open {
  display: block;
}

.fixed-small-header .small-header {
  position: fixed;
  top: 62px;
  left: 0;
  right: 0;
  margin-left: 181px;
  z-index: 1001;
}

.fixed-small-header .content {
  padding-top: 80px;
}

.fixed-small-header.hide-sidebar .small-header {
  margin-left: 0;
}

.fixed-small-header.page-small .small-header {
  margin-left: 0;
}

.fixed-small-header.page-small .content {
  padding-top: 120px;
}

.fixed-small-header.page-small.show-sidebar .small-header {
  margin-left: 181px;
  overflow: hidden;
}

.list .list-item-container {
  float: left;
}

.list-item-container div:first-child {
  border-top: none;
}

.list .list-item .list-item-content p {
  margin-bottom: 3px;
  margin-top: 0;
}

.list .list-item-date {
  color: #aaaaaa;
  font-size: 10px;
  text-align: center;
}

.list .list-item {
  float: left;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e4e5e7;
}

.list .list-item-container-small {
  min-width: 80px;
  text-align: center;
}

.list .list-item .list-item-content .list-item-right {
  height: 100%;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.list .list-item .list-item-content h1,
.list .list-item .list-item-content h2,
.list .list-item .list-item-content h3,
.list .list-item .list-item-content h4,
.list .list-item .list-item-content h5,
.list .list-item .list-item-content h6,
.list .list-item .list-item-content .list-item-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}

.productions th[field].th-12-text,
.th-12-text {
  font-size: 12px !important;
}

.hpanel > .panel-heading {
  color: inherit;
  font-weight: 600;
  padding: 10px 4px;
  transition: all 0.3s;
  border: 1px solid transparent;
}

.hpanel .hbuilt.panel-heading {
  border-bottom: none;
}

.hpanel > .panel-footer {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
  z-index: 10;
}

.gridster-item-resizable-handler {
  z-index: 20;
}

.hpanel.panel-collapse > .panel-heading,
.hpanel .hbuilt {
  background: #fff;
  border-color: #e4e5e7;
  border: 1px solid #e4e5e7;
  padding: 10px 10px;
  border-radius: 2px;
}

.hpanel .panel-body {
  background: #fff;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 20px;
  position: relative;
}

.panel-collapse .panel-body {
  border: none;
  min-height: auto !important;
}

.hpanel {
  background-color: none;
  border: none;
  box-shadow: none;
  margin-bottom: 25px;
}

.panel-tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  padding: 0;
  position: relative;
}

.hpanel .alert {
  margin-bottom: 0;
  border-radius: 0;
  border: 1px solid #e4e5e7;
  border-bottom: none;
}

.panel-tools a {
  margin-left: 5px;
  color: #9d9fa2;
  cursor: pointer;
}

.hpanel.hgreen .panel-body {
  border-top: 2px solid #0063c0;
}

.hpanel.hblue .panel-body {
  border-top: 2px solid #3498db;
}

.hpanel.hyellow .panel-body {
  border-top: 2px solid #ffb606;
}

.hpanel.hviolet .panel-body {
  border-top: 2px solid #9b59b6;
}

.hpanel.horange .panel-body {
  border-top: 2px solid #e67e22;
}

.hpanel.hred .panel-body {
  border-top: 2px solid #e74c3c;
}

.hpanel.hreddeep .panel-body {
  border-top: 2px solid #c0392b;
}

.hpanel.hnavyblue .panel-body {
  border-top: 2px solid #0063c0;
}

.hpanel.hbggreen .panel-body {
  background: #0063c0;
  color: #fff;
  border: none;
}

.hpanel.hbgblue .panel-body {
  background: #3498db;
  color: #fff;
  border: none;
}

.hpanel.hbgyellow .panel-body {
  background: #ffb606;
  color: #fff;
  border: none;
}

.hpanel.hbgviolet .panel-body {
  background: #9b59b6;
  color: #fff;
  border: none;
}

.hpanel.hbgorange .panel-body {
  background: #e67e22;
  color: #fff;
  border: none;
}

.hpanel.hbgred .panel-body {
  background: #e74c3c;
  color: #fff;
  border: none;
}

.hpanel.hbgreddeep .panel-body {
  background: #c0392b;
  color: #fff;
  border: none;
}

.hpanel.hbgnavyblue .panel-body {
  background: #0063c0;
  color: #fff;
  border: none;
}

.panel-group .panel-heading {
  background-color: #f7f9fa;
}

.small-header .hpanel {
  margin-bottom: 0;
}

.small-header {
  padding: 0 !important;
}

.small-header .panel-body {
  padding: 15px 25px;
  border-right: none;
  border-left: none;
  border-top: none;
  border-radius: 0;
}

.panel-body h5,
.panel-body h4 {
  font-weight: 600;
}

.small-header .panel-body h2 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 0 0;
}

.small-header .panel-body small {
  color: #838589;
}

.hbreadcrumb {
  padding: 2px 0px;
  margin-top: 6px;
  margin-bottom: 0;
  list-style: none;
  background-color: #fff;
  border-radius: #fff;
  font-size: 11px;
}

.hbreadcrumb > li {
  display: inline-block;
}

.hbreadcrumb > li + li:before {
  padding: 0 5px;
  color: #0063c0;
}

.hbreadcrumb > .active {
  color: #9d9fa2;
}

.wrapper {
  padding: 10px 20px;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid #e4e5e7;
  border-bottom-color: transparent;
}

.nav-tabs {
  border-bottom: 1px solid #e4e5e7;
}

.tab-pane .panel-body {
  border-top: none;
}

.tabs-left .tab-pane .panel-body,
.tabs-right .tab-pane .panel-body {
  border-top: 1px solid #e4e5e7;
}

.nav-tabs > li a:hover {
  background: transparent;
  border-color: transparent;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tabs-left .panel-body {
  position: static;
}

.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  width: 20%;
}

.tabs-left .panel-body {
  width: 80%;
  margin-left: 20%;
}

.tabs-right .panel-body {
  width: 80%;
  margin-right: 20%;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #e4e5e7;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #e4e5e7;
  border-bottom-color: transparent;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #e4e5e7 transparent #e4e5e7 #e4e5e7;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #e4e5e7 #e4e5e7 #e4e5e7 transparent;
  *border-left-color: #ffffff;
  z-index: 1;
}

.tooltip-inner {
  background-color: #0063c0;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #0063c0;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #0063c0;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #0063c0;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #0063c0;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 1;
}

.google-map {
  height: 300px;
}

.hr-line-dashed {
  background-color: transparent;
  border-top: 1px dotted #f1f3f6;
  color: transparent;
  height: 1px;
  margin: 20px 0;
}

.animated-panel {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.h-bg-navy-blue {
  background: #0063c0;
}

.h-bg-violet {
  background: #9b59b6;
}

.h-bg-blue {
  background: #3498db;
}

.h-bg-green {
  background: #0063c0;
}

.h-bg-yellow {
  background: #ffb606;
}

.h-bg-orange {
  background: #e67e22;
}

.h-bg-red {
  background: #e74c3c;
}

.h-bg-red-deep {
  background: #c0392b;
}

.text-primary {
  color: #0063c0;
}

.text-primary-2 {
  color: #9b59b6;
}

.tx-info,
.text-info {
  color: #3498db;
}

.text-success {
  color: #0063c0;
}

.text-warning {
  color: #ffb606;
}

.text-danger {
  color: #e74c3c;
}

.text-white {
  color: #fff;
}

.border-top {
  border-top: 1px solid #e4e5e7;
}

.border-bottom {
  border-bottom: 1px solid #e4e5e7;
}

.border-right {
  border-right: 1px solid #e4e5e7;
}

.border-left {
  border-left: 1px solid #e4e5e7;
}

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.has-warning .form-control,
.has-error .form-control,
.has-success .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.has-error .form-control {
  border-color: #d62c1a !important;
}

.has-warning .form-control {
  border-color: #d29400 !important;
}

.has-success .form-control {
  border-color: #00498d !important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #d62c1a;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #d29400;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #00498d;
}

.bg-white {
  background-color: #fff;
}

.bg-light-soft {
  background-color: #f1f3f6;
}

.bg-light {
  background-color: #f7f9fa;
}

#logo {
  float: left;
  width: 190px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80% auto;
  padding: 18px 10px 18px 18px;
  height: 56px;
  text-align: center;
}

#logo span {
  font-weight: 600;
  color: #fff;
  font-size: 14px;
}

#logo.light-version {
  background-color: #f7f9fa;
  border-bottom: 1px solid #e4e5e7;
  text-align: left;
}

#logo.light-version span {
  font-weight: 600;
  color: #0063c0;
  font-size: 14px;
}

.profile-picture {
  padding: 20px 20px;
  text-align: center;
}

.stats-box div {
  display: inline-block;
  vertical-align: middle;
}

.stats-label {
  line-height: 1.2;
}

.stats-label small {
  font-size: 80%;
  line-height: 0.6;
}

.stats-box-value {
  background: #ffffff;
}

.stats-box-detail {
  background: #0063c0;
  color: #fff;
  position: relative;
}

.label-menu-corner .label {
  font-size: 10px;
  line-height: 12px;
  padding: 2px 5px;
  position: absolute;
  right: 18px;
  top: 12px;
}

#side-menu {
  background: #f7f9fa;
  min-height: 100%;
}

#side-menu li a {
  color: #6a6c6f;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 20px;
}

#side-menu li {
  border-bottom: 1px solid #e4e5e7;
}

#side-menu li ul li:last-child {
  border-bottom: none;
}

#side-menu li:first-child {
  border-top: 1px solid #e4e5e7;
}

.logo-poweredby-container {
  border: none !important;
}

.modal-open .logo-poweredby {
  display: none !important;
}

.modal-open.hide-modal-overflow {
  overflow: hidden !important;
}

#side-menu li.active a,
#side-menu li:hover a {
  color: #0063c0;
}

#side-menu li .nav-second-level li a {
  padding: 10px 10px 10px 25px;
  color: #6a6c6f;
  text-transform: none;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
}

#side-menu li .nav-second-level li ul li a {
  padding: 10px 10px 10px 10px;
}

#side-menu li .nav-second-level li.active a {
  color: #0063c0;
  background-color: #f7f9fa;
}

#side-menu.nav > li > a:hover,
#side-menu.nav > li > a:focus {
  background: #fff;
}

#side-menu li.active {
  background: #fff;
}

#side-menu .label-tag {
  max-width: 125px;
  word-break: break-word;
  white-space: pre-wrap;
  text-align: left;
}

.arrow {
  float: right;
}

.fa.arrow:before {
  content: "\f104";
}

.active > a > .fa.arrow:before {
  content: "\f107";
}

#top-navigation {
  height: 56px;
  position: relative;
  float: left;
}

.navbar-static-top {
  margin: 0 0 0 180px;
}

.navbar.navbar-static-top a,
.nav.navbar-nav li a {
  color: #9d9fa2;
}

.header-link {
  padding: 18px 26px 17px 26px;
  font-size: 14px;
  float: left;
  border-right: 1px solid #e4e5e7;
  border-left: 1px solid #e4e5e7;
  margin-right: 15px;
  background: #f7f9fa;
  cursor: pointer;
}

.header-link:hover {
  background: #f1f4f6;
}

.navbar-nav > li,
.navbar-nav > li > a {
  height: 56px;
}

.navbar-nav > li > a {
  padding: 15px 25px;
  font-size: 25px;
}

.navbar-nav > li:last-child > a {
  padding-right: 35px;
}

.navbar.navbar-static-top .hide-menu {
  color: #9d9fa2;
}

.panel-title {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.box {
  padding: 40px;
}

.box-rb-border {
  border-right: 1px solid #e4e5e7;
  border-bottom: 1px solid #e4e5e7;
}

.box-b-border {
  border-bottom: 1px solid #e4e5e7;
}

.box-r-border {
  border-right: 1px solid #e4e5e7;
}

.h-100 {
  min-height: 100px;
}

.h-150 {
  min-height: 150px;
}

.h-200 {
  min-height: 200px;
}

.h-300 {
  min-height: 300px;
}

.h-400 {
  min-height: 400px;
}

.h-500 {
  min-height: 500px;
}

.h-600 {
  min-height: 600px;
}

body.hide-sidebar #menu {
  margin-left: -190px;
}

body.hide-sidebar #wrapper {
  margin-left: 0;
}

body.page-small #menu {
  margin-left: -190px;
}

body.page-small #wrapper {
  margin-left: 0;
}

body.page-small.show-sidebar #menu {
  margin-left: 0;
}

body.page-small.show-sidebar #wrapper {
  margin-left: 180px;
}

a {
  cursor: pointer;
  color: #0063c0;
}

a:hover,
a:focus {
  color: #0063c0;
  text-decoration: none;
}

.no-padding {
  padding: 0 !important;
}

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

.no-margins {
  margin: 0 !important;
}

.no-background {
  background: transparent !important;
}

.navbar-form-custom {
  float: left;
  height: 52px;
  padding: 0;
  width: 200px;
}

.navbar-form-custom .form-control {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  font-size: 13px;
  height: 52px;
  margin: 0;
  z-index: 1060;
  padding: 0;
}

.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,
.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,
.popover,
.progress,
.progress-bar {
  box-shadow: none;
}

.vertical-mid {
  display: table;
}

.vertical-mid * {
  display: table-cell;
  vertical-align: middle;
}

.label-success {
  background-color: #0063c0;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #0063c0;
  border-color: #0063c0;
  color: #ffffff !important;
}

.list-group-item-heading {
  margin-top: 10px;
}

.list-group-item-text {
  margin: 0 0 10px;
  color: inherit;
  line-height: inherit;
}

.list-group-item {
  background-color: inherit;
  border: 1px solid #e4e5e7;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative;
}

.no-padding .list-group-item {
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.no-padding .list-group-item:first-child {
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-top: none;
}

.no-padding .list-group {
  margin-bottom: 0;
}

.well {
  background: #f7f9fa;
  box-shadow: none;
}

.stats h4,
h5,
h6 {
  margin: 5px 0;
}

.stats-title h4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.w-xs {
  min-width: 100px;
}

.w-sm {
  min-width: 120px;
}

.w-m {
  min-width: 140px;
}

.w-lg {
  min-width: 160px;
}

.w-xl {
  min-width: 180px;
}

.w-xxl {
  min-width: 200px;
}

.flot-chart {
  display: block;
  height: 300px;
  position: relative;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

.stats .flot-chart {
  height: 60px;
}

.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}

.feed-element:first-child {
  margin-top: 0;
}

.feed-element {
  padding-bottom: 15px;
}

.feed-element,
.feed-element .media {
  margin-top: 15px;
}

.feed-element,
.media-body {
  overflow: hidden;
}

.feed-element > .pull-left {
  margin-right: 10px;
}

.feed-element img.img-circle,
.dropdown-messages-box img.img-circle {
  width: 38px;
  height: 38px;
}

.feed-element .well {
  border: 1px solid #e7eaec;
  box-shadow: none;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px 20px;
  font-size: 11px;
  line-height: 16px;
}

.feed-element .actions {
  margin-top: 10px;
}

.feed-element .photos {
  margin: 10px 0;
}

.feed-photo {
  max-height: 180px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}

.feed-element img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.small-logo {
  display: none;
  text-align: center;
  padding-top: 18px;
  font-size: 14px;
  font-weight: 800;
}

.img-small {
  width: 62px;
  height: 62px;
}

.canvass {
  -moz-transition: width 0.01s, height 0.01s;
  -webkit-transition: width 0.01s, height 0.01s;
  -o-transition: width 0.01s, height 0.01s;
  transition: width 0.01s, height 0.01s;
}

.project-list table tr td {
  border-top: none;
  border-bottom: 1px solid #e7eaec;
  padding: 10px 10px;
  vertical-align: middle;
}

.icons-box {
  padding: 20px;
}

.icons-box h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.icons-box .infont {
  text-align: center;
  margin-bottom: 25px;
}

.icons-box .infont i {
  font-size: 35px;
  display: block;
  color: #676a6c;
}

.icons-box .infont span {
  color: #a6a8a9;
}

.icons-box .infont span {
  margin: 1px;
  display: block;
}

.fullpanel {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1070;
  overflow-x: scroll;
  transition: all 2s;
}

.transition {
  transition: all 0.5s;
}

.normalheader .hpanel {
  margin-bottom: 0;
}

.normalheader {
  min-width: 320px;
  padding: 40px 40px 0px 40px;
}

.normalheader h2 {
  margin-top: 0;
}

.input-xs {
  height: 20px;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  font-weight: 500;
}

.clip-header i {
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clip-header {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 8px;
  background: #f7f9fa;
  padding: 4px 5px;
  border-left: 1px solid #e4e5e7;
  border-bottom: 1px solid #e4e5e7;
}

.dropdown-menu {
  font-size: 13px;
  border-radius: 3px;
}

.dropdown-example {
  display: inline-block;
  margin: 0px 10px 10px 10px;
}

.dropdown-example .dropdown-menu {
  position: static;
  display: block;
}

.pagination-example .pagination {
  margin: 0 0 10px 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #0063c0;
  border-color: #0063c0;
  color: #fff !important;
  cursor: default;
  z-index: 2;
}

.hbreadcrumb a.active {
  color: #9d9fa2;
}

.form-control {
  border-color: #e4e5e7 !important;
}

.input-group-addon {
  background: #fafbfc;
  border-color: #e4e5e7 !important;
}

.sidebar-button {
  padding: 4px 10px 0 10px;
}

.sidebar-button i {
  font-size: 20px;
}

.save-screen,
.splash {
  position: absolute;
  z-index: 10001;
  background: white;
  color: gray;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.save-screen {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
}

.splash-title {
  text-align: center;
  max-width: 500px;
  margin: 15% auto;
  padding: 20px;
}

.splash-title h1 {
  font-size: 26px;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #0063c0;
  border-color: #0063c0;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #e74c3c;
  border-color: #e74c3c;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #3498db;
  border-color: #3498db;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #ffb606;
  border-color: #ffb606;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #0063c0;
  border-color: #0063c0;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #0063c0;
}

.radio-primary input[type="radio"]:checked + label::before {
  border-color: #0063c0;
}

.radio-primary input[type="radio"]:checked + label::after {
  background-color: #0063c0;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #e74c3c;
}

.radio-danger input[type="radio"]:checked + label::before {
  border-color: #e74c3c;
}

.radio-danger input[type="radio"]:checked + label::after {
  background-color: #e74c3c;
}

.radio-info input[type="radio"] + label::after {
  background-color: #3498db;
}

.radio-info input[type="radio"]:checked + label::before {
  border-color: #3498db;
}

.radio-info input[type="radio"]:checked + label::after {
  background-color: #3498db;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #ffb606;
}

.radio-warning input[type="radio"]:checked + label::before {
  border-color: #ffb606;
}

.radio-warning input[type="radio"]:checked + label::after {
  background-color: #ffb606;
}

.radio-success input[type="radio"] + label::after {
  background-color: #0063c0;
}

.radio-success input[type="radio"]:checked + label::before {
  border-color: #0063c0;
}

.radio-success input[type="radio"]:checked + label::after {
  background-color: #0063c0;
}

.checkbox input:hover,
.radio input:hover {
  cursor: pointer;
}

.ui-sortable .panel-body {
  cursor: move;
}

.ui-sortable-placeholder {
  border: 1px dashed #cecece !important;
  visibility: visible !important;
  background: #f7f9fa;
}

.ibox.ui-sortable-placeholder {
  margin: 0px 0px 23px !important;
}

.badge.badge-success {
  background-color: #0063c0;
}

.badge.badge-info {
  background-color: #3498db;
}

.badge.badge-danger {
  background-color: #e74c3c;
}

.badge.badge-warning {
  background-color: #ffb606;
}

.badge.badge-primary {
  background-color: #0063c0;
}

.table > thead > tr > th {
  border-bottom: none;
}

.no-padding table {
  margin-bottom: 0;
}

.form-control.error {
  border-color: #e74c3c !important;
}

label.error,
label span.error {
  color: #e74c3c;
  margin: 5px 0 0 0;
  font-weight: 400;
}

label span.error {
  margin-left: 5px;
}

label.error:before {
  content: "\f071";
  font-family: "FontAwesome";
  margin: 0 4px;
}

.hpanel .panel-body.file-body {
  padding: 30px 0;
  text-align: center;
}

.file-body i.fa {
  font-size: 56px;
}

.filter-item {
  margin-bottom: 0;
}

.filter-item .panel-body {
  padding: 10px 20px;
  border-bottom: none;
}

.filter-item a {
  color: #6a6c6f;
}

.filter-item:last-child {
  border-bottom: 1px solid #e4e5e7;
}

.filter-item:hover .panel-body,
.filter-item.active .panel-body {
  background: #fafcfd;
  z-index: 100;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
}

.filter-item::selection .panel-body {
  background: #fafcfd;
}

.filter-item h4 {
  margin-bottom: 5px;
}

.hdropdown.bigmenu {
  padding: 30px 30px 0px 30px;
}

.bigmenu a i {
  font-size: 46px;
}

.bigmenu a {
  display: block;
  text-align: center;
  margin: 0 10px 30px 0;
  min-width: 100px;
}

.bigmenu h5 {
  font-size: 13px;
  margin-top: 10px;
}

.projects .project-label {
  font-weight: 600;
}

.projects .hpanel .panel-body {
  border-bottom: none;
}

.projects .hpanel:last-child .panel-body {
  border-bottom: 1px solid #e4e5e7;
}

.projects .hpanel:last-child .panel-body {
  border-bottom: 1px solid #e4e5e7;
}

.projects .hpanel h4 a {
  color: #6a6c6f;
}

.projects .project-people img {
  width: 28px;
  height: 28px;
  margin-left: 2px;
  margin-bottom: 4px;
}

.projects .project-info {
  text-align: right;
}

.social-board .social-profile img {
  height: 42px;
  width: 42px;
  border-radius: 50%;
}

.social-board .social-profile h5 {
  margin-top: 5px;
  margin-bottom: 0;
}

.social-board .social-form {
  margin: 10px 0;
}

.social-board .social-form input {
  font-size: 12px;
  padding: 2px 12px;
  height: 28px;
}

.social-talk .social-profile img {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

.social-talk .text-muted {
  color: #aaacae;
}

.social-talk {
  margin-bottom: 10px;
}

.social-talk .social-content {
  margin-top: 2px;
}

.angular-ui-tree-handle {
  background: none repeat scroll 0 0 #f7f9fa;
  border: 1px dashed #e4e5e7;
  color: inherit;
  padding: 10px;
  font-weight: normal;
}

.angular-ui-tree-handle:hover {
  font-weight: bold;
  cursor: pointer;
}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 1px dashed #e4e5e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.group-title {
  background-color: #687074 !important;
  color: #fff !important;
}

.tree-node {
  background: none repeat scroll 0 0 #f7f9fa;
  border: 1px dashed #e4e5e7;
  color: inherit;
  padding: 10px;
  border-radius: 3px;
}

.tree-node .btn {
  min-width: 22px;
  margin-right: 4px;
}

.tree-node-content {
  margin: 5px 5px 5px 0;
}

.tree-handle {
  background: none repeat scroll 0 0 #f7f9fa;
  border: 1px dashed #e4e5e7;
  color: inherit;
  padding: 10px;
}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 1px dashed #e4e5e7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tour-backdrop {
  opacity: 0.5;
}

.blog-box p {
  font-size: 12px;
}

.blog-box h4 {
  font-weight: bold;
  margin-top: 0;
}

.blog-box .panel-heading {
  background: #fff;
  border-top: 1px solid #e4e5e7;
  border-left: 1px solid #e4e5e7;
  border-right: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 10px 20px;
  position: relative;
  font-weight: 500;
}

.blog-box .panel-footer {
  color: #909295;
}

.blog-box .panel-heading .media-body {
  line-height: 16px;
}

.blog-box .panel-heading .media img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.blog-box .panel-heading .media-body h5 {
  margin-top: 0;
}

.blog-box .panel-image {
  border-left: 1px solid #e4e5e7;
  border-right: 1px solid #e4e5e7;
  position: relative;
}

.blog-box .panel-image .title {
  position: absolute;
  bottom: 10px;
  padding: 0 20px;
  color: #fff;
}

.blog-box .panel-image .title h4 {
  margin-bottom: 0px;
}

.blog-box .panel-image .title a {
  color: #fff !important;
}

.blog-article-box .panel-heading {
  background: #fff;
  border-top: 1px solid #e4e5e7;
  border-left: 1px solid #e4e5e7;
  border-right: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 80px 10px;
  position: relative;
  font-weight: 500;
  text-align: center;
}

.blog-article-box .panel-heading h4 {
  font-size: 32px;
  font-weight: 700;
  color: #515355;
}

.blog-article-box .panel-body {
  padding: 50px 70px;
}

.blog-article-box .panel-body p {
  font-family: "Times New Roman", Georgia, Serif;
  font-size: 20px;
  line-height: 32px;
  color: #515355;
}

.forum-box .panel-body {
  border-bottom: none;
}

.forum-box .panel-body:last-child {
  border-bottom: 1px solid #e4e5e7;
}

.forum-box .forum-heading h4 {
  margin-bottom: 3px;
  font-weight: 600;
  margin-top: 5px;
  display: inline;
}

.forum-box .forum-heading .label {
  margin-right: 5px;
}

.forum-box .forum-heading .desc {
  color: #909295;
  font-size: 12px;
}

.forum-box .panel-heading {
  border: 1px solid #e4e5e7;
  border-bottom: none;
  font-size: 90%;
  background: #f7f9fa;
  padding: 10px 20px;
}

.forum-box .forum-info {
  text-align: right;
  line-height: 20px;
}

.forum-box .forum-info .number {
  display: block;
  font-weight: 600;
  font-size: 22px;
  margin-top: 5px;
}

.forum-box .forum-info span {
  font-size: 12px;
}

.forum-box .panel-body .media-image {
  text-align: center;
  margin-right: 10px;
  min-width: 100px;
}

.forum-box .panel-body .media img {
  margin-top: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.forum-box .author-info {
  font-size: 12px;
}

.forum-box .forum-comments {
  border: 1px solid #e4e5e7;
  border-left: none;
  border-right: none;
  background: #f7f9fa;
  margin-top: 20px;
  padding: 10px 15px;
}

.forum-box .forum-comments .media img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-top: 0;
  margin-bottom: 10px;
}

.forum-box .forum-comments form {
  margin-top: 10px;
}

ul.mailbox-list,
ul.h-list {
  list-style: none;
  padding: 0;
}

ul.mailbox-list li a,
ul.h-list li a {
  padding: 10px 15px;
  display: block;
}

ul.mailbox-list li a i,
ul.h-list li a i {
  margin-right: 6px;
  display: inline-block;
}

ul.mailbox-list li.active a,
ul.h-list li.active a {
  background: #f7f9fa;
  border: 1px solid #e4e5e7;
  font-weight: 600;
  border-radius: 1px;
}

ul.mailbox-list li:hover a,
ul.h-list li:hover a {
  font-weight: 600;
}

.table-mailbox .radio,
.table-mailbox .checkbox {
  margin: 0;
}

.table-mailbox .radio label,
.table-mailbox .checkbox label {
  cursor: default;
}

.table-mailbox tr.unread td a {
  font-weight: 600;
}

.table-mailbox tr td span.label {
  margin-left: 10px;
}

.table-mailbox tr:first-child td {
  border-top: none;
}

.table-mailbox tr td:first-child {
  width: 33px;
  padding-right: 0;
}

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

#cookieChoiceInfo {
  background-color: #0063c0 !important;
  color: white;
  height: 30px;
}

#cookieInfoLink {
  color: white !important;
}

#cookieChoiceDismiss {
  background-color: #00b8e6;
  color: white;
  padding: 2px;
  border-radius: 3px;
}

.arrow-disabled {
  cursor: not-allowed;
  color: #d0d0d0;
}

.datepicker-disabled {
  cursor: not-allowed !important;
  color: #a7a7a7 !important;
  background-color: #eee !important;
  font-size: 14px !important;
}

.arrow-enabled {
  cursor: pointer;
  color: #0063c0;
}

.not-sortable {
  cursor: default;
}

.btn.btn-reload {
  padding: 6px 12px;
  color: white;
  border: none;
}

.menu-buttons button.btn {
  margin: 0;
  margin-right: 10px;
}

.menu-buttons button.btn:last-child {
  margin-right: 0;
}

/*.modal-body .counter-help {
  display: flex;
  min-height: 50px;
}*/

.dashboard .title {
  position: relative;
  margin-bottom: 0px;
}

.dashboard .title-buttons {
  /*position: absolute;*/
  top: 0;
  bottom: 0;
  right: 0;
  background: #f1f3f6;
}

.dashboard > div:first-of-type .title-buttons {
  min-width: 60%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.dashboard .widget-content .title-buttons {
  background: none !important;
}

.dashboard .title-buttons > * {
  margin: 0 !important;
  margin-right: 5px !important;
}

.dashboard .title-buttons button:last-child {
  margin-right: 0;
}

.dashboard .title-buttons button span.icon + span {
  padding-left: 5px;
}

[id*="calculateNameDim"],
[id*="calculateTextWidth"] {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
}

[id*="calculateNameDim"] {
  white-space: normal !important;
}

.img-uploaded {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border-radius: 3px;
}

.my-drop-zone.uploaded {
  border: 1px solid #e4e5e7;
  position: relative;
}

.modal-dialog .modal-content .panel-heading {
  padding: 0 20px;
  border-radius: 0;
}

.modal-dialog .modal-content .widget-title {
  display: flex;
  align-items: center;
}

.graph-balloon {
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

.slideInOut.ng-hide {
  max-height: 0;
  opacity: 0;
}

.slideInOut {
  /*max-height: 200px;*/
  position: relative;
  display: block;
  opacity: 1;
  transition: 0.3s ease all;
}

.ok-btn {
  display: block;
  padding: 6px 12px;
  border-radius: 3px;
  color: white;
  background: #0063c0;
  width: 150px;
  margin: 0 auto;
  margin-top: 10px;
}

.ok-btn:hover {
  color: white;
}

[dashboard-grid] {
  min-height: 100vh;
}

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

.widget-toolbar .widget-title {
  position: relative;
  overflow: hidden;
}

.widget-toolbar .widget-title .widget-drag-header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.asset-list .search-bar {
  margin-bottom: 20px;
}

.asset-list .table-header,
.asset-list .table-responsive tr {
  padding: 10px;
  padding-right: 0;
}

.asset-list .table-header div[ng-switch-when] > div {
  float: left;
}

.asset-list tr.selected {
  color: inherit;
  font-weight: bold;
}

.asset-list .asset-loading > * {
  display: block;
  margin: 5px;
}

.asset-list .asset-loading {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.asset-list .th-name,
.asset-list .th-device {
  width: 45%;
}

.asset-list .th-checked {
  width: 10%;
  padding-right: 0;
}

.asset-list .table-responsive {
  max-height: 365px;
  height: 365px !important;
  overflow-y: auto;
}

.asset-list tbody tr {
  color: #888 !important;
  height: 40px;
}

.dashboard .title-list {
  padding: 10px 0;
  padding-right: 10px;
  max-height: 53px;
  /*max-width: 500px;*/
}

.dashboard .title-list input {
  height: 33px;
}

.dashboard .title-list h2 {
  /*overflow: hidden;*/
  word-break: break-all;
}

.dashboard .title-list > * {
  float: left;
  display: block;
  margin: 0;
  height: 100%;
  line-height: 33px;
}

.dashboard .edit-handle {
  width: 33px;
  padding: 0 10px;
  font-size: 18px;
  text-align: center;
  opacity: 0;
}

.dashboard .edit-handle.visible {
  opacity: 1;
  cursor: pointer;
}

.dashboard .edit-title-input {
  display: inline-block;
  font-size: 30px;
  font-weight: 200;
  padding: 0;
  border: none;
  outline: 0;
}

.flex-wrap {
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}

.flex-row-wrap {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}

.flex-wrap .flex-item {
  flex: 1;
  max-width: 100%;
  padding-bottom: 5px;
}

.cf:after {
  content: "";
  display: table;
  clear: both;
}

.center,
.middle {
  display: flex;
}

.center {
  justify-content: center;
}

.middle {
  align-items: center;
}

.title-dash-cont {
  display: flex;
  align-items: center;
}

.row-twin {
  float: left;
}

.row-twin.big {
  width: 60%;
}

.row-twin.little {
  width: 40%;
}

.info-panel {
  min-height: 250px;
}

.info-panel .row {
  min-height: 30px;
  line-height: 30px;
  float: left;
  width: 100%;
}

.status-ball-cont {
  min-height: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.status-ball {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin: auto;
}

.status-ball.green {
  background-color: green;
}

.status-ball.red {
  background-color: red;
}

.widget-type .panel-heading,
.widget-type .panel-body,
.widget-type .panel-footer {
  border: none;
}

.widget-type .panel-heading {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  z-index: 101;
  z-index: 101;
}

.widget-type,
.widget-type > div {
  height: 100%;
}

.widget-type > div > div.hpanel {
  height: 100%;
  margin-bottom: 0;
}

.widget-type .hpanel {
  display: flex;
  flex-direction: column;
}

.widget-type .hpanel > div {
  flex: 1;
}

.widget-type .hpanel > .panel-body {
  display: flex;
}

.widget-type .hpanel > div.panel-heading,
.widget-type .hpanel > div.panel-footer {
  max-height: 50px;
  min-height: 50px;
}

.widget-type .hpanel > div.panel-footer {
  margin-top: auto;
  z-index: 20;
}

.ui-sortable .panel-body {
  cursor: auto !important;
}

.gridster-cont .panel-heading {
  cursor: move;
  line-height: 50px;
  background-color: #d0d0d0;
  padding: 0 20px;
  height: 50px;
  color: white;
}

.widget-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 100% !important;
  min-height: auto;
  /*250px;*/
  position: relative;
  z-index: 15;
  overflow: hidden;
}

.no-resize .widget-content {
  min-height: auto;
}

.amcharts-value-axis {
  cursor: pointer;
}

.amcharts-axis-title {
  cursor: default;
}

.no-widget-container .no-data-cont {
  background: none !important;
}

.no-data-cont,
.no-widget-cont {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: #a5a5a5;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: auto;
  margin-bottom: auto;
}

.no-data-cont div.small {
  font-weight: 200;
  font-size: 12px;
}

.err-quote-cont {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  color: #c0392b;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.no-widget-cont {
  font-weight: normal;
  color: #aaa;
}

.widget-content__substitution {
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget-content .widget-content__loading {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
}

.widget-content .widget-content__loading > i,
.widget-content .widget-content__loading > div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget-type {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 5px rgba(105, 107, 110, 0.5);
  -moz-box-shadow: 1px 1px 5px rgba(105, 107, 110, 0.5);
  -o-box-shadow: 1px 1px 5px rgba(105, 107, 110, 0.5);
  box-shadow: 1px 1px 5px rgba(105, 107, 110, 0.5);
}

.edit-menu {
  padding: 10px;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 100;
}

.edit-menu-relative {
  position: relative;
}

.edit-menu-absolute {
  position: absolute;
}

.edit-menu.ng-enter {
  animation: slideInDown 0.3s;
}

.edit-menu.ng-leave {
  animation: slideOutUp 0.3s;
}

.edit-menu > div {
  margin-bottom: 10px;
}

.edit-menu > div:last-child {
  margin-bottom: 0;
}

.flex-0 {
  flex: 0 !important;
  display: flex;
}

.flex-1 {
  flex: 1 !important;
  display: flex;
}

.flex-2 {
  flex: 2;
  display: flex;
}

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

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

.color-checkbox {
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  background: red;
  border: 5px solid #eee;
  cursor: pointer;
}

.subs-color-selector .color-checkbox.selected,
.color-checkbox.selected {
  border: 5px solid black;
  cursor: pointer;
}

.title-editable {
  /*padding: 5px 10px;
  margin-left: -10px;*/
  padding: 0px;
  border: none;
  color: white;
  background-color: transparent;
  border-radius: 5px;
  line-height: 30px;
  height: 30px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.title-editable.editable {
  color: #888;
  background: white;
}

.flex-start,
.flex-end {
  display: flex;
  align-items: center;
  flex: 1;
}

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

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

.flex-end > div,
.flex-start > div {
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 50px;
  transition: 0.2s ease;
  border-radius: 50%;
  cursor: pointer;
}

.flex-end > div {
  color: green;
}

.flex-end > div:hover {
  font-weight: bold;
}

.flex-start > div {
  color: red;
}

.flex-start > div:hover {
  font-weight: bold;
}

.edit-btn {
  height: 50px;
  display: flex;
}

.hpanel.transparent > .panel-body {
  background-color: transparent;
  border: none;
  margin: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.widget-type .hpanel .panel-body {
  max-height: calc(100% - 100px);
}

.hidden-header-footer {
  max-height: 100% !important;
}

/*.widget-type .hpanel .widget-content,
.widget-type .hpanel .widget-content .chart {
  max-height: 100%;
}*/

.hpanel.transparent:not(.pd) .hpanel > .panel-body {
  padding: 0;
}

.hpanel .panel-body.dashboard-header {
  display: flex;
  align-items: center;
}

.hpanel .panel-body .btn-success,
.hpanel .panel-body .btn-green {
  margin-left: auto;
}

.panel-footer,
.panel-footer > div,
.panel-footer > div > i,
.widget-content .chart,
.widget-content__last-update,
.widget-content__big-value,
.widget-content__last-values__value,
.widget-content__last-values {
  display: flex;
  justify-content: center;
  align-items: center;
}

.big-value,
.widget-content__big-value {
  flex: 3;
  font-size: 33px;
  font-weight: bold;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
}

.widget-content__last-update {
  flex: 2;
  color: #ccc;
  font-size: 12px;
}

.widget-type .edit-menu {
  background-color: #eee;
  padding: 15px;
  flex: initial !important;
}

.tag-color .color-cb-cont,
.modal-body .color-cb-cont,
.customize-colors .color-cb-cont,
.widget-type .edit-menu .color-cb-cont {
  display: flex;
  justify-content: space-between;
  overflow-x: scroll;
}

.customize-colors .color-checkbox {
  border: 5px solid #fff;
}

.customize-colors::-webkit-scrollbar-thumb {
  border: 3px solid #fff;
}

.customize-colors::-webkit-scrollbar-track {
  background-color: #fff;
}

.widget-content .chart {
  flex: 3;
  flex-direction: column;
}

.widget-content .chart.widget-modal > div:first-child {
  width: 100%;
  flex: 1;
}

.widget-content .chart.widget-normal > div:first-child {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
}

.widget-content__last-values__value,
.widget-content .chart__legenda,
.widget-content__last-values {
  flex: 1;
}

.widget-content .delete {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.widget-content .value {
  font-weight: bold;
}

.widget-content.tiny .name {
  max-width: 130px;
}

.widget-content__last-values__value {
  /*color: green;
    word-break: break-all;
  overflow: hidden;*/
  margin: 0px 5px;
}

.widget-content__last-values__value--alert {
  color: red;
}

.widget-content__command-signal button.btn.btn-success {
  margin-left: 0 !important;
  margin-right: 15px;
  border: none;
}

.widget-content__command-signal button.btn.btn-success:last-child {
  margin-right: 0;
}

.widget-content__command-signal.analog button.btn.btn-success {
  margin-left: 15px !important;
}

.widget-content__command-signal.analog input {
  max-width: 180px;
}

.widget-content__command-status {
  margin: 10px 0;
  font-weight: 600;
}

.widget-content__command-status.pending {
  margin: 10px 0;
  color: #ffb606;
}

.widget-content__command-status.sent {
  margin: 10px 0;
  color: #62cb31;
}

.widget-content__command-status.error {
  margin: 10px 0;
  color: #e74c3c;
}

.widget-content .device-signal {
  min-height: 40px;
  border-bottom: 2px solid;
}

.device-signal > div {
  float: left;
  min-height: 40px;
  line-height: 40px;
}

.device-signal .device-icon {
  width: 8%;
  font-size: 18px;
  cursor: pointer;
}

.device-signal .name {
  width: 35%;
}

.device-signal.tiny .name span {
  max-width: 120px;
  padding-left: 5px;
}

.device-signal .last-update {
  width: 20%;
  text-align: center;
}

.device-signal .value {
  width: 30%;
  font-weight: bold;
  text-align: center;
}

.device-signal .detail {
  width: 4%;
}

.device-signal .delete {
  width: 6%;
  line-height: 40px;
  min-height: 40px;
  color: #e9573f;
  text-align: center;
}

.widget-content .last-update {
  font-size: 9px;
}

.panel-footer > div {
  flex: 2;
}

.panel-footer > div > i {
  flex: 1;
  font-size: 16px !important;
  color: #a6a7a9;
}

.align-left {
  justify-content: flex-start !important;
}

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

.lightblue {
  color: rgb(37, 137, 211);
}

.transparent {
  background-color: transparent;
}

.no-animation {
  animation-name: none !important;
}

div.gridster-cont > ul {
  list-style: none;
  padding-left: 0;
}

div.gridster-cont > ul > li {
  margin-left: 0 !important;
}

.modal-footer .btn-previous-step {
  float: left;
}

.modal-header.text-center {
  padding-bottom: 10px;
}

.modal-header h4 {
  color: #0063c0;
}

.modal-body .table-responsive {
  max-height: 300px;
}

.gridster-cont {
  margin: 0;
}

.blue {
  color: #4a89dc;
}

.orange {
  color: #fc6e51;
}

.yellow {
  color: #ffce54;
}

.red {
  color: #da4453;
}

.green {
  color: #a0d468;
}

.purple {
  color: #ac92ec;
}

.panel-tools a {
  font-size: 18px;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  color: white !important;
}

.panel-tools a.active {
  color: #0063c0;
}

.lamp-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: red;
  margin: 5px;
  float: right;
  color: white;
  line-height: 20px;
  text-align: center;
}

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

.warning-cont.rosso,
.warning-cont.arancione {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding: 5px;
  padding-left: 25px;
}

.warning-cont.rosso:after,
.warning-cont.arancione:after {
  font-family: "FontAwesome";
  content: "\f12a";
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  line-height: 20px;
}

.warning-cont.rosso {
  color: red;
}

.warning-cont.rosso {
  color: orange;
}

.lamp-circle.green {
  background-color: green;
}

.sweet-alert button.confirm {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
}

.row.padding {
  padding: 10px;
  height: 80px;
  line-height: 60px;
}

.radio-button-cont button {
  border-left: none;
  border-radius: 0;
}

.radio-button-cont button:focus {
  outline: 0;
}

.radio-button-cont button:first-child {
  border-radius: 5px 0 0 5px;
}

.radio-button-cont button:last-child {
  border-radius: 0 5px 5px 0;
}

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

label.middle {
  margin: 0;
}

.add-chart-signal ul[role="listbox"] {
  z-index: 2000;
}

.chart-signal-list {
  z-index: 1;
  display: inline;
}

.chart-signal-list .panel-body {
  position: static;
}

.margin-10 {
  margin: 10px 0;
}

.alarms-list {
  list-style: none;
  padding-left: 0;
}

.alarms-list li {
  padding-left: 0;
  border-bottom: 2px solid;
  margin: 0;
  margin-bottom: 10px;
  min-height: 40px;
  padding: 5px 0;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
}

.alarms-list li.legend {
  font-weight: bold;
  font-size: 13px !important;
  padding: 5px 0;
}

.alarms-list li.legend .duration {
  font-size: 13px;
}

.alarms-list li .description.alarm {
  color: #d9534f;
  font-weight: bold;
}

.alarms-list li > div {
  float: left;
}

.alarms-list li .duration {
  font-size: 10px;
  width: 15%;
}

.alarms-list li .description {
  width: 35%;
}

.alarms-list li .date_on {
  width: 30%;
}

.alarms-list li .status-cont {
  width: 20%;
}

.alarms-list li .status.new {
  background-color: #d9534f;
  padding: 6px;
}

.substituted {
  margin-left: 5px;
}

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

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

.no-row-pointer td,
.cursor-default {
  cursor: default !important;
}

.panel-tools {
  position: relative;
}

.menu-popover {
  cursor: pointer;
  position: absolute;
  top: 50px;
  width: 170px;
  right: 0;
  /*border-radius: 3px;
  box-shadow: 5px 0 5px -5px #ccc, 0 5px 5px -5px #ccc, -5px 0 5px -5px #ccc;*/
  background: white;
  color: #6a6c6f;
  font-size: 13px;
  border: 1px solid #e4e5e7;
  border-top: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.menu-popover > div {
  padding: 5px 10px;
  height: 40px;
}

.menu-popover > div:hover {
  background: #eee;
}

.menu-popover > div > span {
  padding-left: 10px;
}

.menu-popover > div > i {
  font-size: 18px;
  width: 22px;
}

.menu-popover > div > i.fa {
  opacity: 0.6;
}

.date-choose-cont,
.layout-choose-cont {
  width: 200px;
  max-width: 200px;
  float: right;
  margin: 12px 5px;
}

.date-choose-cont {
  width: 250px !important;
  max-width: 250px !important;
}

.date-choose-cont .ui-select-container,
.layout-choose-cont .ui-select-container {
  max-width: 200px;
}

.gridster-mobile .gridster-item {
  margin-right: 0 !important;
}

.gridster-mobile .gridster-item .panel-body .chart {
  min-height: 300px;
}

.gridster-mobile .gridster-item:first-child {
  margin-top: 0 !important;
}

.edit-synoptic .delete-sure p {
  margin: 0;
}

.edit-synoptic .delete-sure button {
  margin-left: 10px;
}

.edit-synoptic .title-bar {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
  background: rgb(240, 240, 240);
  border-bottom: 1px solid #e4e5e7;
}

.edit-synoptic .title-bar > div {
  width: 33.3333333333%;
  align-items: center;
  display: flex;
}

.edit-synoptic .title-add-cont {
  display: flex;
}

.edit-synoptic .add-choices-cont {
  flex: 1;
  padding-right: 10px;
}

.edit-synoptic .title-btn-cont > button {
  margin-left: 10px;
}

.edit-synoptic .title-btn-cont > button.btn-save span {
  display: none;
  padding-right: 10px;
}

.edit-synoptic .synoptic-cont {
  margin: 25px;
  margin-top: 89px;
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.edit-synoptic .synoptic-absolute-cont {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}

.edit-synoptic .synoptic-absolute-cont.dragging {
  cursor: move;
}

.edit-synoptic .synoptic-absolute-cont {
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
  background-color: #ddd;
}

.edit-synoptic .synoptic-cont .overlay {
  opacity: 1;
  position: fixed;
  display: none;
  margin: 25px;
  margin-top: 89px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  transition: 0.3s ease;
}

.edit-synoptic .synoptic-cont .overlay.open {
  z-index: 10;
  display: block;
}

.edit-synoptic .synoptic-cont .overlay.open:after {
  content: "";
  position: absolute;
  background: #333;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0.7;
  z-index: 10;
}

.edit-synoptic div.over {
  z-index: 100;
  background: transparent;
}

.edit-synoptic .tag-menu .over-cont {
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0;
  z-index: -1;
  color: #888;
  border: 2px dashed #888;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.edit-synoptic .tag-menu .over .over-cont.visible {
  color: green;
  border-color: green;
}

.edit-synoptic .tag-menu .over-cont.solid {
  border: none;
}

.edit-synoptic .tag-menu .over-cont > span > * {
  margin-bottom: 5px;
}

.edit-synoptic .tag-menu .over-cont.visible {
  opacity: 1;
  z-index: 10;
}

.edit-synoptic .tag-menu .over .over-cont.visible {
  color: green;
}

.edit-synoptic .tag-menu input,
.edit-synoptic .tag-menu .ui-select-toggle {
  max-height: 30px;
}

.edit-synoptic .tag-menu .color-checkbox {
  border: 3px solid white;
}

.edit-synoptic .tag-menu .color-checkbox.selected {
  border: 3px solid #333;
}

.edit-synoptic .tag-menu > div {
  width: 100%;
  height: 55px;
}

.edit-synoptic .tag-menu .tag-icons {
  height: auto;
}

.edit-synoptic .tag-menu > .tag-signal {
  display: flex;
}

.edit-synoptic .tag-menu > div > div {
  flex: 1;
  flex-basis: 100%;
  min-height: 100%;
}

.edit-synoptic .tag-menu > div > div > div {
  display: flex;
}

.edit-synoptic .tag-menu > div > div > label {
  margin-bottom: 5px;
  width: 100%;
}

.edit-synoptic .tag-menu .tag-subs {
  min-height: 230px;
}

.edit-synoptic .tag-subs > div {
  width: 100%;
}

.edit-synoptic .tag-subs button.btn-add {
  height: 30px;
  max-height: 30px;
}

.edit-synoptic .tag-subs .table-cont {
  height: 120px;
  overflow-y: auto;
}

.edit-synoptic .tag-subs .table-row {
  display: flex;
  height: 30px;
  min-height: 30px;
}

.edit-synoptic .tag-subs .table-header {
  background: #ddd;
  margin-bottom: 5px;
}

.edit-synoptic .tag-subs .table-cont {
  display: flex;
  flex-direction: column;
}

.edit-synoptic .tag-subs .tag-new .sub-condition,
.edit-synoptic .tag-subs .tag-new .sub-value {
  flex: 1;
  display: flex;
  margin: 0;
}

.edit-synoptic .tag-subs .tag-new .sub-value input {
  margin-left: 10px;
}

.edit-synoptic .tag-subs .tag-new .sub-action button {
  margin-left: 10px;
  padding: 0 12px;
  max-height: 30px;
  height: 30px;
  line-height: 30px;
}

.edit-synoptic .tag-sub {
  display: flex;
  min-height: 30px;
}

.edit-synoptic .tag-new {
  background: rgb(250, 250, 250) !important;
  margin-top: 10px;
}

.edit-synoptic .tag-sub > div {
  display: flex;
  align-items: center;
}

.edit-synoptic .tag-sub .sub-color,
.edit-synoptic .tag-sub .sub-icon {
  width: 80px;
}

.edit-synoptic .tag-sub .sub-action {
  width: 100px;
  justify-content: flex-end;
}

.edit-synoptic .tag-sub .sub-condition,
.edit-synoptic .tag-sub .sub-value {
  flex: 1;
  margin-right: 10px;
}

.edit-synoptic .table-cont .tag-sub .sub-action {
  justify-content: flex-end;
  margin-right: 10px;
}

.edit-synoptic .table-cont .tag-sub .sub-action > span {
  transition: 0.3s ease;
  cursor: pointer;
}

.edit-synoptic .table-cont .tag-sub .sub-action > span:hover {
  font-weight: bold;
}

.edit-synoptic .table-cont .tag-sub .sub-action > span.fa-edit:hover,
.edit-synoptic .table-cont .tag-sub .sub-action > span.fa-edit.selected {
  color: #ffb606;
}

.edit-synoptic .table-cont .tag-sub .sub-action > span.fa-times:hover {
  color: #e74c3c;
}

.edit-synoptic .tag-sub .sub-action > span {
  height: 25px;
  font-size: 16px;
  margin-left: 10px;
  line-height: 25px;
}

.color-picker,
.edit-synoptic .tag-sub .sub-color > div.color-picker,
.edit-synoptic .tag-new .sub-color div.color-picker {
  width: 20px;
  height: 20px;
}

.edit-synoptic .tag-new .ui-select-toggle {
  padding: 4px 8px;
}

.asset-number input,
.edit-synoptic .tag-new .sub-color .ui-select-choices,
.edit-synoptic .tag-new .sub-color .ui-select-container {
  min-width: 70px;
  width: 70px !important;
}

.edit-synoptic .tag-menu > div.tag-size span {
  width: 15%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-synoptic .tag-menu > div.tag-size input {
  width: 35%;
}

.edit-synoptic .tag-menu .tag-icon-cont {
  height: 208px;
  overflow-y: auto;
  display: block;
}

.edit-synoptic .tag-menu .tag-icon-cont > span,
.edit-synoptic .tag-menu .sub-color .icon-view {
  display: inline-block;
  width: 65px;
  height: 65px;
  margin-right: 10px;
  margin-bottom: 5px;
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: center center;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  float: left;
}

.edit-synoptic .tag-menu .sub-color .icon-view {
  width: 30px;
  height: 30px;
  margin: 0;
}

.edit-synoptic .tag-new .icon-view {
  width: 90% !important;
  border-radius: 3px !important;
  border: 1px solid #e4e5e7 !important;
  background-position: 8px center !important;
  position: relative;
}

.edit-synoptic .tag-new .icon-view .caret {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
}

.edit-synoptic .tag-menu .sub-color .icon-upload {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  cursor: pointer;
  transition: none !important;
}

.edit-synoptic .tag-menu .tag-icon-cont > span.icon-upload,
.edit-synoptic .tag-menu .sub-color .icon-upload {
  transition: 0.3s ease;
  display: flex;
  background-color: #0063c0;
  border: 2px solid;
  color: white;
}

.edit-synoptic .tag-menu .sub-color .icon-upload-disabled {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  cursor: not-allowed;
  transition: none !important;
  border: 2px solid rgba(132, 132, 132, 0.65);
  color: #848484;
  opacity: 0.65;
}

.edit-synoptic .tag-menu .tag-icon-cont > span.icon-upload:hover,
.edit-synoptic .tag-menu .sub-color .icon-upload:hover {
  border: 2px solid #0063c0;
  color: #0063c0;
  background-color: white;
}

.edit-synoptic .tag-menu .tag-icon-cont > span:after {
  content: "";
  position: absolute;
  border-radius: 15px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.edit-synoptic .tag-menu .tag-icon-cont > span.selected:after {
  border: 2px solid #0063c0;
}

.edit-synoptic .tag-menu .tag-icon-cont > span:hover {
  background-color: #ddd;
}

.edit-synoptic .tag-menu .tag-icon-cont > span:nth-child(6n) {
  margin-right: 0;
}

.edit-synoptic .tag-menu > div.btn-cont {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  max-height: 34px;
  min-height: 34px;
}

.edit-synoptic .tag-menu > div.btn-cont > button {
  width: 70px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-synoptic .synoptic-cont .tag-menu-cont {
  position: absolute;
  opacity: 0;
  border-radius: 5px;
  display: block !important;
}

.edit-synoptic .synoptic-cont .tag-menu {
  padding: 15px;
  overflow-y: auto;
  background: rgb(250, 250, 250);
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.edit-synoptic .synoptic-cont .tag-menu pre {
  max-height: 100%;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

.edit-synoptic .synoptic-cont .tag-menu-cont:after {
  content: "";
  position: absolute;
  margin: auto;
  transform: rotate(45deg);
  background: white;
  width: 10px;
  height: 10px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.top:after {
  bottom: -5px;
  left: 0;
  right: 0;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.bottom:after {
  top: -5px;
  left: 0;
  right: 0;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.left:after {
  top: 0;
  bottom: 0;
  right: -5px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.right:after {
  top: 0;
  bottom: 0;
  left: -5px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.bottom-right:after {
  top: 25px;
  bottom: initial;
  left: -5px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.top-right:after {
  top: initial;
  bottom: 25px;
  left: -5px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.bottom-left:after {
  top: 25px;
  bottom: initial;
  right: -5px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.top-left:after {
  top: initial;
  bottom: 25px;
  right: -5px;
}

.edit-synoptic .synoptic-cont .tag-menu-cont.visible {
  z-index: 101;
  background: white;
  opacity: 1;
}

.edit-synoptic .synoptic-absolute-cont .tag:first-child {
  z-index: 10;
}

.edit-synoptic .synoptic-absolute-cont .tag {
  background: white;
  padding: 5px 10px;
  border-radius: 5px;
  position: absolute;
  display: block;
  cursor: move;
}

.edit-synoptic .synoptic-absolute-cont .tag .resize-handle {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}

.edit-synoptic .synoptic-absolute-cont .tag:hover .resize-handle {
  opacity: 1;
}

.edit-synoptic .synoptic-absolute-cont .tag .resize-handle:after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  background: #888;
  transform: rotate(45deg);
  width: 100%;
  height: 100%;
}

.edit-synoptic .synoptic-absolute-cont .tag {
  display: flex;
}

.edit-synoptic .synoptic-absolute-cont .tag:hover span.edit {
  opacity: 1;
}

.edit-synoptic .synoptic-absolute-cont .tag span.text,
.edit-synoptic .synoptic-absolute-cont .tag span.icon {
  flex: 1;
}

.edit-synoptic .synoptic-absolute-cont .tag span.icon,
.syn-overlay .view-tag {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.edit-synoptic .synoptic-absolute-cont .tag span.edit {
  width: 30px;
  height: 30px;
  justify-content: center;
  font-size: 18px;
  opacity: 0;
  cursor: pointer;
  transition: 0.2s ease;
  background: white;
  color: #888;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.edit-synoptic .synoptic-absolute-cont .tag.right span.edit {
  right: -35px;
  left: initial;
}

.edit-synoptic .synoptic-absolute-cont .tag.left span.edit {
  left: -35px;
  right: initial;
}

p.status-error {
  padding: 8px 10px;
  color: #fff;
  background: #ea6557;
  border-radius: 5px;
}

p.status-error span.bold {
  padding: 0;
  margin-bottom: 10px;
}

.edit-synoptic .synoptic-absolute-cont .tag span.edit:hover {
  font-weight: bold;
}

.rule-line {
  position: absolute;
  background-color: red;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.img-uploaded,
.syn-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.syn-overlay .view-tag {
  position: absolute;
  padding: 3px;
  background-color: white;
  border-radius: 3px;
  width: 30px;
  height: 10px;
  opacity: 0;
}

.img-centered-absolute {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.modal-heading {
  padding: 10px 15px;
  font-size: 15px;
  border-left: 3px solid #ea6557;
  margin-bottom: 15px;
}

.modal-heading.warning {
  border-left: 3px solid #ffb606;
}

.modal-heading p.tx-danger {
  color: #ea6557;
  font-size: 16px;
}

.panel-group {
  margin-bottom: 0 !important;
}

.small-quotes .accordion-item {
  width: 125px;
  margin-top: 5px !important;
  margin-right: 10px;
}

.accordion-item .accordion-header a.collapsed {
  transition: 0.3s ease;
  width: 30px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion-item .accordion-header.collapsed a.collapsed {
  transform: rotate(180deg);
}

.accordion-item {
  cursor: pointer;
}

.accordion-item .accordion-header > div {
  float: left;
  align-items: center;
  justify-content: center;
  display: flex;
  min-height: 1px;
  font-size: 15px;
}

.accordion-item .no-asset {
  color: #ddd;
  padding: 10px;
  text-align: center;
  font-size: 15px;
}

.accordion-item .asset-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 10px;
  padding-left: 30px;
}

.accordion-item .asset-list li {
  padding-left: 21px;
  text-indent: -15px;
  color: #000;
}

.accordion-item .asset-list li:before {
  content: "\f111";
  font-family: FontAwesome;
  padding-right: 15px;
}

.accordion-item.blue .accordion-header > div,
.blue a,
.accordion-item.tx-blue .asset-list li:before {
  color: #3498db;
}

.accordion-item.green .accordion-header > div,
.green a,
.accordion-item.tx-green .asset-list li:before {
  color: #62cb31;
}

.accordion-item.yellow .accordion-header > div,
.yellow a,
.accordion-item.tx-yellow .asset-list li:before {
  color: #ffb606;
}

.accordion-item.red .accordion-header > div,
.red a,
.accordion-item.tx-red .asset-list li:before {
  color: #ea6557;
}

.asset-icon {
  width: 10%;
  display: inline !important;
  text-align: center;
}

.asset-name {
  width: 60%;
}

.asset-number {
  width: 30%;
}

.asset-collapse {
  width: 10%;
  transition: 0.3s ease;
}

.no-mg {
  margin: 0 !important;
}

.no-label-mg {
  margin-right: 0px;
  margin-bottom: 0px;
}

.search-cont {
  margin-bottom: 10px !important;
}

.new-permission-line {
  color: #62cb31;
  font-weight: bold;
  position: relative;
  height: 30px !important;
  margin: 15px 0;
}

.line-color {
  color: #00b8e6 !important;
}

.line-background {
  background-color: #00b8e6 !important;
}

.new-permission-line .line {
  position: absolute;
  height: 2px;
  min-height: 2px;
  max-height: 2px;
  width: 100%;
  background: #62cb31;
  top: 0;
  bottom: 0;
  margin: auto;
}

.new-permission-line > span {
  font-size: 14px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: transparent;
  padding: 10px;
  height: 100%;
}

.new-permission-line .line-text {
  padding: 8px;
  background: white;
}

.invite-share {
  width: 75%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 5px 0;
  cursor: pointer;
}

.invite-share span {
  padding: 3px 20px;
  background-color: #428bca;
  color: #fff;
  width: 100%;
  display: block;
}

.share-input {
  width: 75% !important;
  float: left;
  margin-right: 5%;
}

.share-add-btn {
  min-width: 120px;
}

.permission-cont {
  margin-top: 10px;
  max-height: 251px;
  overflow-y: scroll;
  position: relative;
}

.permission-cont > div {
  height: 50px;
}

.permission-cont > div > * {
  float: left;
  height: 100%;
}

.permission-cont .photo {
  width: 10%;
  height: 100%;
  position: relative;
}

.permission-cont .photo img {
  position: absolute;
  max-width: 30px;
  max-height: 30px;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}

.permission-cont .role {
  width: 45%;
}

.permission-cont .type {
  width: 10%;
}

.permission-cont .username {
  width: 30%;
}

.user-icon + .assetName,
.team-icon + .assetName {
  margin-left: 15px;
}

.permission-cont .type.user-icon,
.user-icon {
  font-weight: bold;
  color: #428bca;
}

.ui-select-choices-row.active .user-icon,
.ui-select-choices-row.active .team-icon {
  color: white;
}

.permission-cont .type.team-icon,
.team-icon {
  font-weight: bold;
  color: #ffb606;
}

.permission-cont .type.invite-icon {
  font-weight: bold;
  color: #bbb;
}

.permission-cont .type.user-icon {
  font-weight: bold;
  color: #4fc1e9;
}

.permission-cont .delete-share {
  width: 5%;
  cursor: pointer;
}

.processing-btn i {
  font-size: 16px;
  display: none;
}

.processing-btn i.visible {
  display: inline-block !important;
}

.processing-btn span {
  padding-left: 5px;
}

p.result {
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
}

p.result.success {
  color: lightgreen;
}

p.result.failure {
  color: red;
}

.tooltip-bottom {
  display: block;
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  right: 0;
  top: 100%;
  margin: auto;
  background-color: #0063c0;
  color: white;
  opacity: 1;
}

.title-buttons button.btn.disabled.show-tooltip:after {
  content: "";
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  background-color: #0063c0;
  border-radius: 2px;
  width: 14px;
  height: 14px;
}

.form-group.error {
  border: none !important;
}

.form-group.error label {
  color: #e74c3c !important;
  font-weight: bold;
}

.form-group.error .datepicker,
.form-group.error input,
.form-group.error textarea,
.form-group.error .ui-select-match > span {
  border-color: #e74c3c !important;
  color: #e74c3c !important;
}

.form-group.error .datepicker > button {
  border-color: #e74c3c !important;
  background-color: #e74c3c !important;
}

.form-group.error .ui-select-placeholder,
.form-group.error input::-webkit-input-placeholder {
  color: #e74c3c !important;
}

.form-group.error input::-moz-placeholder {
  color: #e74c3c !important;
}

textarea.error::-moz-placeholder {
  color: #e74c3c !important;
}

textarea.error::-webkit-input-placeholder {
  color: #e74c3c !important;
}

textarea.error::-ms-placeholder {
  color: #e74c3c !important;
}

.form-group.error input::-ms-input-placeholder {
  color: #e74c3c !important;
}

.form-group.error textarea::-webkit-input-placeholder {
  color: #e74c3c !important;
}

.form-group.error textarea::-moz-placeholder {
  color: #e74c3c !important;
}

.form-group.error textarea:-moz-placeholder {
  color: #e74c3c !important;
}

.form-group.error textarea::-ms-input-placeholder {
  color: #e74c3c !important;
}

.status_com_error {
  color: #e74c3c !important;
  font-weight: bold;
}

.status_init {
  color: #ff950e !important;
  font-weight: bold;
}

.status_active {
  font-weight: bold;
  color: #00b73d;
}

tr.error-elem,
tr.error-elem > td > a,
tr.error-elem > td.issue-info > a,
tr.error-elem small {
  color: #e74c3c !important;
}

.element-list-responsive > div.error-elem div.title {
  background-color: #e74c3c;
}

button.disabled {
  background-color: #ddd;
  cursor: not-allowed;
}

.table td {
  cursor: pointer;
}

.table tr:hover td {
  background-color: #f5f5f5;
}

.table.free-table tr:hover td {
  background-color: unset;
}

.table.free-table td:hover {
  background-color: #f5f5f5 !important;
}

.h-like-maps {
  height: 375px;
}

.btn-default.tx-blue .info-cont {
  color: #5d9cec !important;
}

.info-cont {
  display: flex;
  flex-direction: column;
}

.info-cont .row {
  flex: 1;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  align-items: center;
}

.widget-content .chart.widget-normal > .signal-label {
  position: absolute;
  bottom: 0;
  left: 0;
}

.widget-content .signal-label {
  padding: 0 10px;
  display: flex;
}

.widget-content .signal-label .calc {
  flex: 1;
}

.signal-label .calc span:last-child,
.signal-label div.description {
  color: initial;
}

.signal-label {
  width: 100%;
}

.stats-cont .signal-label {
  margin-bottom: 10px;
}

.signal-label:last-child {
  padding-bottom: 5px;
}

.signal-label .calc {
  display: flex;
  width: 18%;
  align-items: center;
}

.signal-label .calc > span:first-child {
  font-weight: bold;
}

.signal-label .calc > span {
  width: 85% !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  white-space: nowrap;
}

.signal-label .calc.tx-right > span {
  width: auto;
}

.signal-label > div {
  display: flex;
  float: left;
  width: 4%;
  align-items: center;
}

.signal-label .signal-color {
  height: 4px;
  width: 50px;
  display: block;
}

.signal-label > div.description {
  width: 24%;
  padding-left: 5px;
}

.signal-label > div.description > div {
  min-width: 90%;
  max-width: 90%;
  word-break: break-all;
}

.signal-label > div.description span.text {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #6a6c6f !important;
  white-space: nowrap;
  display: block;
}

.chart-list .panel-body > .cf:first-child {
  min-height: 60px;
}

.chart-list .panel-body > .cf:first-child > div {
  min-height: 60px;
}

.chart-list .panel-body > .cf:nth-child(2) {
  height: 48px;
}

.chart-list .panel-body > .cf:last-child {
  max-height: 190px;
  overflow-y: auto;
  height: 190px;
}

.label-margin {
  margin: 5px 0;
}

.sig-cont {
  display: flex;
  align-items: stretch;
  margin-bottom: 8px;
  max-height: 30px;
}

.sig-cont > div {
  float: left;
  display: flex;
  align-items: center;
}

.sig-cont .sig-description {
  font-weight: bold;
}

.sig-cont .sig-icon,
.sig-cont .sig-remove {
  max-width: 10%;
  width: 10%;
}

.sig-cont .sig-description,
.sig-cont .sig-device {
  width: 40%;
}

.btn-add-cont.no-pd {
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-signal {
  max-height: 34px;
  height: 34px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-action-cont {
  padding: 0;
  line-height: 34px;
  margin: 0;
  margin-bottom: 15px;
}

.heading {
  padding: 10px;
  color: white;
  background-color: #00b8e6;
  margin: 0;
  border: 1px solid #e4e5e7;
  border-bottom: none;
}

.btn-share {
  margin-right: 10px;
}

.title-list {
  color: #0063c0;
  padding: 0;
}

.panel-heading.row {
  margin-top: 20px;
  margin-bottom: -10px;
}

.panel-heading.row input {
  margin-left: -5px;
  font-weight: normal;
}

.element-list th {
  background-color: #00b8e6;
  color: #fff !important;
  font-size: 12px;
  font-weight: normal;
}

.element-list td > a {
  color: #6a6c6f !important;
  font-weight: 600;
}

.element-list tr:nth-child(odd) {
  background-color: white !important;
}

.element-list tr:nth-child(even) {
  background-color: #f7f9fa !important;
}

.element-list tr:hover {
  background-color: transparent !important;
}

.devices h2[ng-show] {
  color: #0063c0;
  margin-bottom: 20px;
}

.cancel {
  color: #fff;
  background-color: #6a6c6f !important;
}

.cancel:hover {
  color: #fff;
  background-color: #888 !important;
}

.form-buttons {
  margin-top: -50px;
}

.label-text-left label {
  text-align: left !important;
}

.label-text-left .form-group {
  margin-bottom: 20px !important;
}

.status-green {
  color: #00b73d;
  font-weight: bold;
}

.text-blue {
  color: #0063c0;
}

.info-link {
  font-size: 15px;
  cursor: pointer;
}

.info-link i {
  font-size: 16px;
  padding-right: 10px;
}

.info-link:hover span {
  text-decoration: underline;
}

.payments .loading {
  width: 100%;
  height: 440px;
  flex-direction: column;
  font-size: 16px;
}

.payments .loading i {
  margin-bottom: 10px;
  font-size: 20px;
}

.payments .tab-list {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.payments .tab-list .tab {
  width: 150px;
}

.payments .tab-list .tab span {
  border-bottom: 3px solid;
  border-color: transparent;
  padding-bottom: 5px;
  cursor: pointer;
}

.payments .tab-list .tab.selected span {
  font-weight: bold;
  border-color: #0063c0;
}

.payments .tab-list .tab.disabled span {
  cursor: not-allowed;
  color: #ddd;
}

.payments .credit-card-cont .card,
.credit-card-cont .card {
  display: flex;
  align-items: center;
  padding: 0 10px;
  padding-right: 15px;
  border-radius: 5px;
  background: white;
  height: 75px;
  margin-bottom: 15px;
  border: 1px solid #ddd;
}

.payments .credit-card-cont .card.selected,
.credit-card-cont .card.selected {
  border-color: #0063c0;
}

.payments .credit-card-cont .card .card-choose,
.credit-card-cont .card .card-choose {
  justify-content: flex-end;
}

.payments .credit-card-cont .card.selected .card-choose button {
  color: white;
  background: #5cb85c;
  border-color: #5cb85c;
}

.payments .credit-card-cont .card > div,
.credit-card-cont .card > div {
  flex: 1;
  display: flex;
  justify-content: center;
  text-align: center;
}

.payments .credit-card-cont .card .card-number,
.credit-card-cont .card .card-number {
  flex: 3;
}

.payments .riepilogo {
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  background: white;
}

.payments .riepilogo > div {
  flex: 1;
  margin-top: 10px;
  height: 75px;
}

.payments .riepilogo div.riepilogo-elem:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.payments .riepilogo div.riepilogo-elem {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.payments .ordine {
  padding: 15px;
  max-width: 985px;
}

.payments .ordine .payment-cont {
  width: 100%;
}

.payments .ordine .payment-elem {
  flex: 1;
  margin-right: 8px;
}

.payments .ordine .payment-elem.plan {
  flex: 2;
}

.payments .ordine .payment-elem.devices input {
  width: 60px;
}

.payments .ordine .payment-elem:last-child {
  margin-right: 0;
}

.payments .ordine .payment-elem .upper {
  height: 40px;
  display: flex;
  align-items: center;
}

.payments .lower {
  color: #999;
}

.payments .total {
  color: #333;
  font-weight: 600;
  font-size: 16px;
}

.payments .risparmio {
  font-weight: bold;
  color: #62cb31;
  margin: 0;
  margin-top: 10px;
  text-align: center;
}

.payments .blue {
  color: #0063c0;
}

.payments .ordine .payment-elem .lower {
  height: 25px;
  display: flex;
  align-items: center;
}

.payments .ordine .riepilogo-elem .lower {
  height: 10px;
}

.payments .riepilogo-elem {
  display: flex;
  align-items: center;
}

.payments .riepilogo-elem > div {
  width: 50%;
}

.payments .riepilogo-elem > div.right {
  text-align: right;
}

.payments .btn-proceed {
  height: 49px;
  margin-top: 15px;
}

.payments .plans-cont {
  display: flex;
  margin-top: 20px;
}

.payments .btn-change-device {
  margin-right: 10px;
}

.payments .plans-cont .plan {
  width: 32%;
  border-radius: 8px;
  border: 1px solid #ddd;
  overflow: hidden;
  margin-right: 3%;
  background: white;
}

.payments .plans-cont .plan.selected {
  box-shadow: 0 2px 8px #ddd;
  border: none;
}

.payments .plans-cont .plan > div {
  text-align: center;
  margin-bottom: 10px;
  color: #aeaeae;
}

.payments .plans-cont .plan .title {
  height: 60px;
  color: white;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.payments .plans-cont .plan .price {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.payments .plans-cont .plan.selected .btn {
  background: #0063c0;
  border-color: #0063c0;
}

.payments .plans-cont .plan .btn {
  margin-top: 10px;
  color: white;
  background: #888;
}

.payments form {
  display: flex;
  margin-bottom: 20px;
}

.payments form > div {
  flex: 1;
}

.payments form .form-group label {
  margin-bottom: 5px;
}

.payments form .ng-dirty.ng-invalid,
.payments form .ng-dirty.ng-invalid .form-control {
  border-color: #e74c3c !important;
}

.payments form input[type="radio"].ng-dirty.ng-invalid ~ label {
  color: #e74c3c;
}

.payments form input,
.payments form select {
  display: block;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ddd;
  padding: 6px 12px;
  height: 34px;
  background: white;
  outline: none;
}

.payments .customer-type-cont input {
  width: 15px;
  margin: 0;
  margin-right: 15px;
  height: 34px;
}

.payments .customer-type-cont label {
  flex: 1;
}

.payments .card-number-cont input {
  margin-right: 10px;
}

.payments .card-number-cont {
  justify-content: space-between;
}

.payments .half-cont div {
  flex: 1;
  margin-right: 10px;
}

.payments .half-cont div:last-child,
.payments .card-number-cont input:last-child {
  margin-right: 0;
}

.payments .expire input,
.payments .expire .ui-select-container {
  max-width: 80px;
  margin-right: 10px;
}

.payments .flex {
  display: flex;
}

.payments form .card-info {
  border-right: 1px solid #ddd;
  padding-right: 10px;
}

.payments form .billing-info {
  padding-left: 10px;
}

.payments form > div .form-group {
  width: 100%;
}

.payments form > div .form-group.required label:after {
  content: "*";
  color: red;
  padding-left: 3px;
}

.payments-personal:after,
.payments-business:after {
  content: none !important;
}

.payments [class*="card-icon-"],
[class*="card-icon-"] {
  height: 34px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center center;
}

.card-icon-visa {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/visa.png");
}

.card-icon-mastercard {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/mastercard.png");
}

.card-icon-americanexpress {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/americanexpress.png");
}

.card-icon-discover {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/discover.png");
}

.card-icon-dinersclub {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/dinersclub.png");
}

.card-icon-jcb {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/jcb.png");
}

.card-icon-unknown {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/unknown.png");
}

.fa-scatter {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/widget-scatter.png");
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fa-radar {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/widget-radar.png");
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fa-photovoltaic {
  background-image: url("https://storage.googleapis.com/databoom-app/images/misc/widget-energy-pv.png");
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.payments .evidence .flag {
  display: block;
  width: 80px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%;
  border: none;
  border-radius: 0;
  margin: 0;
}

.payments .summary-section .title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}

.payments .summary-section .item-group {
  display: flex;
  margin-bottom: 5px;
  height: 34px;
}

.payments .summary-section .item-group > div {
  flex: 1;
  max-width: 50%;
  display: flex;
  align-items: center;
}

.payments .summary-section .item-group > div > * {
  flex: 1;
}

.payments .summary-section .summary-table-header {
  color: #0063c0;
  border-bottom: 2px solid #0063c0;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.payments .summary-section .summary-table-header,
.payments .summary-section .summary-table-item {
  display: flex;
}

.payments .summary-section .summary-table-header > span,
.payments .summary-section .summary-table-item > span {
  flex: 1;
}

.payments .summary-section .summary-table-item {
  margin-bottom: 5px;
  height: 30px;
  align-items: center;
}

.payments .summary-section .summary-table-items-cont {
  min-height: 120px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.payments .summary-section .quantity,
.payments .summary-section .tax {
  justify-content: center;
  display: flex;
}

.payments .summary-section .amount {
  justify-content: flex-end;
  display: flex;
  order: 2;
}

.payments .summary-section .summary-table-item.subtotal {
  font-size: 14px;
}

.payments .summary-section .summary-table-item.total,
.payments .summary-section .summary-table-item.subtotal {
  color: #333;
}

.modal-header {
  padding: 15px 15px;
}

.payments .panel-heading {
  font-weight: bold;
  color: #ffffff;
  background-color: #0063c0;
  border-color: #0063c0;
}

.payments .panel-info {
  border-color: #ddd;
}

.payments .logo-databoom {
  width: 368px;
  padding: 18px 10px 18px 18px;
  height: 63px;
  text-align: center;
}

.payments .spacer {
  margin-top: 40px;
}

.a-syntax {
  position: absolute;
  top: 5px;
  left: 25px;
}

.a-syntax-signal {
  position: absolute;
  bottom: -15px;
  right: 15px;
}

.action-text {
  padding-top: 10px;
  margin-bottom: auto !important;
}

.rules .element-list-responsive .description > p {
  height: auto;
  line-height: initial;
  font-weight: 400;
  font-size: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  width: 100%;
}

.rules .element-list-responsive .description > p:first-child {
  padding-bottom: 15px;
}

.rules .element-list-responsive .description {
  flex-direction: column;
}

.desc-length {
  width: 20px;
  text-align: right;
  position: absolute;
  right: 25px;
  top: 1px;
  bottom: 1px;
  line-height: 32px;
  margin: auto;
  z-index: 1000;
  background: white;
}

.desc-cont {
  position: relative;
}

.icon-cont {
  display: inline-block;
  width: 40px;
  margin-right: 5px;
  max-height: 20px;
}

.icon-cont + span {
  /*position: absolute;*/
  left: 12px;
  margin-left: 50px;
}

.no-asset {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bbb;
  width: 100%;
  height: 100%;
  font-size: 18px;
}

.list-signal,
.new-formula {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  resize: none;
}

.headers-list {
  min-height: 60px !important;
  max-height: 120px !important;
}

.actions-list {
  margin: 0 !important;
  min-height: 300px !important;
  max-height: 300px !important;
}

.list-signal.fh,
.actions-list.fh {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}

.new-formula {
  height: 200px;
}

.list-signal {
  margin-top: 0px;
  margin-bottom: 20px;
  background-color: rgb(245, 245, 245);
  border: none;
  border-radius: 0;
  min-height: 200px;
  max-height: 200px;
  align-items: stretch;
  display: flex;
  flex-direction: column;
}

li.action-cont .var-ball span {
  color: white;
  line-height: 30px;
  width: 30px;
  height: 30px;
  margin: 10px;
  border-radius: 50%;
  text-align: center;
}

li.action-cont .var-ball {
  flex: 1;
}

li.action-cont .var-name {
  flex: 5;
}

li.action-cont .var-type {
  flex: 2;
}

li.action-cont .var-delete {
  flex: 1;
}

.list-signal li .var-namo {
  float: left;
  padding: 0 10px;
  line-height: 50px;
  height: 50px;
  font-size: 13px;
}

.list-signal li .cancel-signal {
  max-width: 30px;
  height: 30px;
  margin: 10px;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  color: #ccc;
}

.header-value {
  flex: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.action-cont .cancel-signal {
  font-size: 18px;
  color: #ccc;
}

.new-formula {
  font-size: 18px;
  height: 150px !important;
  padding: 30px;
}

textarea:focus {
  outline: 0;
}

.row-cf {
  width: 100%;
}

.row-cf:after {
  content: "";
  display: table;
  clear: both;
}

.receiver-cont,
.text-cont {
  padding: 10px;
  border: none;
  height: 50px;
  width: 100%;
  border: 1px solid transparent;
  resize: none;
}

.text-cont {
  max-height: 200px;
  min-height: 200px;
}

div.text-cont {
  overflow: auto;
}

.row-cf:before {
  content: "";
  display: table;
  clear: both;
}

.btn-cancel-rule {
  margin: 10px;
  padding: 0 12px;
  line-height: 33px;
}

.btn-save-rule {
  margin: 10px;
  margin-right: 0;
}

.btn-delete-rule {
  margin: 10px;
  height: 35px;
}

.fh {
  height: 100%;
}

textarea.enabled:focus::-webkit-input-placeholder {
  color: #3498db;
}

textarea.enabled:focus {
  border: 1px solid #3498db;
  color: #3498db;
}

.label-sms {
  background-color: #f1c40f;
}

.label-mail_cc,
.label-mail_ccn,
.label-mail {
  background-color: #e9573f;
}

.label-device {
  background-color: #2980b9;
}

.label-http,
.label-signal {
  background-color: #62cb31;
}

.label-rule {
  background-color: #da4453;
}

.label-telegram_bot {
  background-color: #0088cc;
}

.label-sensor,
.label-report {
  background-color: #b05eff;
}

.label-widget,
.label-dashboard {
  background-color: #0063c0;
}

.label-station,
.label-child {
  background-color: #00b8e6;
}

.label-danger {
  background-color: #e43725 !important;
}

.label-valve {
  background-color: #389fc5;
}

.rule-desc {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
  border-radius: 3px;
  border: 1px solid #e4e5e7;
}

.rule-desc:focus {
  outline: 0;
}

.rule-desc::-webkit-input-placeholder {
  color: #6a6c6f;
}

.switch-cute {
  overflow: hidden;
  border-radius: 3px;
  background-color: #fff;
  position: relative;
  border: 1px solid #b0b0b0;
  max-width: 50px;
  width: 100%;
  transition: 0.3s ease;
  margin: 0 auto;
}

.switch-cute.active .spola.disabled {
  opacity: 0.5;
}

.switch-cute .indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 50%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.switch-cute.active .indicator.off {
  color: #3498db;
}

.switch-cute.disabled .indicator.off,
.switch-cute.active .indicator.on,
.switch-cute .indicator.off {
  color: white;
}

.switch-cute .indicator.on {
  left: 50%;
}

.switch-cute .indicator.off {
  left: 0;
}

.switch-cute .spola {
  background-color: #b0b0b0;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  transition: 0.3s ease;
}

.switch-cute.active {
  border-color: #3498db;
}

.switch-cute.active .spola {
  background-color: #3498db;
  top: 0;
  left: 50%;
}

.switch-cute.disabled {
  border-color: #ddd;
}

.switch-cute.disabled .spola {
  background-color: #ddd;
}

.switch-cute.active.disabled {
  border-color: #9acced;
}

.switch-cute.active.disabled .spola {
  background-color: #9acced;
}

.switch-cute.active.disabled .indicator.off {
  color: #9acced;
}

span.error {
  display: flex;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  align-items: center;
  color: #e74c3c;
  height: 30px;
}

i.fa.failure {
  color: #e74c3c;
}

span.error.near-ta {
  margin-bottom: 0;
}

ul.error,
input.error,
textarea.error {
  border: 1px solid #e74c3c;
}

.formula-err-cont {
  display: flex;
  height: 30px;
  width: 100%;
}

.formula-err-cont .flex-right {
  margin-left: auto;
  font-size: 18px;
}

.hidden {
  opacity: 0;
}

.right-ctrl-cont {
  height: 50px;
  line-height: 30px;
  padding: 5px;
}

.right-ctrl-cont label {
  padding: 5px;
}

#wrapper:after {
  clear: both;
  content: "";
  display: table;
}

.action-cont {
  display: flex;
  align-items: center;
  min-height: 60px;
  max-height: 60px;
  border-bottom: 1px solid #eee;
}

.action-cont.selected {
  background-color: #ddd;
}

.action-cont > div {
  flex: 1;
  justify-content: center;
  display: flex;
}

.fa.fa-clone,
.fa.fa-lock,
.fa.fa-download,
.fa.fa-trash-o,
.fa.fa-floppy-o,
.fa.fa-pencil-square-o,
.fa.fa-files-o,
.fa.fa-times,
.fa.fa-check {
  cursor: pointer;
  transition: 0.3s ease;
}

.fa.fa-clone:hover,
.fa.fa-lock:hover,
.fa.fa-download:hover,
.fa.fa-files-o:hover,
.fa.fa-pencil-square-o:hover,
.fa.fa-check:hover,
.fa.fa-times:hover {
  color: #888;
}

.reports-history .fa.fa-trash-o,
.reports-history .fa.fa-pencil,
.reports-history .fa.fa-floppy-o,
.fa.fa-lock,
.fa.fa-download,
.fa.fa-files-o,
.fa.fa-key {
  font-size: 14pt;
  color: #9d9fa2;
}

.widget-toolbar .fa.fa-times:hover,
.widget-toolbar .fa.fa-check:hover {
  color: white;
}

.modal-open {
  overflow: visible !important;
  width: 100% !important;
}

.action-cont .action-text {
  flex: 5;
}

.amcharts-export-menu {
  margin-bottom: -30px;
}

.main-btn-label {
  width: 100%;
  display: block;
  padding-bottom: 5px;
}

.um-title {
  color: #d0d0d0;
}

.info-cont .form-group {
  flex: 1;
}

.chart-list-height .panel-body {
  min-height: 400px;
}

.editSignal .virtual-signal-info {
  height: 94px;
  overflow-y: auto;
}

.editSignal .virtual-signal-cont,
.editSignal .formula-cont {
  /*height: 120px;*/
  max-height: 215px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.formula-cont {
  font-size: 18px;
  font-weight: bold;
  resize: none;
}

.editSignal .virtual-signal-elem {
  display: flex;
  height: 40px;
}

.editSignal .virtual-signal-elem > * {
  flex: 1;
}

.editSignal .virtual-signal-elem .var-ball {
  color: white;
  font-weight: bold;
}

.editSignal .virtual-signal-elem .var-ball .ball {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.editSignal .virtual-signal-elem > .var-device {
  flex: 2;
}

.editSignal .virtual-signal-elem > .var-name {
  flex: 3;
  padding-left: 10px;
  font-weight: bold;
}

.editSignal .stretch {
  display: flex;
  align-items: stretch;
}

.editSignal .valid-cont {
  position: relative;
}

.editSignal .valid-cont > * {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.editSignal .valid-cont.middle > * {
  right: 0;
  line-height: 34px;
}

span.error-color {
  color: #e74c3c;
}

.no-user-conditions {
  font-size: 20px;
  color: #bbb;
  font-weight: bold;
  width: 100%;
  height: 100%;
}

.second-step {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  height: 34px;
  max-width: 200px;
  width: 100%;
}

.second-step button {
  width: 20%;
  margin-left: 20px !important;
}

.second-step p {
  margin: 0;
  width: 50%;
}

.editSignal .panel-body {
  display: flex;
  flex-direction: column;
}

.digital-condition,
.showas-condition {
  display: flex;
  justify-content: space-between;
}

.digital-condition > div {
  width: 25%;
}

.digital-condition > div:first-child {
  width: 40%;
}

.showas-condition > input {
  width: 70%;
}

.showas-condition > button {
  width: 25%;
}

.success {
  color: #62cb31;
}

.fail {
  color: #e74c3c;
}

#value-panel {
  min-height: 316px;
}

#udm-panel {
  min-height: 136px;
}

.form-group:last-child {
  margin-bottom: 0;
}

.hpanel.warning .heading {
  background: #ffb606;
  background-color: #ffb606 !important;
}

.hpanel.warning .panel-body > div:first-child {
  color: #888;
  font-size: 16px;
}

.form-group {
  align-items: stretch;
}

.form-group.no-stretch {
  display: block;
}

.form-group label {
  display: flex;
  align-items: center;
}

.form-group.no-middle label {
  align-items: flex-start;
}

.form-group:after {
  content: "";
  display: table;
  clear: both;
}

.editSignal .counter-help,
.counter-help,
.counter-warning,
.counter-danger,
.commands-warning {
  background: #d5e9ff;
  color: #349bdc;
  padding: 15px;
  padding-right: 45px !important;
  border-radius: 5px;
  display: block;
  position: relative;
  transition: 0.3s ease;
}

.counter-danger {
  color: #a94442;
  background-color: #f2dede;
}

.commands-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

.counter-help.success {
  background: #cbeabc;
  color: #00b73d;
}

.counter-help.success:after {
  content: "\f058" !important;
}

.counter-help > p > b {
  word-break: break-all;
}

.counter-danger:after,
.counter-warning:after {
  content: "\f071";
  font-family: "FontAwesome";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 15px;
  display: flex;
  align-items: center;
  font-size: 20px;
}

.editSignal .counter-help:after,
.counter-help:not(.no-question-mark):after {
  content: "\f059";
  font-family: "FontAwesome";
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  font-size: 20px;
}

.editSignal textarea.description {
  max-width: 100%;
  max-height: 100px;
  height: auto;
}

.editSignal .graph-cont {
  height: 150px;
  border-radius: 5px;
  background: #00b8e6;
}

.modal-body .condition-cont {
  height: 100px;
  overflow-y: auto;
}

.editSignal .form-group .ref-signals-cont,
.editSignal .form-group .condition-cont {
  height: 150px !important;
  padding-top: 6px;
  padding-bottom: 6px;
  overflow-y: auto;
  display: flex;
}

.ref-signals-cont .ref-signal,
.condition-cont .condition {
  padding: 8px 15px;
  margin-bottom: 5px;
  border-radius: 5px;
  display: flex;
  align-items: stretch;
}

.condition-cont .condition {
  height: 35px;
}

.condition-cont .condition > div {
  float: left;
}

.condition-cont .condition .show-if {
  width: 25%;
}

.width-5pc,
.condition-cont .condition .light-container,
.condition-cont .condition .delete-condition {
  width: 5%;
}

.width-10pc {
  width: 10%;
}

.condition-cont .condition .show-condition {
  width: 65%;
  font-size: 14px;
  padding-left: 30px;
}

.ref-signals-cont .ref-signal-desc {
  width: 85%;
  font-size: 14px;
  flex-direction: column;
  align-items: left;
}

.ref-signal-desc > span:first-child {
  font-weight: bold;
}

.ref-signals-cont .ref-signal-ico {
  width: 5%;
  font-size: 14px;
}

.ref-signals-cont .ref-signal-actions {
  width: 10%;
  font-size: 14px;
}

.ref-signal-actions i.fa-check:hover,
.ref-signal-actions i.fa-floppy-o:hover,
.ref-signal-actions i.fa-times:hover,
.ref-signal-actions i.fa-edit:hover,
.ref-signal-actions i.fa-trash:hover {
  cursor: pointer;
}

.ref-signal-actions i.fa-check:hover,
.ref-signal-actions i.fa-floppy-o:hover {
  color: #62cb31;
}

i.fa-times.permission-remove:hover,
.ref-signal-actions i.fa-times:hover,
.ref-signal-actions i.fa-trash:hover {
  color: #e74c3c;
}

i.fa-times.permission-remove {
  opacity: 0.5;
}

i.fa-times.permission-remove:hover {
  opacity: 1;
}

.ref-signal-actions i.fa-edit:hover {
  color: #ffb606;
}

.tr-error {
  border-left: 5px solid #ea6557;
}

.condition-cont .condition .show-if > span {
  border-radius: 15px;
  background: #ffb606;
  color: white;
  font-weight: bold;
  padding: 2px 10px;
  line-height: normal;
}

.condition-cont .condition .delete-condition {
  cursor: pointer;
}

.condition-cont .condition .delete-condition i:hover {
  color: #888;
}

.fa-stack {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
}

.element-list-responsive .title,
.element-list-responsive .signals-device {
  padding: 15px 10px;
}

.element-list-responsive .signals-device {
  background-color: #f7f9fa;
}

.element-list-responsive .title {
  margin-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.element-list-responsive .title .title-cont,
.element-list-responsive .signals-device .device-description {
  width: 80%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
}

.element-list-responsive .title .status-cont,
.element-list-responsive .signals-device .star {
  width: 20%;
  float: left;
}

.element-list-responsive .title .title-cont a {
  display: block;
}

.title-cont .signal-description {
  font-size: 24px;
}

.title-cont .signal-token {
  font-size: 14px;
}

.element-list-responsive .last-value {
  background-color: #ffffff;
  padding: 25px 20px;
}

.last-value .last-value-num {
  color: #888;
}

.last-value .last-value-num > * {
  display: block;
  width: 100%;
  float: left;
}

.last-value-num span:first-of-type {
  font-size: 36px;
  font-weight: bold;
}

.last-value-num p {
  margin: 0;
  font-size: 18px;
}

.element-list-responsive > div .block-footer {
  background-color: transparent;
}

th[field="status"] {
  width: 50px;
}

.status-ball {
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: lightgreen;
}

.status-ball.bigger {
  height: 28px !important;
  width: 28px !important;
}

.status-ball.status-com_error,
.status-ball.status-error {
  background: #e74c3c;
}

.status-ball.status-pending,
.status-ball.status-init {
  background: #ffb606;
}

.status-ball.status-on-nack {
  background: #c0392b;
}

.status-ball.status-on-ack {
  background: #ea6557;
}

.status-ball.status-off-nack {
  background: #ffb606;
}

.status-ball.status-off-ack {
  background: #62cb31;
}

.status-ball.status-sent {
  background: #62cb31;
}

input[type="checkbox"] {
  height: 16px;
  width: 16px;
}

.signals h2[ng-show] {
  color: #0063c0;
  margin-bottom: 40px;
}

.row.no-border {
  border-top: none;
  border-bottom: none;
}

.signals-description {
  background: white !important;
}

.signal-rescale input[type="text"] {
  position: relative;
  top: 20px;
}

.datepicker {
  height: 35px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #e4e5e7;
  width: 100%;
  display: block;
}

.datepicker:after {
  content: "";
  clear: both;
  display: table;
}

.datepicker input {
  height: 100%;
  line-height: 30px;
  padding: 0 10px;
  border: none;
  padding-left: 15px;
  width: 80%;
}

.datepicker button {
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 20%;
  margin: 0px !important;
}

.asset-loading {
  display: flex;
  height: 400px;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  color: #aaa;
  background-color: white;
  margin-top: -20px;
  border-top: 0;
}

.mb {
  margin-bottom: 10px;
}

.virtual-signal-ctrl > div {
  margin-bottom: 10px;
}

.virtual-signal-ctrl > div:last-child {
  margin-bottom: 0;
}

.action-btn-cont > button:not(:last-child) {
  margin-bottom: 5px;
}

.very-small {
  height: 30px;
}

.preview-image {
  max-height: 250px;
  max-width: 100px;
}

.big-multiple .input-xs {
  padding: 0 0 0 0;
  font: inherit;
}

.flex-col-fit {
  display: flex;
  flex-direction: column;
}

.flex-col-fit .flex-fit {
  flex: 1;
}

.signin .form-group {
  display: block;
}

.signin .form-group > label {
  margin-bottom: 10px;
}

.signin > fieldset > .form-group {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.signin > fieldset > .form-group:nth-child(4) {
  margin-bottom: 0 !important;
}

.big-email {
  font-size: 16px;
  color: #0063c0;
  font-weight: bold;
}

.btn-home-cont {
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-home-cont a {
  margin-left: 0 !important;
}

.choice-btn-cont {
  display: flex;
  justify-content: space-between;
}

.choice-btn-cont button {
  width: 48%;
  margin: 0 !important;
  height: 34px;
}

.cropArea {
  width: 300px;
  height: 300px;
}

.title-list.profile {
}

.social-account-container {
  display: inline-block;
  position: relative;
}

.btn-remove-account {
  top: 10px;
  right: 10px;
  position: absolute;
}

.btn-file {
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: 5px;
}

.btn-file-csv {
  overflow: hidden;
}

.btn-file {
  width: 100%;
}

.btn-file-csv input[type="file"],
.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: white;
  cursor: inherit;
  display: block;
  z-index: 1000;
}

.user-profile-picture {
  min-height: 150px;
  max-height: 150px;
  min-width: 150px;
}

.error-box {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #b94a48;
  background-color: #f2dede;
}

.error-login {
  border-color: red !important;
}

.hpanel.user-settings {
  padding: 40px 40px 0 40px;
}

.hpanel.user-settings .panel-heading {
  background-color: white;
  border: 1px solid #e4e5e7;
  padding: 10px;
}

.hpanel.user-settings .panel-body {
  border-top: 0;
}

.api-key {
  word-wrap: break-word;
}

.login-container button.btn-block:active {
  background-color: #0063c0;
  border-color: transparent;
}

.err-quote {
  width: 80%;
  text-align: center;
}

.info-header {
  position: absolute;
  right: 13px;
  top: 13px;
  color: white !important;
}

.invoice-icon {
  width: 20px;
  text-align: center;
  margin-right: 10px;
}

.element-list-responsive .description > * {
  line-height: 20px;
}

.display-flex {
  display: flex !important;
}

.full-api {
  font-size: 24px;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.copy-buttons {
  margin-top: 15px;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.copy-buttons button {
  width: 50%;
  margin-top: 10px;
  margin-bottom: 10px;
  transition: 0.3s ease;
}

.table-oauth {
  max-height: 300px;
  overflow: auto;
}

.table-oauth.lh {
  max-height: 200px;
}

.red-line {
  background: linear-gradient(to right, white 0%, #e74c3c 100%) !important;
}

.amcharts-pie-slice {
  transform: scale(1);
  transform-origin: 50% 50%;
  transition-duration: 0.3s;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  cursor: pointer;
  box-shadow: 0 0 30px 0 #000;
}

.amcharts-pie-slice:hover {
  transform: scale(1.1);
}

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

.hundred-pc-width {
  width: 100% !important;
}

.max-height-tags {
  max-height: 95px !important;
  min-height: 95px !important;
  overflow: visible;
}

.min-height-edit-tags {
  max-height: 100px !important;
  min-height: 100px !important;
}

.fifty-pc-width {
  width: 50% !important;
}

.sub-color .ui-select-bootstrap > .ui-select-choices {
  max-height: 100px !important;
}

.sub-color .dropdown-menu {
  min-width: 80px !important;
}

.fixed-width input,
.sub-color input {
  min-width: 80px !important;
}

.unauthorized-container,
.disabled-boom-cb {
  opacity: 0.5;
  cursor: not-allowed !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.flex-extra-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: space-between;
}

.panel-footer .ui-select-bootstrap > .ui-select-choices {
  top: auto;
  bottom: 100%;
  min-width: 50px;
}

.header-fixed tr {
  width: 100%;
  display: inline-table;
  table-layout: fixed;
}

.header-fixed tbody {
  overflow-y: scroll;
  position: absolute;
}

.header-fixed tfoot {
  position: absolute;
  bottom: 0;
}

.legend-chart-ico {
  width: 3% !important;
  font-size: 14px;
  min-width: 25px;
}

.tag-container {
  background: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  flex-wrap: wrap;
  padding-top: 5px;
  padding-bottom: 5px;
}

.subs-color-selector {
  display: flex;
  overflow-x: scroll;
  margin-left: 10px;
  margin-right: 10px;
}

.subs-color-selector .color-checkbox {
  border: 5px solid #fff;
  margin-bottom: 10px;
}

.add-sub-button {
  max-height: 34px;
  margin-top: 20px;
  margin-right: 10px;
}

.sub-color-light {
  max-width: 20px;
  min-height: 20px;
  border-radius: 100px;
}

.widget-light {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.permission-label {
  position: absolute;
  bottom: -25%;
  right: -7px;
}

.permission-remove {
  position: absolute;
  top: -8%;
  right: -12px;
}

.edit-gear {
  font-size: 18px;
  margin-top: 5px;
  cursor: pointer;
}

.dash-separator {
  padding-left: 20px;
  font-weight: bold;
  cursor: default;
}

.separator-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-second-level {
  /*max-height: 250px;*/
  overflow-x: hidden;
  overflow-y: auto;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 3px solid #eeeeee;
  background-color: #c8c8c8;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #eeeeee;
}

.panel-footer .pagination > li > a {
  padding: 4px 10px !important;
}

.panel-footer .ui-select-bootstrap > .ui-select-match > .btn {
  height: 26px !important;
  padding-top: 2px !important;
  padding-bottom: 0px !important;
}

.customize-colors .image-scope {
  height: 60px;
  line-height: normal;
}

.customize-colors .image-viewer {
  padding-top: 10px;
  overflow-y: inherit;
  border: none;
}

.huebee__container {
  background: #f1f3f6;
}

.sp-initial,
.sp-container,
.sp-color,
.sp-hue,
.sp-clear,
.sp-slider,
.sp-palette-container {
  border: none !important;
}

.sp-container,
.sp-dragger {
  background: none;
}

.sp-palette {
  max-width: none;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner,
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  border: solid white 2px;
  background-image: none;
}

.sp-palette .sp-thumb-el {
  border: none;
  margin: 0px;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: inherit;
}

.sp-picker-container,
.sp-palette-container {
  float: none;
  position: relative;
  padding: 0px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}

.sp-initial-disabled .sp-input-container {
  width: 304px;
  position: absolute;
  top: 0px;
}

.sp-top {
  margin-top: 49px;
}

.sp-picker-container {
  width: 230px;
  border-left: none;
}

.sp-container.sp-flat {
  position: absolute;
}

.image-scope.selected {
  color: #fff;
  font-weight: 700;
  background: #333;
  border-color: #333;
}

.image-scope {
  height: 40px;
  border-radius: 3px;
  border: 1px solid #e4e5e7;
  margin-bottom: 10px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  transition: font-weight 0.2s ease;
}

.image-viewer {
  border-radius: 3px;
  border: 1px solid #e4e5e7;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  min-height: 340px;
  max-height: 340px;
}

.my-drop-zone {
  border: 3px dotted #ccc;
  border-radius: 5px;
  color: #aaa;
  font-size: 16px;
}

.my-drop-zone-error {
  border: dotted 3px #e74c3c !important;
}

.my-drop-zone.file-over {
  color: green;
  border-color: green;
}

.nv-file-over {
  border: dotted 3px red;
}

.dashboard-navigator {
  background-color: #f6f7f9;
  border-bottom: solid 1px #e4e5e7;
  cursor: pointer;
}

.dashboards-container {
  cursor: default;
  background-color: #f6f7f9;
  max-height: 151px;
  padding-top: 13px;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 5px;
  overflow-y: auto;
}

.dashboard-child-input {
  color: #333;
  border: none;
  width: 90%;
}

.btn-success.btn-child:active,
.btn-success.btn-child:hover,
.btn-success.btn-child {
  background-color: #00b8e6 !important;
  border-color: #00b8e6 !important;
}

.btn-success.btn-root:active,
.btn-success.btn-root:hover,
.btn-success.btn-root {
  background-color: #0063c0 !important;
  border-color: #0063c0 !important;
}

.dashboard-navigator .btn {
  margin-bottom: 5px;
}

.fav-dash-side-menu {
  color: #ffb606;
  top: 35%;
  position: absolute;
  left: 5%;
}

.dash-manager-ico {
  /*top: 28%;
    position: absolute;
    font-size: 18px;
    right: 5%;*/
  top: 35%;
  position: absolute;
  right: 5%;
}

.footer-column {
  flex-direction: column !important;
  white-space: nowrap !important;
  align-items: flex-end !important;
}

.amcharts-chart-div {
  overflow: visible !important;
}

.chart-div {
  z-index: 5;
  overflow: visible !important;
}

.top-visibility {
  overflow: visible !important;
  z-index: 10000;
}

.border-online {
  border: 2px solid #62cb31;
}

.border-offline {
  border: 2px solid #6a6c6f;
}

img.img-circle.team-border {
  border: 2px solid #ffb606;
}

.pd-actions-td {
  padding-top: 13px !important;
}

.accordion-header {
  padding: 10px 15px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-24 {
  font-size: 24px !important;
}

.accordion-package .accordion-header > div {
  font-size: 13px !important;
}

.accordion-package .accordion-header {
  padding: 5px 15px !important;
  cursor: pointer;
}

.accordion-package {
  margin-bottom: 15px !important;
}

.history-chart-icon {
  font-size: 14px;
  position: relative;
  top: 2px;
  left: -5px;
}

.history-chart-icon.multi-device {
  top: 10px !important;
}

.table-partials {
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
  height: auto !important;
}

.new-partial div,
.table-partials div {
  display: flex;
  justify-content: space-around;
}

.new-partial div input {
  width: 20%;
}

.flours-type {
  width: 20% !important;
}

.flours-type div,
.flours-type input,
.flours-type a {
  width: 100% !important;
}

.table-partials .ui-select-container input,
.table-partials .ui-select-match,
.new-partial div div {
  width: 72px;
}

.new-partial div div input {
  width: inherit;
}

.table-partials .dropdown-menu,
.new-partial .dropdown-menu {
  min-width: auto;
}

.table-partials div input {
  width: 45%;
}

.table-partials-results td {
  background-color: rgba(96, 136, 26, 0.2) !important;
}

.table-partials-results td:hover {
  background-color: rgba(0, 76, 38, 0.2) !important;
}

.label {
  color: #fff !important;
}

.paused-signal {
  position: absolute;
  color: white;
  font-size: 10px;
}

.too-much-values-gran {
  z-index: 10;
  position: absolute;
  width: 100%;
}

.too-much-values-gran-stock {
  width: 100%;
  z-index: 10;
  position: absolute;
  border: 1px solid !important;
  border-radius: 4px !important;
  border-color: #faebcc !important;
}

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

.uiview {
  position: relative;
}

.marker-options {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.marker_labels {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px;
  color: #6a6c6f;
  /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
  font-size: 12px;
}

.input-in-list {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-left: 5px;
  line-height: 2;
  font-weight: 600;
  font-size: 13px;
  width: 100%;
}

.labelize-in-list {
  background: none !important;
  border: none !important;
  pointer-events: none !important;
  padding-left: 0;
  font-weight: 600;
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.radio-label {
  margin-left: 5px;
  font-size: 14px;
}

.ngquill-editor,
.ngquill-editor div:first-child {
  height: 100%;
}

.ngquill-editor.html-editable {
  height: 70% !important;
}

.html-editor {
  z-index: 1;
  resize: none;
  height: 30%;
  border-left: none;
  border-right: none;
  border-bottom: none;
}

.ql-container {
  height: calc(100% - 42px);
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

.ql-toolbar {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.ql-editor {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.panel-body.no-widget-container {
  max-height: 100% !important;
  background: none !important;
}

.no-shadow {
  -webkit-box-shadow: 0px 0px 0px rgba(105, 107, 110, 0.5);
  -moz-box-shadow: 0px 0px 0px rgba(105, 107, 110, 0.5);
  -o-box-shadow: 0px 0px 0px rgba(105, 107, 110, 0.5);
  box-shadow: 0px 0px 0px rgba(105, 107, 110, 0.5);
}

.modal-open .no-shadow {
  padding: 1%;
}

.no-widget-container-menu {
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}

.no-widget-container > .widget-content {
  background: none !important;
}

/*.no-resize .gridster-item-resizable-handler{
    display: none;
}*/

.modal-body .report-preview {
  max-height: 400px;
  min-height: 400px;
  overflow: auto;
}

.modal-body .report-loading,
.modal-body .preview-error {
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.report-preview .report-title {
  text-align: center;
  font-weight: 200;
}

.report-preview .report-date {
  text-align: center;
  margin-top: 10px;
}

.report-preview div:not(.widget-report) > ul {
  padding: 0 !important;
}

.report-preview div:not(.widget-report) > ul > li::before {
  display: none !important;
}

.report-preview div:not(.widget-report) > ul > li:not(:first-of-type) {
  margin-top: 35px;
}

.report-preview table {
  min-width: 1140px;
  max-width: 1140px;
}

.report-preview table tr td {
  padding: 10px;
  min-width: 120px;
  border: 1px solid #d0d0d0;
}

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

.report-preview table tr td.title {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 15px;
  background: #0063c0;
  color: white;
}

.report-preview table tr.headers td {
  font-weight: bold;
  text-align: center;
  width: 25%;
}

.report-preview table tr td.description {
  font-weight: bold;
  color: #0063c0;
  /*DA IMPOSTARE A SECONDA DEL COLORE DEL WIDGET*/
}

.report-preview table tr td.full_value,
.report-preview table tr td.min,
.report-preview table tr td.max,
.report-preview table tr td.dev,
.report-preview table tr td.children,
.report-preview table tr td.uom {
  text-align: center;
}

.report-preview table tr td span.ref-date {
  font-weight: 200;
  margin-left: 15px;
}

.report-preview table tr td.value {
  text-align: center;
  background: #0063c030;
  /*DA IMPOSTARE A SECONDA DEL COLORE DEL WIDGET, IL 30 DOPO IL COLORE E' PER L'OPACITA'*/
}

.reports-history {
  width: 100%;
  padding: 0px 40px 40px 40px;
}

.report-rule {
  width: 100%;
  padding: 0px 40px 0px 40px;
  min-height: 56px;
  border-bottom: 1px solid #e4e5e7;
  background-color: #f7f9fa;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.report-rule span i {
  font-size: 30px;
}

.command-icons {
  display: flex;
  justify-content: center;
}

.command-icons i {
  padding: 0 0.5rem;
}

.nowrap {
  white-space: nowrap;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.formula-cell {
  max-width: 200px;
}

.formula-cell > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-datepicker-month,
.ui-datepicker-year {
  background-color: #3498db !important;
  border: none !important;
}

.nullify-button {
  border: 1px solid #ddd;
  border-radius: 5px;
}

.command-column {
  width: 40%;
}

.command-column .digital button {
  width: 50%;
}

.widget-content .table > tbody > tr > td {
  border: none !important;
  height: 34px !important;
}

.widget-reduced-pd {
  padding-top: 5px !important;
  padding-bottom: 10px !important;
}

a.add-template i {
  color: #0063c0;
}

a.add-template.disabled i {
  color: #0063c050 !important;
}

a.add-template i:hover {
  color: #0073df;
}

a.add-template.disabled {
  cursor: not-allowed;
}

.template-filling {
  max-height: 80vh;
  min-height: 500px;
  overflow: auto;
  padding-right: 10px;
}

.template-suffix-input {
  font-size: 30px;
  font-weight: 400;
  color: #3498db;
  height: 40px;
}

.cell-color-picker {
  width: 110px;
  margin-right: 15px;
  font-size: 18px;
}

.labelize .ui-select-no-choice {
  display: none;
}

.modal-xlg {
  width: 1200px;
}

.dash-children-deleting {
  border-left: 3px solid #ea6557 !important;
}

/*.ui-select-multiple.ui-select-bootstrap input.ui-select-search{
  font-size:13px!important;
}*/

.pd-l-md {
  padding-left: 20px !important;
}

.subitem-active,
.nav > li > ul > li:hover {
  background: #eee;
}

.side-menu-border-b {
  border-bottom: 1px solid #e4e5e7;
}

.ui-select-bootstrap > .ui-select-choices {
  width: auto !important;
  min-width: 100% !important;
}

.hide-it {
  visibility: hidden;
}

.smaller {
  font-size: 75%;
}

.signal-boxes-container {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 15px 0;
  align-items: stretch;
  height: 100%;
}

.signal-boxes-container .signal-box {
  /*width: 45%;
    max-width: 300px;*/
  min-height: 175px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
  min-width: 300px;
  cursor: pointer;
  display: flex;
  /*flex: 0 0 30%;*/
}

.signal-boxes-container .signal-box.small-box {
  min-height: 160px;
}

.signal-boxes-container .signal-box .flex-2 {
  max-width: 66%;
}

.wi {
  font-size: 30px;
}

.signal-boxes-container .signal-box .wi {
  font-size: 60px;
}

.signal-boxes-container .signal-box .fa {
  font-size: 45px;
}

.signal-boxes-container .signal-box .fa.fa-times {
  font-size: 20px;
}

.signal-box .status-ball,
.remove-type-image {
  position: absolute;
  top: 5px;
  font-size: 16px;
}

.signal-box .status-ball {
  left: 5px;
}

.remove-type-image {
  right: 5px;
}

.remove-type-image:hover {
  color: #e74c3c !important;
}

.alarm-comment {
  font-style: italic;
  font-size: 9px;
  font-weight: normal;
  color: #6a6c6f;
  margin-top: 3px;
}

.balloon-alarm-comment {
  font-style: italic;
  font-size: 85%;
  word-break: break-all;
}

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

.capitalize {
  text-transform: capitalize;
}

.telegram-md {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.marker-cluster-blue {
  background-color: #4c91d2;
  color: #ffffff;
}

.marker-cluster-blue div {
  background-color: #0063c0;
  color: #ffffff;
}

.marker-cluster-red {
  background-color: #ec7366;
  color: #ffffff;
}

.marker-cluster-red div {
  background-color: #e43725;
  color: #ffffff;
}

.icon-container {
  position: relative;
  display: inline-block;
}

.form-group.error .tag-form-control {
  border-color: #e74c3c !important;
}

.leaflet-container {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.keyboard-style-container {
  padding: 1rem 0 0;
}

.keyboard-style-container .keyboard-style {
  border: 1px solid #aaa;
  border-radius: 0.2em;
  box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.1);
  background-color: #f9f9f9;
  background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
  color: #000;
  padding: 0.1em 0.3em;
  font-family: inherit;
  font-size: 0.85em;
}

.language-flag {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 15px;
  cursor: pointer;
}

.var-in-legend {
  background-color: white !important;
  position: absolute;
  left: 26px;
  padding: 5px;
  font-weight: bold;
}

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

.collapse {
  display: none !important;
}

.collapse.in {
  display: block !important;
}

.editing-order {
  background: #ffb60615;
  padding: 15px;
}

.ui-select-match .btn-primary,
.ui-select-match .btn-primary:active,
.ui-select-match .btn-primary:hover,
.ui-select-match .btn-primary:focus {
  background: none !important;
}

.order-in-list {
  font-size: 15px;
  width: 15px;
  text-align: center;
}

.order-in-list:not(:last-child) {
  margin-right: 5px;
}

.program-status {
  font-size: 25px;
  padding: 15px;
  text-align: center;
  font-weight: 200;
}

.amcharts-axis-top-label {
  font-weight: 600;
}

.only-content-h3-space {
  top: 46px !important;
}

.meteo-pagination {
  position: absolute;
  bottom: 5px;
  left: 10px;
}

.add-row-top {
  position: absolute;
  top: -5px;
  left: 47%;
  opacity: 0.3;
}

.add-row-bottom {
  position: absolute;
  bottom: -5px;
  left: 47%;
  opacity: 0.3;
}

.add-column-left {
  position: absolute;
  top: 35%;
  left: -5px;
  opacity: 0.3;
}

.add-column-right {
  position: absolute;
  top: 35%;
  right: -5px;
  opacity: 0.3;
}

[class*="add-row-"]:hover,
[class*="add-column-"]:hover {
  opacity: 1;
}

.pv-grid {
  height: 100%;
  width: 100%;
  z-index: -2;
  background-color: #6a6c6f;
}

.no-widget-container .pv-grid {
  background: none;
}

.pv-grid .grid-row {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-right: 15px;
}

.pv-grid-block {
  font-size: 15px;
  min-width: 250px;
  margin-bottom: 15px;
  padding: 10px;
  background-color: #5b5b5b;
}

.pv-grid-block > div {
  position: relative;
}

.pv-grid-block img {
  max-height: 72px;
}

.pv-grid-block .big-value {
  font-size: 33px;
}

.pv-grid-block .description {
  font-size: 25px;
  font-weight: 200;
  text-align: center;
}

.pv-grid-block .status-bar {
  width: 100%;
  height: 12px;
  background-color: #d5d5d7;
  margin-top: 10px;
  margin-bottom: 5px;
}

.pv-grid-block .status-max-value {
  width: 200px;
  height: 12px;
  position: absolute !important;
  top: 0;
}

.pv-grid-block .status-bar .status {
  height: 100%;
  max-width: 100%;
  background-color: #62cb31;
}

.electrical-grid {
  height: 100%;
  z-index: -2;
}

.electrical-grid.compact-grid {
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 20%;
}

.electrical-grid.compact-grid .top-grid {
  /* margin-top: 20px; */
}

.electrical-grid.compact-grid .bottom-grid {
  /* margin-bottom: 20px; */
}

.electrical-grid-signals {
  min-height: 120px;
  max-height: 560px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.electrical-grid .top-grid {
  display: flex;
}

.electrical-grid .middle-grid {
  display: flex;
  align-items: center;
  /*height: calc(100% - 300px);*/
}

.electrical-grid.trafos .middle-grid {
  display: flex;
  align-items: center;
  height: calc(100% - 300px);
}

.electrical-grid .bottom-grid {
  display: flex;
}

.electrical-grid-block {
  font-size: 15px;
  width: 200px;
}

.electrical-grid.trafos .electrical-grid-block {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  background: #4b4a4f;
  z-index: 1;
}

.electrical-grid.trafos .electrical-grid-block > .middle {
  flex-grow: 1;
}

.electrical-grid-block .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  align-content: center;
  text-align: center;
  background-color: rgb(255, 255, 255, 0.5);
  backdrop-filter: blur(2px);
}

.electrical-grid-block img {
  max-height: 72px;
}

.electrical-grid-block .big-value {
  font-size: 33px;
}

.electrical-grid-block .description {
  font-size: 25px;
  font-weight: 200;
  text-align: center;
}

.electrical-grid-block .status-bar {
  width: 100%;
  height: 12px;
  background-color: #d5d5d7;
  margin-top: 10px;
  margin-bottom: 5px;
}

.electrical-grid-block .status-max-value {
  width: 200px;
  height: 12px;
  position: absolute !important;
  top: 0;
}

.electrical-grid-block .status-bar .status {
  height: 100%;
  max-width: 100%;
  background-color: #62cb31;
}

.electrical-grid-block.center {
  width: 400px;
  padding: 50px 20px 20px 20px;
  max-height: 330px;
  position: relative;
  border: 1px solid #e4e5e7;
}

.electrical-grid-block.center .big-value {
  font-size: 25px;
}

.electrical-grid-block.center .description {
  font-size: 18px;
  font-weight: 200;
  text-align: left;
}

.electrical-grid-block.center .value {
  color: #62cb31 !important;
  margin-left: auto;
  align-items: baseline;
  text-align: right;
  display: flex;
  justify-content: flex-end !important;
  font-weight: normal;
}

.electrical-grid-block.center .last-update {
  position: absolute;
  left: 0;
  bottom: -30px;
  width: 100%;
  color: #908f94;
  text-align: center;
}

.electrical-grid-block.center .granularity {
  font-size: 10px;
  font-weight: bold;
}

.electrical-grid-block.center .granularity span.dates {
  font-weight: 200;
}

.electrical-grid-block.top-left {
  margin-left: 5%;
}

.electrical-grid-block.top-right {
  margin-right: 5%;
  margin-left: auto;
}

.electrical-grid-block.bottom-left {
  margin-left: 5%;
}

.electrical-grid-block.bottom-right {
  margin-right: 5%;
  margin-left: auto;
}

.electrical-grid.trafos .electrical-grid-block.top-left {
  margin-left: 5%;
  margin-right: 0;
}

.electrical-grid.trafos .electrical-grid-block.top-center {
  margin-left: auto;
  margin-right: auto;
}

.electrical-grid.trafos .electrical-grid-block.top-right {
  margin-right: 5%;
  margin-left: 0;
}

.electrical-grid.trafos .electrical-grid-block.middle-left {
  margin-left: 15%;
  margin-right: auto;
}

.electrical-grid.trafos .electrical-grid-block.middle-right {
  margin-right: 15%;
  margin-left: auto;
}

.electrical-grid.trafos .electrical-grid-block.bottom-left {
  margin-left: 5%;
  margin-right: 0;
}

.electrical-grid.trafos .electrical-grid-block.bottom-center {
  margin-left: auto;
  margin-right: auto;
}

.electrical-grid.trafos .electrical-grid-block.bottom-right {
  margin-right: 5%;
  margin-left: 0;
}

.electrical-grid.trafos > canvas {
  position: absolute;
}

.electrical-grid.trafos > canvas#linkPv1Trafo1 {
  top: 150px;
  height: calc((100% - 300px) / 2 - 30px);
  width: 100px;
  left: calc(5% + 100px);
  /* canvas filled backgroun for view debug
  background: yellow;
  opacity: 50%; */
}

.electrical-grid.trafos > canvas#linkTrafo1Grid {
  top: 75px;
  right: calc(50% + 100px);
  width: calc(35% - 200px);
  height: calc(50% - 75px);
  /* canvas filled backgroun for view debug
  background: red;
  opacity: 50%;*/
}
.electrical-grid.trafos > canvas#linkGridTrafo2 {
  top: 75px;
  left: calc(50% + 100px);
  width: calc(35% - 200px);
  height: calc(50% - 75px);
  /* canvas filled backgroun for view debug
  background: cyan;
  opacity: 50%;*/
}
.electrical-grid.trafos > canvas#linkPv2Trafo2 {
  top: 150px;
  height: calc((100% - 300px) / 2 - 30px);
  width: 100px;
  right: calc(5% + 100px);
  /* canvas filled backgroun for view debug
  background: green;
  opacity: 50%;*/
}
.electrical-grid.trafos > canvas#linkTrafo1Table {
  top: calc(50% - 30px);
  left: calc(15% + 200px);
  width: 200px;
  /* canvas filled backgroun for view debug
  background: green;
  opacity: 50%;*/
}
.electrical-grid.trafos > canvas#linkTrafo2Table {
  top: calc(50% - 30px);
  right: calc(15% + 200px);
  width: 200px;
  /* canvas filled backgroun for view debug
  background: green;
  opacity: 50%;*/
}
.electrical-grid.trafos > canvas#linkBattTrafo1 {
  bottom: 150px;
  height: calc((100% - 300px) / 2 - 30px);
  width: 100px;
  left: calc(5% + 100px);
  /* canvas filled backgroun for view debug
  background: purple;
  opacity: 50%;*/
}
.electrical-grid.trafos > canvas#linkTrafo1Load {
  bottom: 75px;
  right: calc(50% + 100px);
  width: calc(35% - 200px);
  height: calc(50% - 75px);
  /* canvas filled backgroun for view debug
  background: orange;
  opacity: 50%;*/
}

.electrical-grid.trafos > canvas#linkTrafo2Load {
  bottom: 75px;
  left: calc(50% + 100px);
  width: calc(35% - 200px);
  height: calc(50% - 75px);
  /* canvas filled backgroun for view debug
  background: pink;
  opacity: 50%;*/
}

.compact-grid .electrical-grid-block.top-left {
  margin-left: 20%;
}

.compact-grid .electrical-grid-block.top-right {
  margin-right: 20%;
  margin-left: auto;
}

.compact-grid .electrical-grid-block.bottom-left {
  margin-left: 20%;
}

.compact-grid .electrical-grid-block.bottom-right {
  margin-right: 20%;
  margin-left: auto;
}

.modal-open .electrical-grid-block.top-left,
.modal-open .electrical-grid-block.bottom-left {
  margin-left: 15%;
}

.modal-open .electrical-grid-block.top-right,
.modal-open .electrical-grid-block.bottom-right {
  margin-right: 15%;
}

.electrical-grid-block.bottom-left .battery {
  position: relative;
}

.electrical-grid-block.bottom-left .battery-level {
  height: 30px;
  position: absolute;
  top: 0;
  left: 2px;
  background-color: #62cb31;
  z-index: -1;
  max-width: 80px;
}

.modal-open .electrical-grid-links {
  width: calc((70% - 400px) / 2);
}

.modal-open .electrical-grid-links {
  margin-left: 15%;
}

.modal-open .electrical-grid-links ~ .electrical-grid-links {
  margin-left: 0;
}

.electrical-grid-links {
  display: flex;
  flex-direction: column;
  width: calc((100% - 400px) / 2);
  height: 100%;
}

.electrical-grid-links .top-left {
  height: 50%;
  width: 100%;
}

.electrical-grid-links .top-right {
  height: 50%;
  width: 100%;
}

.electrical-grid-links .bottom-left {
  height: 50%;
  width: 100%;
}

.electrical-grid-links .bottom-right {
  height: 50%;
  width: 100%;
}

.electrical-grid-datepicker {
  position: absolute;
  bottom: -40px;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
}

.electrical-grid-tabs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #908f94;
}

.electrical-grid-tabs > div {
  width: 50%;
  cursor: pointer;
  text-align: center;
  padding: 5px;
}

.electrical-grid-tabs > div.selected {
  border-bottom: 2px solid white;
  font-weight: bold;
}

.ref-signal-edit {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px !important;
}

.ref-signal-editable {
  cursor: pointer !important;
  text-decoration: underline dotted;
}

.agronomic-data-phases {
  background-color: #f5f5f5;
  min-height: 318px;
  margin-bottom: 10px;
}

.terrain-type {
  background-color: #f5f5f5;
  min-height: 98px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.signal-notes {
  padding-left: 10%;
  padding-right: 10%;
  margin-bottom: 10px;
  min-height: 5%;
}

.list-item-desc {
  font-weight: 600;
  color: #455a64;
}

.overflow-ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}

.ui-select-match > span:last-of-type > span {
  margin: 0 !important;
}

.announcement {
  padding: 10px;
  margin-left: 190px;
}

body.hide-sidebar .announcement {
  margin-left: 0px;
}

.announcement.maintenance {
  color: #155724;
  background-color: #d4edda;
}

.announcement.info {
  color: #0c5460;
  background-color: #d1ecf1;
}

.announcement.warning {
  color: #856404;
  background-color: #fff3cd;
}

.announcement.danger {
  color: #721c24;
  background-color: #f8d7da;
}

.announcement > .column > .title {
  display: flex;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 3px;
}

.announcement.alert {
  margin-bottom: 0px;
  border: none;
  border-radius: 0px;
}

.send-value-widget {
  justify-content: center;
}

.send-value-widget > .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.send-value-widget > .info > .value {
  font-size: 33px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.send-value-widget > .info > .signal-desc {
  color: #ccc;
  font-size: 12px;
  text-align: center;
}

.send-value-widget > .new-value {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.send-value-widget > .new-value > .new-value-buttons {
  display: flex;
  height: 34px;
  width: 100%;
}

.send-value-widget > .new-value > .new-value-buttons.column {
  height: auto !important;
}

.send-value-widget > .new-value > .new-value-buttons > button {
  flex: 1;
  text-align: center;
  width: 100%;
  /*margin: 3px;*/
}

.send-value-widget > .new-value > .values-to-send {
  margin-bottom: 15px;
}

.send-value-widget > .new-value > .values-to-send > div {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  max-height: 75px;
  overflow: auto;
}

.blink {
  animation: blink 2s steps(5, start) infinite;
  -webkit-animation: blink 1s steps(5, start) infinite;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}

.title-checkboxes > div > .middle:not(:last-of-type) {
  margin-right: 10px;
}

.table-responsive .table-striped tbody tr:nth-child(2n + 1).signal-in-edit-bg,
.table tr.signal-in-edit-bg:hover td {
  background-color: #faf2cc !important;
}

.m-t-b-a {
  margin-top: auto;
  margin-bottom: auto;
}

.gantt-chart {
  width: 100%;
  height: 200px;
}

.widget-content:not(.widget-scheduler) .gantt-chart {
  height: 100% !important;
}

.error > .datepicker > button {
  background-color: #e74c3c !important;
  border-color: #e74c3c !important;
}

.supplies-cont {
  display: flex;
  /*justify-content: space-around;
  flex-wrap: wrap;*/
  margin: 15px 0;
  border-radius: 5px;
}

.supplies-cont-xxl {
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  /*max-width: 1000px;*/
}

.supplies-cont .supply-cont {
  width: 5%;
  min-height: 270px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  min-width: 130px;
  margin-right: 3px;
}

.supplies-cont.supplies-cont-p3 .supply-cont {
  width: 9%;
}

.supplies-cont .supply-cont.test {
  padding-bottom: 0;
  height: 0;
  min-height: 0;
  border: none;
}

.supplies-cont .supply-cont > div {
  width: 100%;
  height: 100%;
  flex-direction: column;
  background: white;
  border-radius: 5px;
}

.supplies-cont .supply-cont > div.not-empty {
  display: flex;
  flex-direction: column;
}

.supplies-cont .supply-cont > div.not-empty > * {
  flex: 1;
  flex-basis: auto;
  border: none;
}

.supplies-cont .supply-cont > div.not-empty > .supply-image {
  min-height: 75px;
  max-height: 75px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.supplies-cont .supply-cont > div.not-empty > .supply-description {
  min-height: 135px;
  display: flex;
  flex-direction: column;
  padding: 15px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.supplies-cont .supply-cont > div.not-empty .supply-name {
  font-size: 14px;
  margin: 5px 0;
  font-weight: bold;
  text-align: center;
  min-height: 70px;
  max-height: 70px;
  overflow-wrap: anywhere;
}

.supplies-cont .supply-cont > div.not-empty .widget-supply-name {
  font-size: 12px;
  margin: 5px 0;
  font-weight: bold;
  text-align: center;
  min-height: 50px;
  max-height: 50px;
}

.supplies-cont .supply-cont > div.empty {
  font-size: 18px;
  color: #bbb;
  font-weight: bold;
}

.supplies-cont .supply-cont > div.not-empty > div.slot-commands {
  display: flex;
  align-items: center;
  font-size: 15px;
  max-height: 25px;
}

.supplies-cont .supply-cont > div.not-empty > div.slot-commands > i {
  cursor: pointer;
}

.supply-description .size-bar-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.supply-description .size-bar-cont .size-bar {
  height: 10px;
  border-radius: 0;
}

.supply-description .supply-edit {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}

.supply-description .supply-edit span.fa {
  font-size: 16px;
}

.supply-description .supply-edit span.supply-save {
  background: #00b73d;
}

.supply-description .supply-edit span.fa:hover {
  font-weight: bold;
}

.supply-description .supply-edit span:hover {
  font-weight: bold;
}

.modal-lg {
  margin-top: 30px !important;
}

.missing-substitutions > .alert {
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.kpi-batches-detail > div:first-of-type {
  margin-top: 10px;
}

.kpi-batches-detail > div {
  margin-bottom: 10px;
}

.kpi-batches-detail > div > div.title {
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 10px;
  margin-bottom: 5px;
}

.kpi-batches-detail > div > div {
  display: flex;
}

.kpi-batches-detail > div > div > div:first-of-type {
  width: 50%;
  padding-left: 25px;
}

.kpi-batches-detail > div > div > div:last-of-type {
  width: 50%;
}

.calc-components {
  width: 250px;
}

.calc-components .var-ball,
label > .var-ball {
  color: white;
  font-weight: bold;
}

.calc-components .var-ball .ball,
label > .var-ball .ball {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.calc-components .formula {
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  padding: 15px;
}

.calc-components .component-desc {
  width: 45%;
  text-align: right;
  padding-right: 10px;
}

.calc-components .component-var {
  width: 10%;
}

.calc-components .component-val {
  width: 45%;
  padding-left: 10px;
}

.general-dates-container {
  display: flex;
  min-width: 420px;
  margin-right: 0px !important;
  margin-left: 10px !important;
}

.general-dates-container > button {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 10px !important;
}

.scrollable-modal-div {
  max-height: 200px;
  overflow: auto;
  margin-top: 10px;
}

.ems-cinema {
  width: 100%;
  height: 100%;
  font-family: "Noto Sans";
  display: flex;
  flex-direction: column;
}

.ems-cinema-header {
  background-color: #8aae26;
  display: flex;
  padding: 20px 30px 20px 30px;
}

.ems-cinema-header > div:first-of-type {
  display: flex;
  flex-direction: column;
}

.ems-cinema-zeroco2-logo {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.ems-cinema-zeroco2-logo > img {
  height: 50px;
}

.ems-cinema-greeting {
  font-size: 20px;
}

.ems-cinema-monitored-ems {
  font-size: 30px;
}

.ems-cinema-content {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  background-color: #262626;
  height: 100%;
  overflow: hidden;
}

.ems-cinema-map {
  flex: 1;
  border-radius: 25px;
  overflow: hidden;
  margin: 40px 10px 40px 60px;
  pointer-events: none !important;
}

.ems-cinema-values {
  flex: 1;
  justify-content: space-evenly;
  /* flex-wrap: wrap; */
  /* align-items: stretch; */
  flex-direction: column;
  display: flex;
  margin: 40px 60px 40px 10px;
}

.ems-cinema-values > div {
  display: flex;
  flex-direction: row;
  flex: 1;
}

.ems-cinema-values-box {
  background-color: #5b5b5b;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 25px;
  padding: 30px 20px;
  margin: 5px 15px;
  min-height: 150px;
  min-width: 310px;
}

div.ems-cinema-values > div:first-of-type {
  margin-bottom: 15px;
  margin-top: 0px;
}

div.ems-cinema-values > div:last-of-type {
  margin-top: 15px;
  margin-bottom: 0px;
}

.ems-cinema-values-box > div > span.value,
.ems-cinema-values-box.green > div > div > span.value {
  font-size: 50px;
}

.ems-cinema-values-box > div > span.unit,
.ems-cinema-values-box.green > div > div > span.unit {
  font-size: 18px;
}

.ems-cinema-values-box > div.desc,
.ems-cinema-values-box.green > div > div.desc {
  font-size: 13px;
}

.ems-cinema-values-box.green {
  background-color: #8aae26;
  color: white;
  display: flex;
  flex-direction: row;
}

.ems-cinema-values-box.green > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ems-cinema-values-box.green > div.trees {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.trees-icons > i {
  font-size: 18px;
  margin-right: 5px;
}

.tree-ghost {
  opacity: 0.5;
}

td.stat-column > div {
  justify-content: end;
}

td.stat-column > div > div {
  text-wrap-mode: nowrap;
}

.kit-filtler-cont {
  display: flex;
  height: 34px;
}

.group-select {
  width: 20%;
  z-index: 1001;
}

.scheduler-disabled {
  min-height: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  width: 50%;
}
.scheduler-override-add,
.scheduler-segments-edit,
.mgp-params-edit-buttons {
  width: 100%;
  text-align: right;
}
.mgp-params-edit-buttons {
  margin-bottom: 20px;
}
.scheduler-segments-edit > span {
  font-weight: 400;
  cursor: pointer;
  margin-right: 10px;
}
.scheduler-segments-edit > span.pull-left {
  margin-left: 85px;
}
.scheduler-segments-edit > span.selected {
  cursor: not-allowed;
  color: #d5d5d7 !important;
}
.scheduler-segments-edit > span:last-of-type {
  margin-right: 70px;
}
.scheduler-segments-edit > div {
  margin: 5px 70px 0px 85px;
  display: flex;
  flex-direction: column;
}
.scheduler-segments-edit > div > div {
  width: 100%;
}
.scheduler-segments-edit > div div.current-segment {
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.scheduler-segments-edit > div div.current-segment > i.fa-times {
  cursor: pointer;
  margin-left: auto;
  font-size: 18px;
  color: #e74c3c;
}
.scheduler-segments-edit > div div.add-segment {
  display: flex;
}
.scheduler-segments-edit > div div.add-segment > button {
  width: 15% !important;
  margin-left: auto !important;
}
.scheduler-override-add > div > button[disabled],
.scheduler-override-add > div > button[disabled]:hover,
.scheduler-segments-edit > div div.add-segment > button[disabled],
.scheduler-segments-edit > div div.add-segment > button[disabled]:hover {
  background-color: #d5d5d7 !important;
  color: #908f94 !important;
}
.scheduler-segments-edit > div div.current-segment > div,
.scheduler-segments-edit > div div.add-segment > div {
  width: 15%;
  margin-right: 10px;
}
.scheduler-segments-edit > div div.current-segment > div > .error,
.scheduler-segments-edit > div div.add-segment > div > .error {
  color: #e74c3c !important;
  border: 1px #e74c3c solid !important;
}
.scheduler-segments-edit > div > div.edits-buttons {
  margin-top: 15px;
}
.scheduler-segments-edit > div > div.edits-buttons > button {
  width: 15% !important;
  margin-left: 10px !important;
}
.scheduler-segments-edit > div > div.edits-buttons > button.btn.cancel {
  background-color: #d5d5d7 !important;
  color: white !important;
}
.scheduler-override-add > div {
  margin: 15px 30px 0px 30px;
  display: flex;
}
.scheduler-override-add > div > div {
  width: 15%;
  margin-left: auto;
}
.scheduler-override-add > div > button {
  width: 15%;
  margin-left: 10px !important;
}
.recap .gantt-chart {
  height: 220px !important;
}
.gantt-chart {
  height: 150px;
}

.widget-type .widget-content.widget-scheduler .hpanel > div {
  flex: none;
}

.widget-type .widget-content.widget-scheduler .panel-body {
  max-height: none !important;
}

/*BEGINNING @media CSS*/

@media (max-width: 320px) {
  #wrapper {
    overflow: hidden;
  }
}

@media (max-width: 400px) {
  .share-input {
    width: 100% !important;
    margin: 0;
  }

  .widget-type .hpanel .panel-body {
    min-height: 250px;
  }

  .new-widget {
    flex: 1;
  }

  .new-widget .add-widget-button-cont {
    max-height: 100%;
  }

  .new-widget .add-widget-button-cont button {
    width: 45%;
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
  }

  .fa-radar::after,
  .fa-scatter::after,
  .fa-photovoltaic:after {
    left: 48px;
  }

  .new-widget .asset-list {
    flex: 1;
  }

  .new-widget .asset-list {
    min-height: 100%;
    overflow-y: scroll;
  }

  .new-widget .asset-list .table-responsive,
  .new-widget .asset-list > div {
    height: 100% !important;
    max-height: none;
  }

  .m-t-10-xs {
    margin-top: 10px;
  }

  .no-pd-xs {
    padding: 0 !important;
  }

  #menu {
    margin-left: -190px !important;
  }

  .announcement {
    margin-left: 0px;
  }

  .announcement > .column > .title {
    flex-direction: column;
  }

  .announcement > .column > .title > div:first-of-type {
    margin-left: 0 !important;
  }

  .announcement > button {
    position: absolute;
    right: 0px;
    top: 70px;
  }

  #wrapper {
    margin-left: 0 !important;
  }

  .boom-cb-cont .boom-cb {
    width: 25px;
    height: 25px;
  }

  .table-header > div {
    display: flex;
    align-items: center;
  }

  .table-header .th-name {
    width: 60%;
  }

  .table-header .th-checked {
    width: 40% !important;
    margin-left: auto;
    justify-content: flex-end;
  }

  .asset-list .th-name {
    width: 80%;
  }

  .asset-list .th-checked {
    width: 20%;
  }

  .asset-list .th-checked,
  .table-header .th-checked {
    padding-right: 15px !important;
  }

  .modal-content.mobile-modal,
  .modal-content,
  .modal-dialog,
  .modal-body.new-widget,
  .modal-content.mobile-modal .modal-body {
    display: flex;
    flex-direction: column;
    min-height: 400px;
    /*overflow: auto;*/
  }

  .modal-content.mobile-modal .modal-body {
    flex: 1;
  }

  .modal-content .modal-header,
  .modal-content .modal-footer,
  .modal-content.mobile-modal .modal-footer,
  .modal-content.mobile-modal .modal-header {
    min-height: 80px;
    padding: 5px 10px;
    flex-wrap: wrap;
    /*z-index: 2000;*/
  }

  .modal-content .modal-header,
  .modal-content.mobile-modal .modal-header {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .modal-content .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end !important;
  }

  .modal-content.mobile-modal .permission {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    display: flex;
  }

  .modal-content.mobile-modal .username {
    display: flex;
    flex-direction: column;
    width: 60%;
    padding-left: 10px;
  }

  .modal-content.mobile-modal .username > span:first-child {
    margin-bottom: 5px;
  }

  .modal-content.mobile-modal .modal-header h4,
  .modal-content .modal-header h4 {
    font-size: 24px !important;
  }

  .modal-content.mobile-modal .permission-cont {
    flex: 1;
    max-height: initial;
    min-height: 200px;
  }

  .modal-content.mobile-modal .error-cont {
    padding: 0;
  }

  .modal-dialog {
    margin: 0 !important;
  }

  .modal-content,
  .modal-dialog {
    min-height: 100%;
  }

  .modal-body {
    padding: 10px !important;
    display: flex;
  }

  .modal-content.cf .modal-footer,
  .modal-content.cf .modal-header {
    min-height: 80px;
    padding: 10px !important;
  }

  .modal-body p {
    font-size: 14px;
  }

  .modal-body .share-add-btn {
    width: 100%;
    margin-top: 10px;
  }

  .form-group .col-xs-6 {
    margin-bottom: 5px;
  }

  .content {
    padding: 10px !important;
  }

  .hpanel .panel-body {
    padding: 5px !important;
  }

  .xs-hidden,
  .amcharts-export-menu {
    display: none !important;
  }

  .hpanel {
    margin-bottom: 20px;
  }

  .panel-body {
    padding: 10px !important;
  }

  [class*="col-xs-"] {
    padding: 10px;
  }

  .editSignal .form-group {
    margin-bottom: 10px;
  }

  .editSignal .hpanel .panel-body .form-group > :not(label) {
    min-height: 34px;
    height: auto;
  }

  .editSignal .form-group label {
    margin-bottom: 5px;
  }

  .no-pd-lr-xs {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .mg-t-xs {
    margin-top: 10px;
  }

  .title-m-t-xs {
    margin-top: 15px !important;
  }

  .no-pd-xs {
    padding: 0 !important;
  }

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

  .editSignal .digital-condition > div {
    width: 45%;
  }

  .editSignal .digital-condition > div:first-child {
    width: 100%;
    margin-bottom: 8px;
  }

  .signal-label > div.description {
    width: 85% !important;
  }

  .signal-label > div.calc {
    width: 28.333333333%;
  }

  .signal-label > div.calc.first {
    margin-left: 15%;
    padding-left: 10px;
  }

  #wrapper {
    min-width: 100% !important;
  }
}

@media (max-width: 420px) {
  .login-container,
  .lock-container {
    margin: auto 10px;
  }

  .register-container,
  .login-container {
    padding-top: 33% !important;
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  .register-container,
  .login-container {
    padding-top: 20% !important;
  }
}

@media (max-width: 529px) {
  .widget-type .hpanel .panel-body {
    min-height: 250px;
  }
}

@media (max-width: 620px) {
  .error-container {
    margin: auto 10px;
  }
}

@media (max-width: 641px) {
  .widget-content {
    height: 270px !important;
  }
}

@media (max-width: 720px) {
  .register-container {
    margin: auto 10px;
  }

  .lock-container {
    padding-top: 15%;
  }
}

@media (max-width: 767px) {
  .general-dates-container {
    min-width: auto;
  }

  .pull-right-xs {
    margin-left: auto !important;
    float: right !important;
  }

  .img-profile-xs-view {
    width: 150px !important;
    height: 150px !important;
  }

  .panel-cont > div:not(:first-child):not([class*="xs-12"]) {
    padding-left: 15px;
  }

  .form-group div.col-xs-12:not(:last-child),
  .form-group div.col-xs-12:only-child {
    margin-bottom: 10px;
  }

  .compare-cont:nth-child(2) {
    border-top: 1px solid #ccc;
    padding-top: 15px;
  }
}

@media (max-width: 768px) {
  .group-select {
    width: 100%;
  }

  .title-list h2 {
    white-space: nowrap;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
  }

  .dashboard .edit-title-input {
    font-size: 22px;
  }

  .modal-dialog .modal-content {
    margin-top: auto;
    margin-bottom: auto;
  }

  .modal-content {
    max-width: 100vw;
  }

  .modal-body .report-loading {
    width: 100vw;
  }

  .modal-footer .btn + .btn {
    margin: 5px 5px;
    min-width: 92px;
  }

  .new-partial div {
    display: block;
  }

  .new-partial .ui-select-container,
  .new-partial .btn-primary,
  .new-partial div input {
    margin-top: 5px;
  }

  .new-partial .btn-primary,
  .new-partial div input,
  .new-partial div div {
    width: 100% !important;
  }

  .hidden-responsive {
    display: none !important;
  }

  #side-menu {
    min-height: inherit;
  }

  #side-menu li .nav-second-level li a {
    padding: 10px 10px 10px 50px !important;
  }

  .fa-stack {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
  }

  .info-cont .row {
    display: flex;
    align-items: center;
    flex: 1;
    min-height: 60px;
  }

  .info-cont .row > span,
  .info-cont .row > div {
    justify-content: flex-end;
  }

  .info-cont .row > label,
  .info-cont .row > div,
  .info-cont .row > span {
    display: flex;
    align-items: center;
    margin: 0;
  }

  .info-cont [class*="col-xs"],
  .form-cont-list [class*="col-xs"] {
    padding: 0 5px;
  }

  .form-horizontal .control-label {
    padding-bottom: 10px;
  }

  .title-list > span {
    font-size: 30px;
  }

  .clear-both {
    clear: both;
  }

  .panel-heading.row input {
    float: left;
    width: 50%;
  }

  .element-list-responsive div[ng-repeat] {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    width: inherit;
  }

  .element-list-responsive .title {
    background-color: #00b8e6;
    padding: 10px 15px;
    font-size: 26px;
  }

  .element-list-responsive .title a {
    color: white !important;
  }

  .reports-history {
    padding: 0px 15px 40px 15px;
  }

  .input-in-list {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 5px;
    line-height: 2;
    font-weight: 400;
    font-size: 20px;
    width: 100%;
  }

  .labelize-in-list {
    background: none !important;
    border: none !important;
    pointer-events: none !important;
    padding-left: 0;
    font-weight: 400;
    font-size: 26px;
    width: 100%;
    color: white !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .element-list-responsive .star .fa-stack {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    font-size: 35px !important;
  }

  .element-list-responsive .eye .fa-stack {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    font-size: 30px !important;
    cursor: pointer;
  }

  .element-list-responsive .block-footer .last_com_info {
    padding: 5px;
  }

  .element-list-responsive .description {
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    background-color: #f7f9fa;
  }

  .element-list-responsive .description > * {
    float: left;
    height: 40px;
    line-height: 40px;
  }

  .element-list-responsive .description > p {
    padding-left: 10px;
    margin: 0;
  }

  .element-list-responsive .block-footer {
    padding: 10px 15px;
    background: white;
    min-height: 60px;
  }

  .element-list-responsive .last-com {
    float: left;
    margin-bottom: 10px;
  }

  .element-list-responsive .last-com span,
  .element-list-responsive .last_com_info span {
    color: #0063c0;
  }

  .element-list-responsive .labels {
    float: left;
  }

  .element-list-responsive .labels span {
    display: inline-block;
    margin: 2px;
    margin-left: 0;
    padding: 4px;
  }

  .element-list-responsive .container-pagination {
    text-align: center;
  }

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

  .forum-box .forum-info {
    text-align: left;
  }

  .blog-article-box .panel-body {
    padding: 10px 20px;
  }

  .blog-article-box .panel-body p {
    font-family: "Times New Roman", Georgia, Serif;
    font-size: 16px;
    line-height: 28px;
  }

  .blog-article-box .panel-heading {
    padding: 20px 20px;
  }

  .projects .project-info {
    text-align: left;
  }

  .normalheader {
    padding: 15px 15px 0px 15px;
  }

  .navbar-form-custom,
  .navbar-right,
  #logo {
    display: none;
  }

  .navbar-static-top {
    margin: 0;
  }

  .small-logo {
    display: block;
    float: left;
  }

  .header-line div {
    display: none;
  }

  .color-demo .header-line {
    height: 48px;
  }

  #hbreadcrumb {
    float: none !important;
    margin-bottom: 10px;
    margin-top: 0;
  }

  .element-list {
    display: none;
  }

  .element-list-responsive {
    display: block;
  }

  .fixed-footer .footer {
    left: 0;
  }

  .fixed-footer.show-sidebar .footer {
    left: 181px;
  }

  .content {
    padding: 15px 15px 15px 15px;
    min-width: 320px;
  }

  /*.title-search {
    margin-bottom: 0;
  }
  .title-search>div:first-of-type {
    min-height: 110px;
  }*/
  .copy-buttons button {
    width: 75%;
  }

  .btn-search-cont > div:nth-child(1) {
    order: 1;
  }

  .form-group .col-sm-6 {
    margin-bottom: 5px;
  }

  .no-pd-xs {
    padding: 0 !important;
  }

  .m-t-10-sm {
    margin-top: 10px;
  }

  .controls-cont > div {
    width: 100%;
    margin-bottom: 10px;
  }

  .controls-cont > div:last-child {
    width: 100%;
  }

  .no-pd-sm {
    padding: 0 !important;
  }

  .btn-filter-cont:after {
    clear: both;
    content: "";
    display: table;
  }

  .col-alarm {
    float: left;
    width: 25%;
    padding: 2px;
  }

  .col-alarm span {
    color: #0073df;
  }

  .block-footer:after {
    clear: both;
    content: "";
    display: table;
  }

  .alarm-title {
    color: white;
    font-weight: normal;
  }

  .element-list-responsive .title.alarm-new-resp,
  .alarm-new-resp {
    background-color: #c0392b !important;
  }

  .element-list-responsive .title.alarm-active-resp,
  .alarm-active-resp {
    background-color: #ea6557 !important;
  }

  .element-list-responsive .title.alarm-off-resp,
  .alarm-off-resp {
    background-color: #ffb606 !important;
  }

  .element-list-responsive .title.alarm-solved-resp,
  .alarm-solved-resp {
    background-color: #62cb31 !important;
  }

  .second-step,
  .title-m-t-xs {
    margin-top: 15px !important;
  }

  .amcharts-export-menu {
    display: none !important;
  }

  .mg-tb-xs {
    margin: 10px 0;
  }

  .navbar-right {
    display: block !important;
  }

  .navbar-nav {
    margin: 0;
    float: right;
  }

  .navbar-nav > li {
    float: left;
    width: 70px;
    display: block;
  }

  #icon-menu.dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: auto;
    right: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 1060;
  }

  .show-if span {
    font-size: 9px;
  }

  .show-if {
    width: 20% !important;
  }
}

@media only screen and (min-width: 768px) {
  .vertical-timeline-content h2 {
    font-size: 18px;
  }

  .vertical-timeline-content p {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  .absolute-widget-loading {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 50px;
  }

  .element-list {
    display: block;
  }

  .element-list-responsive {
    display: none;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .title-list h2 {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
  }

  #header .upgrade-cont {
    margin-left: 180px;
  }

  body.hide-sidebar #header .upgrade-cont {
    margin-left: 0;
  }

  .pull-right-sm {
    margin-left: auto !important;
    float: right !important;
  }

  .panel-cont > div:not(:first-child):not([class*="sm-12"]) {
    padding-left: 15px;
  }

  .form-group div.col-sm-12:not(:last-child),
  .form-group div.col-sm-12:only-child {
    margin-bottom: 10px;
  }

  .compare-cont:nth-child(2) {
    border-top: 1px solid #ccc;
    padding-top: 15px;
  }
}

@media (min-width: 992px) {
  .nav-users {
    position: fixed;
  }

  .modal-lg {
    width: 1000px;
  }
}

@media (max-width: 992px) {
  .chat-users,
  .chat-statistic {
    margin-left: 0;
  }

  .line {
    margin-top: 10px;
  }
}

@media (min-width: 993px) and (max-width: 1200px) {
  .title-list h2 {
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 28px;
  }
  .panel-cont > div:not(:first-child):not([class*="md-12"]) {
    padding-left: 15px;
  }

  .form-group div.col-md-12:not(:last-child),
  .form-group div.col-md-12:only-child {
    margin-bottom: 10px;
  }

  .compare-cont:nth-child(2) {
    border-left: 1px solid #ccc;
  }
}

@media (max-width: 1024px) {
  .faked-title-button {
    margin-top: auto !important;
    margin-left: 0px !important;
    max-width: none !important;
    margin-bottom: 16px !important;
  }
}

@media (min-width: 1025px) {
  .faked-title-button {
    margin-top: auto !important;
    margin-left: 10px !important;
    max-width: 200px !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1200px) {
  .no-pd-lg {
    padding: 0 !important;
  }

  .btn-validate,
  .second-step {
    margin-top: 15px;
  }
}

@media (min-width: 1201px) {
  .panel-cont > div:not(:first-child):not([class*="lg-12"]) {
    padding-left: 15px;
  }

  .form-group div.col-lg-12:not(:last-child),
  .form-group div.col-lg-12:only-child {
    margin-bottom: 10px;
  }

  .compare-cont:nth-child(2) {
    border-left: 1px solid #ccc;
  }
}

@media (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
  .icheckbox_square-green,
  .iradio_square-green {
    background-image: url("https://storage.googleapis.com/databoom-app/images/css/green%402x.png");
    -webkit-background-size: 240px 24px;
    background-size: 240px 24px;
  }
}

@media screen and (min-width: 0\0) {
  .login-container .hpanel .panel-body {
    min-height: 305px;
  }
}

/*END @media CSS*/