/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#navTools button {
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, .2, 1);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, .2, 1);
  transition: opacity 0.5s cubic-bezier(0, 0, .2, 1);
}

.navToolHidden {
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, .2, 1);
  -o-transition: opacity 0.4s cubic-bezier(0, 0, .2, 1);
  transition: opacity 0.4s cubic-bezier(0, 0, .2, 1);
}

#progress {
  -webkit-transition: height 1s linear;
  -o-transition: height 1s linear;
  transition: height 1s linear;
}

#progress.progressCancel {
  -webkit-transition: height 0.6s  cubic-bezier(0, 0, .2, 1);
  -o-transition: height 0.6s  cubic-bezier(0, 0, .2, 1);
  transition: height 0.6s  cubic-bezier(0, 0, .2, 1);
}

body {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.progressOverdue, body {
  -webkit-transition: height 0.3s cubic-bezier(0, 0, .2, 1), background-color 1s ease-in-out;
  -o-transition: height 0.3s cubic-bezier(0, 0, .2, 1), background-color 1s ease-in-out;
  transition: height 0.3s cubic-bezier(0, 0, .2, 1), background-color 1s ease-in-out;
}

.progressActive {
  -webkit-transition: height 0.3s cubic-bezier(0, 0, .2, 1), background-color 0.3s cubic-bezier(0, 0, .2, 1);
  -o-transition: height 0.3s cubic-bezier(0, 0, .2, 1), background-color 0.3s cubic-bezier(0, 0, .2, 1);
  transition: height 0.3s cubic-bezier(0, 0, .2, 1), background-color 0.3s cubic-bezier(0, 0, .2, 1);
}

#buttonScreen {
  -webkit-transition: opacity 0.6s cubic-bezier(0, 0, .2, 1), -webkit-transform 0.4s cubic-bezier(0, 0, .2, 1);
  transition: opacity 0.6s cubic-bezier(0, 0, .2, 1), -webkit-transform 0.4s cubic-bezier(0, 0, .2, 1);
  -o-transition: transform 0.4s cubic-bezier(0, 0, .2, 1), opacity 0.6s cubic-bezier(0, 0, .2, 1);
  transition: transform 0.4s cubic-bezier(0, 0, .2, 1), opacity 0.6s cubic-bezier(0, 0, .2, 1);
  transition: transform 0.4s cubic-bezier(0, 0, .2, 1), opacity 0.6s cubic-bezier(0, 0, .2, 1), -webkit-transform 0.4s cubic-bezier(0, 0, .2, 1);
}

#timer-div {
  -webkit-transition-property: opacity, font-size, line-height, top, text-shadow;
  -o-transition-property: opacity, font-size, line-height, top, text-shadow;
  transition-property: opacity, font-size, line-height, top, text-shadow;
  -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
          transition-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

#cancel-div {
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, .2, 1);
  -o-transition: opacity 0.4s cubic-bezier(0, 0, .2, 1);
  transition: opacity 0.4s cubic-bezier(0, 0, .2, 1);
}

 #cancel-button {
  -webkit-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

#settings-cover {
  -webkit-transition: opacity 0.3s cubic-bezier(0, 0, .2, 1);
  -o-transition: opacity 0.3s cubic-bezier(0, 0, .2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, .2, 1);
}

#settings-cover.settingsShow {
  -webkit-transition: opacity 0.5s 0.1s cubic-bezier(0, 0, .2, 1);
  -o-transition: opacity 0.5s 0.1s cubic-bezier(0, 0, .2, 1);
  transition: opacity 0.5s 0.1s cubic-bezier(0, 0, .2, 1);
}

#email-clients-list, .timer-inputs-list {
  -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
          transition-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: max-height, color, background-color;
  -o-transition-property: max-height, color, background-color;
  transition-property: max-height, color, background-color;
}

.mdl_list, .mdl-list__item, .mdl-list__item-primary-content {
  -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
          transition-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: color, background-color, transform;
  -o-transition-property: color, background-color, transform;
  transition-property: color, background-color, transform;
}

#settingsScreen.open {
  -webkit-transition: transform 0.5s cubic-bezier(0, 0, .2, 1);
  /* -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
          transition-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-property: color, background-color, transform;
  -o-transition-property: color, background-color, transform;
  transition-property: color, background-color, transform; */
}


#settingsScreen {
  -webkit-transition: transform 0.3s cubic-bezier(0, 0, .2, 1);
}

/* #settingsScreen.open {
  -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
       -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
          transition-timing-function: cubic-bezier(0, 0, .2, 1);
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
  -webkit-transition-property: color, background-color, transform;
  -o-transition-property: color, background-color, transform;
  transition-property: color, background-color, transform;
} */