/**/

.left-margin {
  margin-left: 4px;
  float: left;
}

.right-margin {
  margin-right: 4px;
  float: right;
}

.page__content.no-scroll {
  overflow: hidden;
}

.page .activeElementForAS {
  background-color: rgba(0, 0, 0, .06);
}

.page .button.activeElementForAS {
  background-color: rgba(0, 0, 0, .16);
}

.active-item {
  background-color: rgba(0, 0, 0, .06);
}

.toolbar__right {
  width: 70%;
  max-width: 100%;
}

.toolbar__right .toolbar-button:last-of-type {
  margin-right: 4px;
}

/* #Tab1 ons-icon {
  color: #333;
} */

/* .toolbar {
  background-color: #333;
}

.toolbar ons-icon, .toolbar-button {
  color: #FFF;
}

.back-button__icon, .back-button--material__icon {
  fill: #FFF;
} */

.button--large {
  padding: 4px 12px;
  line-height: 37px;
}

.toolbar__left .toolbar-button {
  margin-left: 4px;
  margin-right: 4px;
}

.toolbar__left .back-button {
  margin-left: 4px;
}

.toolbar-button--material {
  font-size: 17px;
  line-height: 56px;
  vertical-align: top;
}

.pull-hook ons-progress-circular {
  margin-top:11px;
  margin-bottom:10px;
}

ons-search-input {
  width:100%;
  position:relative;
  /* z-index:10; */
  margin: 0;
  height: 48px;
}

.idle-item {
  display: none;
  /* height:47px; */
}

/* .progress-bar__primary {
  background-color: #333;
}

.progress-bar__secondary {
  background-color: rgba(0, 0, 0, .06);
} */

ons-list.carousel-list {
  position:absolute;
  top:50%;
  transform:translate(0,-40%);
  background:none;
  width:100%;
}

ons-list.carousel-list ons-list-item {
  padding: 0;
}

ons-list.carousel-list .list-item__center {
  background: none;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

ons-list.carousel-list .button {
  margin:0 auto;
  min-width: 210px;
  line-height: 30px;
  padding: 10px;
  text-align: center;
}

.button.carousel-forward, .button.carousel-backward {
  position:absolute;
  bottom:30px;  
  color:black;
  border:1px solid black;
  border-radius:50%;
  width:60px;
  height:60px;
  line-height:56px;
  padding:0;
  font-size:20px;
  text-align:center;
}

.button.carousel-forward {
  right:30px;
}

.button.carousel-backward {
  left:30px;
}

.page .button, #filterAS .button {
  background-color: rgba(0, 0, 0, .06);
  color: #333;
}

.page .button.dark, #pictureAS .button.dark {
  color:#FFF;
  background-color: #333;
}

.page .button.filter-button {
  position:absolute;
  display: block;
  z-index:1;
  right:0;
  margin-top:2px;
  margin-right:2px;
  background-color:#ebebeb;
  height:43px;
  padding-top: 0;
  padding-bottom: 0;
}

.page .button.filter-button ons-icon {
  height: 43px;
  line-height: 42px;
}

#tabbarButton2 .tabbar__badge {
  background-color: #999;
}

#Tab1 .button {
  border-radius: 0;
}

#pictureAS .button {
  background-color: rgba(245, 245, 245, .6);
  color: #333;
  padding:0 8px;
}

.point-icon {
  position:absolute;
  z-index:1;
  background-color: red;
  border-radius: 50%;
  border: 1px solid black;
  height: 10px;
  width: 10px;
}

#myProgramsList .button, #programsList .button, #playProgramList .button, #linkedProgramsList .button, #linkedProgramList .button {
  padding:0 6px;
}

.disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.26) !important;
}

#newProgramList .up-down-arrows {
  display:inline-block;
  width:20px;
  vertical-align:middle;
  float:right;
}

#newProgramList .up-down-arrows .button {
  padding:0 4px;
  line-height:20px;
  min-height:20px;
  background:transparent;  
}

#newProgramList .left-col .button {
  margin-left:1px;
  padding:0 6px;
  margin-bottom:5px;
}

#newProgramList .right-col .button {
  padding:0 4px;
}

#programContainer .button {
  padding:0 6px;
  margin-bottom:5px;
  border-radius: 3px;
  background-color: #ccc;
}

#calendarToast .toast {
  padding: 0;
  background-color: rgba(0, 0, 0, .0);
}

#calendarToast .toast .toast__message {
  margin: 0;
}

.dhx_widget, .dhx_calendar-day, .dhx_button--view_link {
  font-family: inherit;
  font-size: 16px;  
}

.dhx_calendar__navigation {
  margin: -4px 2px 8px;
}

.dhx_calendar-weekday {
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
}

.dhx_calendar-day:after, .dhx_calendar-day:before {
  width: 34px;
  height: 34px;
}

.dhx_calendar-day--selected:before {
  background-color: #0076ff;
}

#intensityAux .toast {
  position: fixed;
  background-color: rgba(0, 0, 0, .7);
}

#intensityAux .toast__message {
  margin: 0;
}

#intensityAux .progress-bar__secondary {
  background-color: rgba(255, 255, 255, 0.7);
}

#modeImage {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  margin-top: 6px;
}

#modes .action-sheet, #time .action-sheet, .bottom-stripe {
  background-color: rgb(236, 239, 241);
}

.bottom-stripe {
  position:absolute;
  top:100%;  
  width:100%;
  height:50px;
}

.mode_image {
  width:60px;
  height:60px;
  margin:20px auto 10px auto;
}

.mode_text {
  font-size:8px;
  margin:0px auto 15px auto;
  line-height:8px;
  /* color:#333; */
}

.mode_row {
  text-align: center;
}

.mode_row1 .mode_text {
  margin-bottom: 10px;
}

.mode_row2 .mode_image {
  margin-top: 15px;
}

.search-input, .search-input--material {
  border-radius: 0;
  box-shadow: none;
  padding: 0 50px 0 54px;
}

ons-list.list ons-list.list {
  background-image: none;
}

.expandable-content {
  padding-top: 0;
  padding-left: 0;
}

.expandable-content ons-list-item {
  padding-left: 0;
}

ons-list-item.description {
  font-size: 15px;
}

.progress-circular__primary {
  transition: none;
}

.loading-line {
  display: none;
}

.loading .loading-line, .loading-point {
  display: block;
  float: left;
  width: 60%;
  height: 100%;
  border-radius: 7px;
  background-image: linear-gradient(90deg, #fafafa 0px, rgba(229, 229, 229, 0.8) 40px, #fafafa 80px);
  background-size: 600px;
  animation: shine-line 2s infinite ease-out;
}

.loading:nth-child(even) .loading-line {
  width: 40%;
}

.loading-point {
  width: 45px;
  border-radius: 3px;
}

@keyframes shine-line {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 360px;
  }
}

.iti__flag {background-image: url("../img/flags.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("../img/flags@2x.png");}
}

.error-msg {
  color: red;
}

.hide, .hidden {
  display: none;
}

#loginDialog .dialog {
  min-width: 300px;
  width: 90%;
  overflow: visible;
}

#loginDialog .dialog-container {
  overflow: visible;
  mask-image: none;
  -webkit-mask-image: none;
}

#loginDialog .dialog ons-list {
  overflow: visible;
  background-color: transparent;
  background-image: none; 
}

#loginDialog .dialog ons-list ons-list-item {
  padding: 0 6px;
}