.recorder-bar {
  width: 100%;
}

.platform-ios .recorder-bar {
  position: absolute; 
  top: 44px;
}

.platform-ios .recorder-content {
  top: 200px !important;
}

.platform-android .recorder-bar {
  position: absolute; 
  top: 68px;
}

.platform-android .recorder-content {
  top: 224px !important;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
  height: 68px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > *:not(.title) {
  margin-top: 24px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) .title {
  top: 24px !important;
  height: 44px;
  line-height: 44px;
}

.platform-ios.platform-cordova .bar-header:not(.bar-subheader) production-edit-save-button {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  z-index: 2;
}

.platform-ios.platform-cordova .bar-header:not(.bar-subheader) production-edit-save-button .button {
  min-height: 44px;
  height: 44px;
  line-height: 44px;
}

.platform-ios.platform-cordova .bar-header:not(.bar-subheader) production-edit-title .title {
  right: 80px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) production-edit-save-button {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  z-index: 2;
  margin-top: 24px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) production-edit-save-button .button {
  min-height: 44px;
  height: 44px;
  line-height: 44px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) production-edit-title .title {
  right: 80px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
  margin-top: 23px !important;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-subheader,
.platform-android.platform-cordova:not(.fullscreen) .has-header {
  top: 68px;
}

.platform-android.platform-cordova:not(.fullscreen) .has-subheader {
  top: 112px;
}

.platform-android.platform-cordova:not(.fullscreen) .scroll-content {
  bottom: 48px;
}

.platform-android.platform-cordova:not(.fullscreen) .bar-footer {
  bottom: 48px;
}

.platform-android.platform-cordova:not(.fullscreen) .has-footer {
  bottom: 92px;
}

.platform-android.platform-cordova:not(.fullscreen) .action-sheet-wrapper {
  bottom: 48px;
}

.platform-android.platform-cordova:not(.fullscreen) .popup-container,
.platform-android.platform-cordova:not(.fullscreen) .loading-container {
  bottom: 48px;
}

em {
  font-style: italic;
}

.popover {
    height: auto !important;
}
.popover ion-header-bar {
    position: relative;
}
.popover ion-content {
    top: 0;
    position: relative;
}

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

.row-no-padding > .col {
  padding: 5px;
}

.b-light {
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: #ede1e2;
  border-width: 1px;
  background: #f1f1f2;
}

.text-muted {
  color: #777;
}

.text-xxs {
  font-size: 10px
}

.text-xs {
  font-size: 12px
}

.text-sm {
  font-size: 14px
}

.font-thin {
  font-weight: 300
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0
}

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

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

.p-b-none {
  padding-bottom: 0 !important;
}

/* Configurazione responsive - Charts */
.svg-container { 
	display: inline-block;
	position: relative;
	width: 100%;
  padding-bottom: 100%;
	vertical-align: middle; 
	overflow: hidden;
}

.svg-content { 
	display: inline-block;
	position: absolute;
  height: 100%; 
  width: 100%; 
	top: 0;
	left: 0;
}

/* Parametri Knob */
.knob-value {
  font-size: 22px;
  font-weight: 300;
}

.popup-lg > .popup {
  width: 80%;
}

.slider {
  padding-bottom: 15px;
}

.slider-pager {
  top: initial;
  bottom: 5px;
  font-size: 10px;
}

/* Forms Error */
.form-errors {
  margin: 5px 0
}

.form-error {
  padding: 2px 0 2px 16px;
  color: red;
}

/* multi select */
textarea.multi-select-input[readonly]{
  background-color: transparent;
  cursor: text;
  resize: none;
}

.multi-select-footer-list {
  white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.multi-select-footer-list-item {
  display: inline;
}

.platform-ios.platform-cordova .bar-footer {
  bottom: 34px;
}

.platform-ios.platform-cordova .has-footer {
  bottom: 78px;
}

.platform-ios.platform-cordova ion-nav-view.view-container {
  top: 20px !important;
}

/* Hybrid bridge: legacy $ionicModal selectors opened from Angular modals (animal EID picker,
   multi-select pickers) must render above the Angular shell modal host (z-index 1000). */
.modal-backdrop,
.modal-backdrop-bg {
  z-index: 1100;
}

.modal {
  z-index: 1101;
}

/* group edit popup */
input.group-edit-input[readonly]{
  background-color: transparent;
  cursor: text;
}

input.readonly[readonly]{
  background-color: transparent;
  cursor: text;
}

/* Reset Field */
input.reset-field { 
  padding-right: 20px; 
}

.reset-field-icon {
  position: absolute;
  right: 6px;
  top: 22px;
  margin: 0px;
  color: #aaa;
}

/* Item disabled style */
.item[disabled=disabled] { 
  opacity: 0.4; pointer-events: none;
}

/** Styling for the error **/
label.item.has-error {  
  border-bottom: 2px solid red;
}

/* Bullet List */
ul,ol .bullet {
  list-style-type: disc; 
  padding-left: 20px;
}

/* Group List color label */
.list.color-list-demo .item {
  padding: 14px 15px 14px 15px; }
.color-demo {
  float: right;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
}
.ionic .light-bg {
  background-color: #fff; }
.ionic .light-border {
  border-color: #ddd; }
.ionic .stable-bg {
  background-color: #f8f8f8; }
.ionic .stable-border {
  border-color: #b2b2b2; }
.ionic .positive-bg {
  background-color: #387ef5; }
.ionic .positive-border {
  border-color: #0c60ee; }
.ionic .calm-bg {
  background-color: #11c1f3; }
.ionic .calm-border {
  border-color: #0a9dc7; }
.ionic .assertive-bg {
  background-color: #ef473a; }
.ionic .assertive-border {
  border-color: #e42112; }
.ionic .balanced-bg {
  background-color: #33cd5f; }
.ionic .balanced-border {
  border-color: #28a54c; }
.ionic .energized-bg {
  background-color: #ffc900; }
.ionic .energized-border {
  border-color: #e6b500; }
.ionic .royal-bg {
  background-color: #886aea; }
.ionic .royal-border {
  border-color: #6b46e5; }
.ionic .dark-bg {
  background-color: #444; }
.ionic .dark-border {
  border-color: #111; }

/* Animazione per il caricamento dei grafici */
.chart-animate.ng-enter, .animate-if.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.chart-animate.ng-enter,
.chart-animate.ng-leave.ng-leave-active {
  opacity:0;
}

.chart-animate.ng-leave,
.chart-animate.ng-enter.ng-enter-active {
  opacity:1;
}

/* Stile NVD3 */
.nvd3 text {
  font: normal 12px !important;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 200;
}

.title .h4 {
  font: normal 12px !important;
  font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: 200 !important;
}

/* Signin view */
.signin-logo {
  vertical-align: middle;
}

.treatment-status {
  font-size: 24px;
}

.accessory-image {
  max-height: 60px !important;
}

.accessory-item {
  min-height: 80px !important;
}

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

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