@charset "UTF-8";

@font-face {
  font-family: Pictos Custom;
  font-style: normal;
  font-weight: 400;
  src: url(./ki-fonts/pictos_custom.eot?#iefix) format("embedded-opentype"), url(./ki-fonts/pictos_custom.woff) format("woff"), url(./ki-fonts/pictos_custom.ttf) format("truetype"), url("./ki-fonts/pictos_custom.svg#Pictos Custom") format("svg");
}

@font-face {
  font-family: KareoIcons;
  font-style: normal;
  font-weight: 400;
  src: url(./ki-fonts/KareoIcons.eot?#iefix) format("embedded-opentype"), url(./ki-fonts/KareoIcons.woff) format("woff"), url(./ki-fonts/KareoIcons.ttf) format("truetype"), url(./ki-fonts/KareoIcons.svg#KareoIcons) format("svg");
}

@-webkit-keyframes highlighted {
  0% {
    background-color: transparent;
  }

  50% {
    background-color: #fcfbd4;
  }

  100% {
    background-color: transparent;
  }
}

@-moz-keyframes highlighted {
  0% {
    background-color: transparent;
  }

  50% {
    background-color: #fcfbd4;
  }

  100% {
    background-color: transparent;
  }
}

@-o-keyframes highlighted {
  0% {
    background-color: transparent;
  }

  50% {
    background-color: #fcfbd4;
  }

  100% {
    background-color: transparent;
  }
}

@keyframes highlighted {
  0% {
    background-color: transparent;
  }

  50% {
    background-color: #fcfbd4;
  }

  100% {
    background-color: transparent;
  }
}

@-webkit-keyframes progressLeave {
  from {
    -webkit-transform: translateX(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@-moz-keyframes progressLeave {
  from {
    -moz-transform: translateX(0);
    opacity: 1;
  }

  to {
    -moz-transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes progressLeave {
  from {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes progressEnter {
  from {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}

@-moz-keyframes progressEnter {
  from {
    -moz-transform: translateX(100%);
    opacity: 0;
  }

  to {
    -moz-transform: translateX(0);
    opacity: 1;
  }
}

@keyframes progressEnter {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }

  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slideUpFadeOut {
  from {
    -webkit-transform: translateY(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(-150%);
    opacity: 0;
  }
}

@-moz-keyframes slideUpFadeOut {
  from {
    -moz-transform: translateY(0);
    opacity: 1;
  }

  to {
    -moz-transform: translateY(-150%);
    opacity: 0;
  }
}

@keyframes slideUpFadeOut {
  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  to {
    -webkit-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%);
    opacity: 0;
  }
}

@-webkit-keyframes crossFadeModal {
  from {
    background: rgba(29, 30, 37, .8);
  }

  to {
    background: #edeef1;
  }
}

@-moz-keyframes crossFadeModal {
  from {
    background: rgba(29, 30, 37, .8);
  }

  to {
    background: #edeef1;
  }
}

@keyframes crossFadeModal {
  from {
    background: rgba(29, 30, 37, .8);
  }

  to {
    background: #edeef1;
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0);
  }

  to {
    -moz-transform: rotate(359deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-webkit-keyframes falldown {
  from {
    -webkit-transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(50px);
  }
}

@-moz-keyframes falldown {
  from {
    -moz-transform: translateY(0);
  }

  to {
    -moz-transform: translateY(50px);
  }
}

@keyframes falldown {
  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }
}

@-webkit-keyframes fallup {
  from {
    -webkit-transform: translateY(-50px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fallup {
  from {
    -moz-transform: translateY(-50px);
  }

  to {
    -moz-transform: translateY(0);
  }
}

@keyframes fallup {
  from {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes climbdown {
  from {
    -webkit-transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-50px);
  }
}

@-moz-keyframes climbdown {
  from {
    -moz-transform: translateY(0);
  }

  to {
    -moz-transform: translateY(-50px);
  }
}

@keyframes climbdown {
  from {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}

@-webkit-keyframes climbup {
  from {
    -webkit-transform: translateY(50px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes climbup {
  from {
    -moz-transform: translateY(50px);
  }

  to {
    -moz-transform: translateY(0);
  }
}

@keyframes climbup {
  from {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
  }

  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeIn {
  -webkit-animation: fadein .3s cubic-bezier(.77, 0, .175, 1);
  -moz-animation: fadein .3s cubic-bezier(.77, 0, .175, 1);
  animation: fadein .3s cubic-bezier(.77, 0, .175, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate-fadeout {
  -webkit-animation: fadeout .3s ease-in-out;
  -moz-animation: fadeout .3s ease-in-out;
  animation: fadeout .3s ease-in-out;
}

@-webkit-keyframes shrink {
  from {
    -webkit-transform: scale(1);
  }

  to {
    -webkit-transform: scale(0);
  }
}

@-moz-keyframes shrink {
  from {
    -moz-transform: scale(1);
  }

  to {
    -moz-transform: scale(0);
  }
}

@keyframes shrink {
  from {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }

  to {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes grow {
  from {
    -webkit-transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes grow {
  from {
    -moz-transform: scale(0);
  }

  to {
    -moz-transform: scale(1);
  }
}

@keyframes grow {
  from {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes zBottom {
  0% {
    z-index: 100000;
  }

  50% {
    z-index: 100000;
  }

  100% {
    z-index: 1;
  }
}

@-moz-keyframes zBottom {
  0% {
    z-index: 100000;
  }

  50% {
    z-index: 100000;
  }

  100% {
    z-index: 1;
  }
}

@keyframes zBottom {
  0% {
    z-index: 100000;
  }

  50% {
    z-index: 100000;
  }

  100% {
    z-index: 1;
  }
}

.delay-animation-300 {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

.delay-animation-800 {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  animation-delay: .8s;
}

.delay-animation-1000 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

body,body.medably,html.medably {
  overflow-x: hidden;
}

.medably {
  /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
}

.medably article,.medably aside,.medably details,.medably figcaption,.medably figure,.medably footer,.medably header,.medably hgroup,.medably main,.medably nav,.medably section,.medably summary {
  display: block;
}

hgroup {
  border-bottom: 1px dotted #ccc;
}

.medably video {
  display: inline-block;
}

.medably [hidden] {
  display: none;
}

.medably html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.medably button,.medably html,.medably input,.medably select,.medably textarea {
  font-family: sans-serif;
}

.medably body {
  margin: 0;
}

.medably a:focus {
  outline: thin dotted;
}

.medably a:active,.medably a:hover {
  outline: 0;
}

.medably h1 {
  font-size: 2em;
  margin: .67em 0;
}

.medably h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

.medably h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

.medably h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

.medably h5 {
  font-size: .83em;
  margin: 1.67em 0;
}

.medably h6 {
  font-size: .67em;
  margin: 2.33em 0;
}

.medably abbr[title] {
  border-bottom: 1px dotted;
}

.medably b,.medably strong {
  font-weight: 700;
}

.medably blockquote {
  margin: 1em 40px;
}

.medably dfn {
  font-style: italic;
}

.medably hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

.medably mark {
  background: #ff0;
  color: #000;
}

.medably p,.medably pre {
  margin: 10px 0;
}

.medably code,.medably kbd,.medably pre,.medably samp {
  font-family: monospace, serif;
  font-size: 1em;
}

.medably pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.medably q {
  quotes: none;
}

.medably q:after,.medably q:before {
  content: '';
  content: none;
}

.medably small {
  font-size: 80%;
}

.medably sub,.medably sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.medably sup {
  top: -.5em;
}

.medably sub {
  bottom: -.25em;
}

.medably dl,.medably menu,.medably ol,.medably ul {
  margin: 1em 0;
}

.medably dd {
  margin: 0 0 0 40px;
}

.medably menu,.medably ol,.medably ul {
  padding: 0 0 0 40px;
}

.medably nav ol,.medably nav ul {
  list-style: none;
  list-style-image: none;
}

.medably img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.medably figure {
  margin: 0;
}

.medably form {
  margin: 0;
}

.medably button,.medably input,.medably select,.medably textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

.medably button,.medably input {
  line-height: normal;
}

.medably button,.medably select {
  text-transform: none;
}

.medably button,.medably html input[type=button],.medably input[type=reset],.medably input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

.medably button[disabled],.medably html input[disabled] {
  cursor: default;
}

.medably input[type=checkbox],.medably input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.medably input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.medably input[type=search]::-webkit-search-cancel-button,.medably input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.medably button::-moz-focus-inner,.medably input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.medably textarea {
  overflow: auto;
  vertical-align: top;
}

.medably table {
  border-collapse: collapse;
  border-spacing: 0;
}

.medably .mn {
  margin: 0!important;
}

.medably .ms {
  margin: .5em!important;
}

.medably .mm {
  margin: 1em!important;
}

.medably .mts {
  margin-top: .5em!important;
}

.medably .mtm,.medably .page-title.has-goback .go-back-button {
  margin-top: 1em!important;
}

.medably .mbm {
  margin-bottom: 1em!important;
}

.medably .mls,.medably .stack-box .label {
  margin-left: .5em!important;
}

.medably .mlm {
  margin-left: 1em!important;
}

.medably .mrs,.medably .page-title.has-goback .go-back-button {
  margin-right: .5em!important;
}

.medably .mrm {
  margin-right: 1em!important;
}

.medably .pn {
  padding: 0!important;
}

.medably .pm {
  padding: 1em!important;
}

.medably .stack-box {
  padding-top: .5em!important;
}

.medably .stack-box {
  padding-bottom: .5em!important;
}

.medably .plm {
  padding-left: 1em!important;
}

.medably .nm {
  margin: 0!important;
}

.medably .bt {
  border-top: 1px solid #ecedee;
}

.medably .left,.medably .page-title.has-goback .go-back-button,.medably .page-title.has-goback h1 {
  float: left;
  position: relative;
}

.medably .list.input-list .close,.medably .right {
  float: right;
  position: relative;
}

.medably .aligncenter,.medably .progress .progress-text {
  text-align: center;
}

.medably .hide {
  display: none!important;
}

.medably .full-width {
  width: 100%;
}

.medably .width-1 {
  width: 1em;
}

.medably .width-2 {
  width: 2em;
}

.medably .width-3 {
  width: 3em;
}

.medably .width-4 {
  width: 4em;
}

.medably .width-5 {
  width: 5em;
}

.medably .width-6 {
  width: 6em;
}

.medably .width-7 {
  width: 7em;
}

.medably .width-8 {
  width: 8em;
}

.medably .width-9 {
  width: 9em;
}

.medably .width-10 {
  width: 10em;
}

.medably .width-11 {
  width: 11em;
}

.medably .width-12 {
  width: 12em;
}

.medably .width-13 {
  width: 13em;
}

.medably .width-14 {
  width: 14em;
}

.medably .width-15 {
  width: 15em;
}

.medably .width-16 {
  width: 16em;
}

.medably .width-17 {
  width: 17em;
}

.medably .width-18 {
  width: 18em;
}

.medably .width-19 {
  width: 19em;
}

.medably .width-20 {
  width: 20em;
}

.medably .width-21 {
  width: 21em;
}

.medably .width-22 {
  width: 22em;
}

.medably .width-23 {
  width: 23em;
}

.medably .width-24 {
  width: 24em;
}

.medably .width-25 {
  width: 25em;
}

.medably .width-26 {
  width: 26em;
}

.medably .width-27 {
  width: 27em;
}

.medably .width-28 {
  width: 28em;
}

.medably .width-29 {
  width: 29em;
}

.medably .width-30 {
  width: 30em;
}

.medably .history-list .no-charts,.medably .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.medably .transitioned-1 {
  -webkit-transition: all ease-in-out .1s;
  -moz-transition: all ease-in-out .1s;
  transition: all ease-in-out .1s;
}

.medably .transitioned-1.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-2 {
  -webkit-transition: all ease-in-out .2s;
  -moz-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}

.medably .transitioned-2.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-3 {
  -webkit-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}

.medably .transitioned-3.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-4 {
  -webkit-transition: all ease-in-out .4s;
  -moz-transition: all ease-in-out .4s;
  transition: all ease-in-out .4s;
}

.medably .transitioned-4.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-5 {
  -webkit-transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  transition: all ease-in-out .5s;
}

.medably .transitioned-5.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-6 {
  -webkit-transition: all ease-in-out .6s;
  -moz-transition: all ease-in-out .6s;
  transition: all ease-in-out .6s;
}

.medably .transitioned-6.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-7 {
  -webkit-transition: all ease-in-out .7s;
  -moz-transition: all ease-in-out .7s;
  transition: all ease-in-out .7s;
}

.medably .transitioned-7.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-8 {
  -webkit-transition: all ease-in-out .8s;
  -moz-transition: all ease-in-out .8s;
  transition: all ease-in-out .8s;
}

.medably .transitioned-8.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-9 {
  -webkit-transition: all ease-in-out .9s;
  -moz-transition: all ease-in-out .9s;
  transition: all ease-in-out .9s;
}

.medably .transitioned-9.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .transitioned-10 {
  -webkit-transition: all ease-in-out 1s;
  -moz-transition: all ease-in-out 1s;
  transition: all ease-in-out 1s;
}

.medably .transitioned-10.back {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .spinner {
  -webkit-animation: spin .5s linear infinite;
  -moz-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite;
  height: 20px;
  width: 20px;
  border: 5px solid rgba(0, 0, 0, .2);
  border-left: 5px solid rgba(0, 0, 0, .45);
  border-radius: 100%;
}

.medably .spinner.small {
  height: 15px;
  width: 15px;
}

.medably .spinner.big {
  height: 30px;
  width: 30px;
}

.medably .spinner.primary {
  border-color: #c4e0ea;
  border-left-color: #3998b9;
}

.medably .spinner-message .spinner {
  margin-top: 2px;
}

.medably .loading {
  padding: 3em;
  text-align: center;
}

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

.medably .loading .loading-content {
  margin: 0 auto;
  width: 50%;
}

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

.medably .loading .loading-content .spinner {
  display: inline-block;
}

.medably .loading .loading-content .loading-message {
  margin: -.1em 0 0 1em;
}

.medably .loading.big-load .loading-content .spinner {
  height: 45px;
  width: 45px;
}

.medably .loading.big-load .loading-content .loading-message {
  font-size: 1.5em;
  margin: .25em 1em;
}

.medably img {
  width: 100%;
}

img.form.logo {
  width: 75%;
  margin-top: 40px;
  margin-left: 50%;
  margin-bottom: 20px;
  transform: translateX(-50%);
}

.medably .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.medably .grid-1 {
  display: block;
  float: left;
  width: 6.03015%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.medably .grid-2 {
  display: block;
  float: left;
  width: 14.57286%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  box-flex: 2;
  -webkit-flex: 2 1 auto;
  -moz-flex: 2 1 auto;
  -ms-flex: 2 1 auto;
  flex: 2 1 auto;
}

.medably .grid-3 {
  display: block;
  float: left;
  width: 23.11558%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  box-flex: 3;
  -webkit-flex: 3 1 auto;
  -moz-flex: 3 1 auto;
  -ms-flex: 3 1 auto;
  flex: 3 1 auto;
}

.medably .grid-4 {
  display: block;
  float: left;
  width: 31.65829%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  box-flex: 4;
  -webkit-flex: 4 1 auto;
  -moz-flex: 4 1 auto;
  -ms-flex: 4 1 auto;
  flex: 4 1 auto;
}

.medably .grid-5 {
  display: block;
  float: left;
  width: 40.20101%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  box-flex: 5;
  -webkit-flex: 5 1 auto;
  -moz-flex: 5 1 auto;
  -ms-flex: 5 1 auto;
  flex: 5 1 auto;
}

.medably .grid-6 {
  display: block;
  float: left;
  width: 48.74372%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  box-flex: 6;
  -webkit-flex: 6 1 auto;
  -moz-flex: 6 1 auto;
  -ms-flex: 6 1 auto;
  flex: 6 1 auto;
}

.medably .grid-7 {
  display: block;
  float: left;
  width: 57.28643%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 7;
  -moz-box-flex: 7;
  box-flex: 7;
  -webkit-flex: 7 1 auto;
  -moz-flex: 7 1 auto;
  -ms-flex: 7 1 auto;
  flex: 7 1 auto;
}

.medably .grid-8 {
  display: block;
  float: left;
  width: 65.82915%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  box-flex: 8;
  -webkit-flex: 8 1 auto;
  -moz-flex: 8 1 auto;
  -ms-flex: 8 1 auto;
  flex: 8 1 auto;
}

.medably .grid-9 {
  display: block;
  float: left;
  width: 74.37186%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 9;
  -moz-box-flex: 9;
  box-flex: 9;
  -webkit-flex: 9 1 auto;
  -moz-flex: 9 1 auto;
  -ms-flex: 9 1 auto;
  flex: 9 1 auto;
}

.medably .grid-10 {
  display: block;
  float: left;
  width: 82.91457%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 10;
  -moz-box-flex: 10;
  box-flex: 10;
  -webkit-flex: 10 1 auto;
  -moz-flex: 10 1 auto;
  -ms-flex: 10 1 auto;
  flex: 10 1 auto;
}

.medably .grid-11 {
  display: block;
  float: left;
  width: 91.45729%;
  margin-right: 2.51256%;
  position: relative;
  min-height: 1px;
  -webkit-box-flex: 11;
  -moz-box-flex: 11;
  box-flex: 11;
  -webkit-flex: 11 1 auto;
  -moz-flex: 11 1 auto;
  -ms-flex: 11 1 auto;
  flex: 11 1 auto;
}

.medably .grid-12 {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  min-height: 1px;
}

.medably .grid-12 [class^=grid-]:last-of-type {
  margin-right: 0;
}

.medably .container>.grid-12 {
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  box-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
}

.medably .offset-left-1 {
  margin-left: 8.54271%;
}

.medably .offset-left-2 {
  margin-left: 17.08543%;
}

.medably .offset-left-3 {
  margin-left: 25.62814%;
}

.medably .offset-left-4 {
  margin-left: 34.17085%;
}

.medably .offset-left-5 {
  margin-left: 42.71357%;
}

.medably .offset-left-6 {
  margin-left: 51.25628%;
}

.medably .offset-left-7 {
  margin-left: 59.79899%;
}

.medably .offset-left-8 {
  margin-left: 68.34171%;
}

.medably .offset-left-9 {
  margin-left: 76.88442%;
}

.medably .offset-left-10 {
  margin-left: 85.42714%;
}

.medably .offset-left-11 {
  margin-left: 93.96985%;
}

.medably .offset-right-1 {
  margin-right: 8.54271%;
}

.medably .offset-right-2 {
  margin-right: 17.08543%;
}

.medably .offset-right-3 {
  margin-right: 25.62814%;
}

.medably .offset-right-4 {
  margin-right: 34.17085%;
}

.medably .offset-right-5 {
  margin-right: 42.71357%;
}

.medably .offset-right-6 {
  margin-right: 51.25628%;
}

.medably .offset-right-7 {
  margin-right: 59.79899%;
}

.medably .offset-right-8 {
  margin-right: 68.34171%;
}

.medably .offset-right-9 {
  margin-right: 76.88442%;
}

.medably .offset-right-10 {
  margin-right: 85.42714%;
}

.medably .offset-right-11 {
  margin-right: 93.96985%;
}

.medably body {
  overflow: hidden;
  height: 1000px;
}

.medably .container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 1em;
  position: relative;
  flex: 0 1 auto;
  height: 100%;
}

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

.medably .container.small {
  max-width: 680px;
}

.medably .container.full {
  max-width: 100%;
  padding: 0 2em;
}

.medably * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.medably .sticky {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

.medably {
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
}

p {
  color: #555;
}

.medably body {
  background: #edeef1;
}

.medably h1,.medably h2,.medably h3,.medably h4,.medably h5,.medably h6 {
  font-weight: 600;
  margin-top: 0;
}

.medably h1.has-border,.medably h2.has-border,.medably h3.has-border,.medably h4.has-border,.medably h5.has-border,.medably h6.has-border {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ecedee;
}

.medably h1.success,.medably h2.success,.medably h3.success,.medably h4.success,.medably h5.success,.medably h6.success {
  color: #a9c537;
}

.medably h1.warning,.medably h2.warning,.medably h3.warning,.medably h4.warning,.medably h5.warning,.medably h6.warning {
  color: #f0ad4e;
}

.medably h1.error,.medably h2.error,.medably h3.error,.medably h4.error,.medably h5.error,.medably h6.error {
  color: #ef5024;
}

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

.medably dl {
  margin: 0;
}

.medably dl dt {
  float: left;
}

.medably dl dd {
  margin-left: 6em;
  margin-bottom: .5em;
}

.medably .def-list {
  display: table;
}

.medably .def-list .def-list-row {
  display: table-row;
}

.medably .def-list .def-list-row .def-list-item,.medably .def-list .def-list-row .def-list-term {
  display: table-cell;
  padding: .5em 1em .5em 0;
}

.medably .def-list .def-list-row .def-list-term {
  font-weight: 600;
  vertical-align: top;
  white-space: nowrap;
}

.medably .def-list.full {
  width: 100%;
}

.medably .def-list.fixed-term .def-list-row .def-list-term {
  width: 12em;
}

.medably .panel {
  background: #fff;
  padding: 1em;
  border: 1px solid #e3e4e6;
  border-top: 3px solid #e3e4e6;
  position: relative;
  margin-bottom: 1em;
}

.medably .panel.has-icon {
  padding: .7em .7em .7em 3em;
}

.medably .panel.has-icon i:before {
  position: absolute;
  top: 1.5em;
  left: 1.25em;
  font-size: 16px;
}

.medably .panel.full-bleed::after {
  clear: both;
  content: "";
  display: table;
}

.medably .panel.full-bleed.success {
  background: #a9c537;
  color: #fff;
  border-color: transparent;
}

.medably .panel.full-bleed.success i:before {
  color: #768a27;
}

.medably .panel.full-bleed.error {
  background: #ef5024;
  color: #fff;
  border-color: transparent;
}

.medably .panel.full-bleed.error i:before {
  color: #a73819;
}

.medably .panel.full-bleed.warning {
  background: #f0ad4e;
  color: #fff;
  border-color: transparent;
}

.medably .panel.full-bleed.warning i:before {
  color: #a87937;
}

.medably .panel.full-bleed.info {
  background: #3998b9;
  color: #fff;
  border-color: transparent;
}

.medably .panel.full-bleed.info i:before {
  color: #286a82;
}

.medably .panel.flash {
  position: absolute;
  padding: .35em 1em .45em;
  border-radius: 3px;
  border: 0;
  font-weight: 600;
  top: -1em;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 8px rgba(0, 0, 0, .1);
  z-index: 100;
}

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

.medably .panel.flash.show {
  opacity: 1;
}

.medably .panel.flash.remove {
  opacity: 0;
}

.medably .panel.flash .help {
  margin-left: 1em;
  text-decoration: none;
}

.medably .panel.flash .close {
  margin-left: 1em;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.medably .panel.flash .close:hover {
  cursor: pointer;
}

.medably .panel.flash.has-icon {
  padding-left: 3em;
}

.medably .panel.flash.has-icon i:before {
  position: absolute;
  top: .8em;
  left: .75em;
}

.medably .panel.flash.info {
  border-color: transparent;
  background: #4da2c0;
  color: #fff;
}

.medably .panel.flash.info i:before {
  color: #286a82;
}

.medably .panel.flash.success {
  border-color: transparent;
  background: #a9c537;
  color: #fff;
}

.medably .panel.flash.success i:before {
  color: #768a27;
}

.medably .panel.flash.warning {
  border-color: transparent;
  background: #f0ad4e;
  color: #fff;
}

.medably .panel.flash.warning i:before {
  color: #a87937;
}

.medably .panel.flash.error {
  border-color: transparent;
  color: #fff;
  background: #ef5024;
}

.medably .panel.flash.error .close,.medably .panel.flash.error .help {
  color: #8f3016;
}

.medably .panel.flash.error .close:hover {
  color: #fff;
}

.medably .panel.flash.error i:before {
  color: #8f3016;
}

.medably .panel.info {
  border-top-color: #4da2c0;
}

.medably .panel.info i:before {
  color: #3389a7;
}

.medably .panel.success {
  border-top-color: #a9c537;
}

.medably .panel.success i:before {
  color: #98b132;
}

.medably .panel.warning {
  border-top-color: #f0ad4e;
}

.medably .panel.warning i:before {
  color: #d89c46;
}

.medably .panel.error {
  border-top-color: #ef5024;
}

.medably .panel.error .close,.medably .panel.error .help {
  color: #8f3016;
}

.medably .panel.error .close:hover {
  color: #fff;
}

.medably .panel.error i:before {
  color: #d74820;
}

.medably .well {
  padding: 1em;
  background: #f8f9fa;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, .1);
  border-radius: 3px;
}

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

.medably .well.small {
  padding: .75em;
  font-size: .8em;
}

.medably .well.large {
  padding: 1.25em;
  font-size: 1.2em;
}

.medably .page-title.has-goback .well .alert.go-back-button,.medably .well .button.alert,.medably .well .page-title.has-goback .alert.go-back-button {
  position: absolute;
  top: 3px;
  right: -5px;
}

.medably a {
  color: #3998b9;
}

.medably ol {
  padding-left: 20px;
}

.medably ol.step-nav {
  margin: 0;
  padding: 0 0 0 2em;
  counter-reset: item;
}

.medably ol.step-nav li {
  position: relative;
  list-style: none;
  margin-bottom: .75em;
}

.medably ol.step-nav li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  background: #e4e5ea;
  color: #8f919b;
  font-weight: 600;
  padding: 2px 8px;
  margin-right: .5em;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: -2.5em;
}

.medably ol.step-nav li ol {
  padding-left: 0;
  margin-left: 1em;
  margin-top: 1em;
}

.medably ol.step-nav li ol li:before {
  border-radius: 3px;
  position: relative;
  top: -2px;
  left: 0;
}

.medably ol.step-nav li ol li ol {
  padding-left: 0;
}

.medably .checkbox.toggle input[type=checkbox]:checked+label.has-icons.pagination:before li i:before,.medably .checkbox.toggle input[type=checkbox]:checked+label.nolist.has-icons:before li i:before,.medably .checkbox.toggle input[type=radio]:checked+label.has-icons.pagination:before li i:before,.medably .checkbox.toggle input[type=radio]:checked+label.nolist.has-icons:before li i:before {
  top: 13px;
}

.medably .checkbox.toggle input[type=checkbox]:checked+label.has-icons.pagination:before li i.ki:before,.medably .checkbox.toggle input[type=checkbox]:checked+label.nolist.has-icons:before li i.ki:before,.medably .checkbox.toggle input[type=radio]:checked+label.has-icons.pagination:before li i.ki:before,.medably .checkbox.toggle input[type=radio]:checked+label.nolist.has-icons:before li i.ki:before {
  position: absolute;
  top: 8px;
  left: 0;
}

.medably ul.alt-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.medably ul.alt-list li {
  padding-left: 1em;
  position: relative;
}

.medably ul.alt-list li:before {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 3em;
  background: #dadade;
  position: absolute;
  left: 0;
  top: 10px;
}

.medably ul.alt-list li:last-of-type {
  margin-bottom: 0;
}

.medably .label {
  font-size: .7em;
  font-weight: 600;
  background: #b5b6bd;
  color: #fff;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}

.medably .label.success {
  background: #b2cb4b;
}

.medably .label.error {
  background: #ef5024;
}

.medably .label.urgent {
  background: #ef5024;
}

.medably .label.warning {
  background: #f0ad4e;
}

.medably .label.primary {
  background: #539fba;
}

.medably .label.admin {
  background: #454859;
}

.medably .label.provider {
  background: #3998b9;
}

.medably .lined-link-list,.medably .nav-list {
  margin: .5em 0;
  padding: 0;
  list-style: none;
}

.medably .lined-link-list li,.medably .nav-list li {
  position: relative;
}

.medably .lined-link-list li a,.medably .nav-list li a {
  display: block;
  padding: .5em .75em;
  text-decoration: none;
  margin-bottom: 0;
  outline: 0;
  -webkit-transition: background .1s ease;
  -moz-transition: background .1s ease;
  transition: background .1s ease;
}

.medably .lined-link-list li a::after,.medably .nav-list li a::after {
  clear: both;
  content: "";
  display: table;
}

.medably .history-list .lined-link-list li a.no-charts,.medably .history-list .nav-list li a.no-charts,.medably .lined-link-list li .history-list a.no-charts,.medably .lined-link-list li a.truncate,.medably .nav-list li .history-list a.no-charts,.medably .nav-list li a.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.medably .lined-link-list li a:hover,.medably .nav-list li a:hover {
  background: #ebf5f8;
  cursor: pointer;
}

.medably .lined-link-list li a.selected,.medably .nav-list li a.selected {
  background: #e1f0f5;
}

.medably .lined-link-list li a.short,.medably .nav-list li a.short {
  padding-top: 0;
  padding-bottom: 0;
}

.medably .has-icon.nav-list li a,.medably .lined-link-list.has-icon li a {
  padding-left: 2.25em;
}

.medably .has-icon.nav-list li a i:before,.medably .lined-link-list.has-icon li a i:before {
  position: absolute;
  left: .4em;
  top: 1em;
}

.medably .nav-list .nav-list {
  margin: .5em 1em;
  border-left: 3px solid #b5b6bd;
}

.medably .nav-list .checkbox {
  display: block;
  padding: .5em .75em;
  text-decoration: none;
  margin-bottom: 0;
  outline: 0;
  -webkit-transition: background .1s ease;
  -moz-transition: background .1s ease;
  transition: background .1s ease;
  color: #3998b9;
  padding: 0;
  margin: 0;
}

.medably .nav-list .checkbox::after {
  clear: both;
  content: "";
  display: table;
}

.medably .history-list .nav-list .checkbox.no-charts,.medably .nav-list .checkbox.truncate,.medably .nav-list .history-list .checkbox.no-charts {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.medably .nav-list .checkbox:hover {
  background: #ebf5f8;
  cursor: pointer;
}

.medably .nav-list .checkbox.selected {
  background: #e1f0f5;
}

.medably .nav-list .checkbox.short {
  padding-top: 0;
  padding-bottom: 0;
}

.medably .nav-list .checkbox .checkbox input[type=radio],.medably .nav-list .checkbox input[type=checkbox] {
  top: .8em;
  left: .75em;
}

.medably .nav-list .checkbox .checkbox input[type=radio]+label,.medably .nav-list .checkbox input[type=checkbox]+label {
  padding: .5em .75em .5em 2.3em;
  margin: 0;
}

.medably .nav-list .indicator {
  display: inline-block;
  background: #9cccdc;
  color: #fff;
  margin: 0 0 0 8px;
  height: 24px;
  min-width: 24px;
  position: relative;
  line-height: 1.4;
}

.medably .progress .progress-text,.medably .success-text {
  color: #98b132;
}

.medably .info-text {
  color: #46a5c6;
}

.medably .list.input-list .list-item.read-only,.medably .subtle-text {
  color: #8f919b;
}

.medably .warning-text {
  color: #f0ad4e;
}

.medably .error-text {
  color: #ef5024;
}

.medably .urgent-text {
  color: #ef5024;
}

.medably .note-text {
  color: #8f919b;
  font-size: 13px;
  font-weight: 600;
}

.medably .checkbox.toggle input[type=checkbox]:checked+label:before,.medably .checkbox.toggle input[type=radio]:checked+label:before,.medably .code-block .code-block-ui:before,.medably .flash-message .help,.medably .panel.flash .help,.medably .small-text,.medably code,.medably ol.step-nav li:before {
  font-size: 13px;
  font-weight: 600;
}

.medably .base-text,.medably .button.has-icon i.ki:before,.medably .button.has-icon i:before,.medably .page-title.has-goback .go-back-button i:before {
  font-size: 16px;
}

.medably .large-text,.medably .panel.flash .close {
  font-size: 19px;
}

.medably .popup {
  padding: .5em 1em;
  background: #454859;
  color: #fff;
  border-radius: 3px;
  position: absolute;
}

.medably .popup.top:after {
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #454859;
}

.medably .indicator {
  background: #e3e4e6;
  display: table;
  height: 25px;
  min-width: 25px;
  padding: 0 7px 0 8px;
  border-radius: 2em;
  text-align: center;
  margin: 0 5px;
  color: #454859;
}

.medably .indicator span {
  display: table-cell;
  vertical-align: middle;
}

.medably .indicator.urgent {
  background: #ef5024;
  color: #fff;
}

.medably .indicator.urgent.tasks {
  display: inline-block;
  margin-left: 12px;
  padding: 0 5px;
  font-size: 14px;
  height: 21px;
  min-width: 21px;
}

.medably .indicator.primary {
  background: #88c1d5;
  color: #fff;
}

.medably .indicator.warning {
  background: #f48566;
  color: #fff;
}

.medably .indicator.success {
  background: #c3d673;
  color: #fff;
}

.medably .bubble-indicator {
  color: #454859;
  font-size: .8em;
  position: relative;
  display: block;
  top: 3px;
}

.medably .bubble-indicator::after {
  clear: both;
  content: "";
  display: table;
}

.medably .bubble-indicator label {
  float: left;
  background-color: #dadade;
  background-image: -webkit-linear-gradient(#dadade, #c4c4cb);
  background-image: linear-gradient(#dadade, #c4c4cb);
  border: 1px solid #b2b2ba;
  padding: 0 8px;
  border-radius: 3px 0 0 3px;
}

.medably .bubble-indicator .figure {
  float: left;
  border-left: 0;
  margin-left: -1px;
  background-color: #abadb4;
  background-image: -webkit-linear-gradient(#abadb4, #9598a1);
  background-image: linear-gradient(#abadb4, #9598a1);
  border: 1px solid #838690;
  padding: 0 8px;
  border-radius: 0 3px 3px 0;
  font-weight: 700;
}

.medably .bubble-indicator.warning {
  color: #fff;
}

.medably .bubble-indicator.warning label {
  background-color: #f0ad4e;
  background-image: -webkit-linear-gradient(#f0ad4e, #ed9c28);
  background-image: linear-gradient(#f0ad4e, #ed9c28);
  border: 1px solid #df8a13;
}

.medably .bubble-indicator.warning .figure {
  background-color: #cc9342;
  background-image: -webkit-linear-gradient(#cc9342, #b47e31);
  background-image: linear-gradient(#cc9342, #b47e31);
  border: 1px solid #986a29;
}

.medably .bubble-indicator.urgent {
  color: #fff;
}

.medably .bubble-indicator.urgent label {
  background-color: #ef5024;
  background-image: -webkit-linear-gradient(#ef5024, #da3c10);
  background-image: linear-gradient(#ef5024, #da3c10);
  border: 1px solid #b9330e;
}

.medably .bubble-indicator.urgent .figure {
  background-color: #cb441f;
  background-image: -webkit-linear-gradient(#cb441f, #a8381a);
  background-image: linear-gradient(#cb441f, #a8381a);
  border: 1px solid #892e15;
}

.medably .stack-box,.medably .status-box {
  background: #fff;
  padding: 1em;
  border: 1px solid #dadade;
  border-left-width: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  background-clip: border-box;
}

.medably .status-box.urgent,.medably .urgent.stack-box {
  border-left-color: #ef5024;
}

.medably .status-box.success,.medably .success.stack-box {
  border-left-color: #a9c537;
}

.medably .status-box.warning,.medably .warning.stack-box {
  border-left-color: #f0ad4e;
}

.medably .primary.stack-box,.medably .status-box.primary {
  border-left-color: #3998b9;
}

.medably .status-indicator {
  display: block;
  background: #f6f6f7;
  font-size: .9em;
  border-radius: 3px;
}

.medably .status-indicator::after {
  clear: both;
  content: "";
  display: table;
}

.medably .status-indicator .status-name {
  padding: 3px 5px;
  float: left;
}

.medably .status-indicator .status-label {
  float: right;
  background: #ecedee;
  font-weight: 700;
  padding: 4px 6px 5px 6px;
  border-radius: 0 3px 3px 0;
  font-size: .8em;
}

.medably .status-indicator.urgent {
  background: #ef5024;
  color: #fff;
}

.medably .status-indicator.urgent .status-label {
  background: #d74820;
}

.medably .status-indicator.success {
  background: #a9c537;
  color: #fff;
}

.medably .status-indicator.success .status-label {
  background: #98b132;
}

.medably .status-indicator.primary {
  background: #3998b9;
  color: #fff;
}

.medably .status-indicator.primary .status-label {
  background: #3389a7;
}

.medably .status-indicator.info {
  background: #4da2c0;
  color: #fff;
}

.medably .status-indicator.info .status-label {
  background: #3998b9;
}

.medably .status-indicator.warning {
  background: #f0ad4e;
  color: #fff;
}

.medably .status-indicator.warning .status-label {
  background: #d89c46;
}

.medably .text-has-icon {
  position: relative;
  display: inline-block;
  padding-left: 1.75em;
}

.medably .text-has-icon i:before {
  position: absolute;
  top: .65em;
  left: 0;
}

.medably .text-has-icon i.ki:before {
  font-size: 16px;
  position: absolute;
  top: 13px;
  left: 0;
}

.medably .checkbox.toggle input[type=checkbox]:checked+label.text-has-icon:before i.ki:before,.medably .checkbox.toggle input[type=radio]:checked+label.text-has-icon:before i.ki:before,.medably .code-block .text-has-icon.code-block-ui:before i.ki:before,.medably .flash-message .text-has-icon.help i.ki:before,.medably .panel.flash .text-has-icon.help i.ki:before,.medably .text-has-icon.small-text i.ki:before,.medably code.text-has-icon i.ki:before,.medably ol.step-nav li.text-has-icon:before i.ki:before {
  top: 9px;
}

.medably .panel.flash .text-has-icon.close i.ki:before,.medably .text-has-icon.large-text i.ki:before {
  font-size: 24px;
}

.medably .dashboard-item {
  padding: 1em;
  max-height: 80px;
  overflow: hidden;
  border: 1px solid transparent;
}

.medably .dashboard-item::after {
  clear: both;
  content: "";
  display: table;
}

.medably .dashboard-item .dashboard-item-header {
  margin-bottom: 1em;
}

.medably .dashboard-item .dashboard-item-header::after {
  clear: both;
  content: "";
  display: table;
}

.medably .dashboard-item .dashboard-item-header:hover {
  cursor: pointer;
}

.medably .dashboard-item .dashboard-item-content {
  margin-bottom: 1em;
}

.medably .dashboard-item .dashboard-item-content::after {
  clear: both;
  content: "";
  display: table;
}

.medably .dashboard-item .dashboard-item-actions::after {
  clear: both;
  content: "";
  display: table;
}

.medably .dashboard-item:hover {
  background: #f5fafc;
}

.medably .animated.dashboard-item {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.medably .open.dashboard-item {
  min-height: 1px;
  max-height: 1000px;
  border: 1px solid #e3e4e6;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
  margin-bottom: 1em;
}

.medably .open.dashboard-item:hover {
  background: #fff;
  cursor: auto;
}

.medably .open.dashboard-item .dashboard-item-header:hover {
  pointer: cursor!important;
}

.medably .dashboard.dashboard-item {
  max-height: 140px;
}

.medably .dashboard.open.dashboard-item {
  max-height: 1000px;
}

.medably .progress .progress-text {
  line-height: 1;
}

.medably .button,.medably .page-title.has-goback .go-back-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e5e6eb;
  background-image: -webkit-linear-gradient(#e5e6eb, #dadbdf);
  background-image: linear-gradient(#e5e6eb, #dadbdf);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #c3c4c8;
  box-shadow: inset 0 1px 0 #e8e9ed;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  color: #454859;
}

.medably .button:hover,.medably .page-title.has-goback .go-back-button:hover {
  background-color: #dadbdf;
  background-image: -webkit-linear-gradient(#dadbdf, #c3c4c8);
  background-image: linear-gradient(#dadbdf, #c3c4c8);
}

.medably .button:focus,.medably .page-title.has-goback .go-back-button:focus {
  background-color: #dadbdf;
  background-image: -webkit-linear-gradient(#dadbdf, #c3c4c8);
  background-image: linear-gradient(#dadbdf, #c3c4c8);
  outline: 0;
}

.medably .button:active,.medably .page-title.has-goback .go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.primary,.medably .page-title.has-goback .primary.go-back-button {
  color: rgb(255, 255, 255);
  cursor: pointer;
  height: 39px;
  letter-spacing: 1px;
  min-height: 0px;
  min-width: 100px;
  text-transform: uppercase;
  width: 130px;
  column-rule-color: rgb(255, 255, 255);
  perspective-origin: 110px 23.5px;
  transform-origin: 110px 23.5px;
  background: rgb(0, 174, 239) none repeat scroll 0% 0% / auto padding-box border-box;
  border: 0px none rgb(255, 255, 255);
  border-radius: 500px 500px 500px 500px;
  font: normal normal bold normal 12.8px / normal sans-serif;
  outline: rgb(255, 255, 255) none 0px;
  padding: 1px 1px;
  transition: all 0.25s ease-in 0s;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  /* safari css */

  .medably .button.primary,  .medably .page-title.has-goback .primary.go-back-button {
    padding: 0px 12px;
  }
}


.medably .button.primary:hover,.medably .page-title.has-goback .primary.go-back-button:hover {
  background-color: #4cc6f3;
  background-image: -webkit-linear-gradient(#3690b0, #30819d);
  background-image: linear-gradient(#3690b0, #30819d);
}

.medably .button.primary:focus,.medably .page-title.has-goback .primary.go-back-button:focus {
  /* background-color: #4cc6f3; */
  /* background-image:-webkit-linear-gradient(#3690b0,#30819d); */
  /* background-image:linear-gradient(#3690b0,#30819d); */
  /* outline:0; */
}

.medably .button.primary:active,.medably .page-title.has-goback .primary.go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.primary:hover,.medably .page-title.has-goback .primary.go-back-button:hover {
  background-color: #4cc6f3;
  background-image: -webkit-linear-gradient(#4cc6f3,#4cc6f3);
  background-image: linear-gradient(#4cc6f3,#4cc6f3);
}

.medably .button.primary:focus,.medably .page-title.has-goback .primary.go-back-button:focus {
  /* background-color: #4cc6f3; */
  /* background-image:-webkit-linear-gradient(#57a7c4,#3f9bbb); */
  /* background-image:linear-gradient(#57a7c4,#3f9bbb); */
  /* outline:0; */
}

.medably .button.primary.has-spinner .spinner,.medably .page-title.has-goback .primary.has-spinner.go-back-button .spinner {
  border-color: rgba(255, 255, 255, .4);
  border-left-color: rgba(255, 255, 255, .8);
}

.medably .button.primary.disabled:not(.buttonlink),.medably .page-title.has-goback .primary.disabled.go-back-button:not(.buttonlink) {
  text-shadow: 0 -1px 0 #3389a7;
  background: #3998b9;
  border: 1px solid #3998b9;
  box-shadow: 0 0 0 transparent!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 600;
}

.medably .button.cta,.medably .page-title.has-goback .cta.go-back-button {
  background-color: #f58a1f;
  background-image: -webkit-linear-gradient(#f58a1f, #e9831d);
  background-image: linear-gradient(#f58a1f, #e9831d);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #d0751a;
  box-shadow: inset 0 1px 0 #f69635;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  text-shadow: 0 -1px 0 #dd7c1c;
  color: #fff;
  font-weight: 600;
}

.medably .button.cta:hover,.medably .page-title.has-goback .cta.go-back-button:hover {
  background-color: #e9831d;
  background-image: -webkit-linear-gradient(#e9831d, #d0751a);
  background-image: linear-gradient(#e9831d, #d0751a);
}

.medably .button.cta:focus,.medably .page-title.has-goback .cta.go-back-button:focus {
  background-color: #e9831d;
  background-image: -webkit-linear-gradient(#e9831d, #d0751a);
  background-image: linear-gradient(#e9831d, #d0751a);
  outline: 0;
}

.medably .button.cta:active,.medably .page-title.has-goback .cta.go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.cta.disabled:not(.buttonlink),.medably .page-title.has-goback .cta.disabled.go-back-button:not(.buttonlink) {
  text-shadow: 0 -1px 0 #dd7c1c;
  background: #f58a1f;
  border: 1px solid #f58a1f;
  box-shadow: 0 0 0 transparent!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 600;
}

.medably .button.warning,.medably .page-title.has-goback .warning.go-back-button {
  background-color: #f0ad4e;
  background-image: -webkit-linear-gradient(#f0ad4e, #e4a44a);
  background-image: linear-gradient(#f0ad4e, #e4a44a);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #cc9342;
  box-shadow: inset 0 1px 0 #f2b560;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  text-shadow: 0 -1px 0 #d89c46;
  color: #fff;
  font-weight: 600;
}

.medably .button.warning:hover,.medably .page-title.has-goback .warning.go-back-button:hover {
  background-color: #e4a44a;
  background-image: -webkit-linear-gradient(#e4a44a, #cc9342);
  background-image: linear-gradient(#e4a44a, #cc9342);
}

.medably .button.warning:focus,.medably .page-title.has-goback .warning.go-back-button:focus {
  background-color: #e4a44a;
  background-image: -webkit-linear-gradient(#e4a44a, #cc9342);
  background-image: linear-gradient(#e4a44a, #cc9342);
  outline: 0;
}

.medably .button.warning:active,.medably .page-title.has-goback .warning.go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.warning.disabled:not(.buttonlink),.medably .page-title.has-goback .warning.disabled.go-back-button:not(.buttonlink) {
  text-shadow: 0 -1px 0 #d89c46;
  background: #f0ad4e;
  border: 1px solid #f0ad4e;
  box-shadow: 0 0 0 transparent!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 600;
}

.medably .button.alert,.medably .page-title.has-goback .alert.go-back-button {
  background-color: #ef5024;
  background-image: -webkit-linear-gradient(#ef5024, #e34c22);
  background-image: linear-gradient(#ef5024, #e34c22);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #cb441f;
  box-shadow: inset 0 1px 0 #f1623a;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  text-shadow: 0 -1px 0 #d74820;
  color: #fff;
  font-weight: 600;
}

.medably .button.alert:hover,.medably .page-title.has-goback .alert.go-back-button:hover {
  background-color: #e34c22;
  background-image: -webkit-linear-gradient(#e34c22, #cb441f);
  background-image: linear-gradient(#e34c22, #cb441f);
}

.medably .button.alert:focus,.medably .page-title.has-goback .alert.go-back-button:focus {
  background-color: #e34c22;
  background-image: -webkit-linear-gradient(#e34c22, #cb441f);
  background-image: linear-gradient(#e34c22, #cb441f);
  outline: 0;
}

.medably .button.alert:active,.medably .page-title.has-goback .alert.go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.alert.disabled:not(.buttonlink),.medably .page-title.has-goback .alert.disabled.go-back-button:not(.buttonlink) {
  text-shadow: 0 -1px 0 #d74820;
  background: #ef5024;
  border: 1px solid #ef5024;
  box-shadow: 0 0 0 transparent!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 600;
}

.medably .button.urgent,.medably .page-title.has-goback .urgent.go-back-button {
  text-shadow: 0 -1px 0 #d74820;
  background-color: #ef5024;
  background-image: -webkit-linear-gradient(#ef5024, #e34c22);
  background-image: linear-gradient(#ef5024, #e34c22);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #cb441f;
  box-shadow: inset 0 1px 0 #f1623a;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  color: #fff;
  font-weight: 600;
}

.medably .button.urgent:hover,.medably .page-title.has-goback .urgent.go-back-button:hover {
  background-color: #e34c22;
  background-image: -webkit-linear-gradient(#e34c22, #cb441f);
  background-image: linear-gradient(#e34c22, #cb441f);
}

.medably .button.urgent:focus,.medably .page-title.has-goback .urgent.go-back-button:focus {
  background-color: #e34c22;
  background-image: -webkit-linear-gradient(#e34c22, #cb441f);
  background-image: linear-gradient(#e34c22, #cb441f);
  outline: 0;
}

.medably .button.urgent:active,.medably .page-title.has-goback .urgent.go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.urgent.disabled:not(.buttonlink),.medably .page-title.has-goback .urgent.disabled.go-back-button:not(.buttonlink) {
  text-shadow: 0 -1px 0 #d74820;
  background: #ef5024;
  border: 1px solid #ef5024;
  box-shadow: 0 0 0 transparent!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 600;
}

.medably .button.success,.medably .page-title.has-goback .success.go-back-button {
  text-shadow: 0 -1px 0 #98b132;
  background-color: #a9c537;
  background-image: -webkit-linear-gradient(#a9c537, #a1bb34);
  background-image: linear-gradient(#a9c537, #a1bb34);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #90a72f;
  box-shadow: inset 0 1px 0 #b2cb4b;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  color: #fff;
  font-weight: 600;
}

.medably .button.success:hover,.medably .page-title.has-goback .success.go-back-button:hover {
  background-color: #a1bb34;
  background-image: -webkit-linear-gradient(#a1bb34, #90a72f);
  background-image: linear-gradient(#a1bb34, #90a72f);
}

.medably .button.success:focus,.medably .page-title.has-goback .success.go-back-button:focus {
  background-color: #a1bb34;
  background-image: -webkit-linear-gradient(#a1bb34, #90a72f);
  background-image: linear-gradient(#a1bb34, #90a72f);
  outline: 0;
}

.medably .button.success:active,.medably .page-title.has-goback .success.go-back-button:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .button.success.disabled:not(.buttonlink),.medably .page-title.has-goback .success.disabled.go-back-button:not(.buttonlink) {
  text-shadow: 0 -1px 0 #98b132;
  background: #a9c537;
  border: 1px solid #a9c537;
  box-shadow: 0 0 0 transparent!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 600;
}

.medably .button.small,.medably .page-title.has-goback .go-back-button {
  padding: 2px 8px 3px;
  font-size: .85em;
  font-weight: 400;
}

.medably .button.big,.medably .page-title.has-goback .big.go-back-button {
  padding: 8px 26px 11px;
}

.medably .button.has-icon i:before,.medably .page-title.has-goback .go-back-button i:before {
  position: relative;
  top: 2px;
}

.medably .button.has-icon i.ki:before,.medably .page-title.has-goback .go-back-button i.ki:before {
  position: relative;
  top: 2px;
  padding-right: 6px;
}

.medably .button.has-spinner .spinner,.medably .page-title.has-goback .has-spinner.go-back-button .spinner {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -2px;
  margin-right: 3px;
}

.medably .button.icon-button i:before,.medably .page-title.has-goback .icon-button.go-back-button i:before {
  position: relative;
  top: 2px;
}

.medably .button.active,.medably .page-title.has-goback .active.go-back-button {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  background: #e7e8ec;
}

.medably .button.active i.check:before,.medably .page-title.has-goback .active.go-back-button i.check:before {
  color: #454859;
  font-size: 13px;
  margin-right: 5px;
}

.medably .button.buttonlink,.medably .page-title.has-goback .go-back-button {
  background: 0 0;
  border: 1px solid transparent;
  font-weight: 400;
  box-shadow: 0 0 0 transparent!important;
  color: #3998b9;
  text-shadow: none;
}

.medably .button.buttonlink:hover,.medably .page-title.has-goback .go-back-button:hover {
  background: 0 0;
  border: 1px solid transparent;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  color: #30819d;
}

.medably .button.buttonlink:active,.medably .page-title.has-goback .go-back-button:active {
  box-shadow: inset 0 2px 6px transparent!important;
  border: 1px solid transparent;
}

.medably .button.buttonlink.subtle,.medably .page-title.has-goback .go-back-button {
  color: #8f919b;
}

.medably .button.buttonlink.subtle:hover,.medably .page-title.has-goback .go-back-button:hover {
  color: #6a6d7a;
}

.medably .button.buttonlink.subtle:hover:not(.disabled):hover,.medably .page-title.has-goback .go-back-button:hover:not(.disabled):hover {
  color: #7d7f8b;
}

.medably .button.buttonlink.small,.medably .page-title.has-goback .go-back-button {
  padding: 1px 8px 3px;
}

.medably .button.buttonlink.alert,.medably .page-title.has-goback .alert.go-back-button {
  color: #f1623a;
  background: 0 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
}

.medably .button.buttonlink.alert:hover,.medably .page-title.has-goback .alert.go-back-button:hover {
  background: 0 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  color: #ef5024;
}

.medably .button.buttonlink.urgent,.medably .page-title.has-goback .urgent.go-back-button {
  color: #f1623a;
  background: 0 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
}

.medably .button.buttonlink.urgent:hover,.medably .page-title.has-goback .urgent.go-back-button:hover {
  background: 0 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  color: #ef5024;
}

.medably .button.buttonlink.warning,.medably .page-title.has-goback .warning.go-back-button {
  color: #f0ad4e;
  background: 0 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
}

.medably .button.buttonlink.warning:hover,.medably .page-title.has-goback .warning.go-back-button:hover {
  background: 0 0;
  border: 0;
  box-shadow: 0 0 0 transparent;
  text-shadow: 0 0 0 transparent;
  color: #f0ad4e;
}

.medably .button.disabled,.medably .page-title.has-goback .disabled.go-back-button {
  box-shadow: 0 0 0 transparent!important;
  background: #dadade;
  color: #8f919b;
  text-shadow: 0 0 0 transparent!important;
}

.medably .button.disabled:not(.buttonlink),.medably .page-title.has-goback .disabled.go-back-button:not(.buttonlink) {
  border: 1px solid #dadade;
}

.medably .button.disabled:hover,.medably .page-title.has-goback .disabled.go-back-button:hover {
  color: #8f919b;
  text-shadow: 0 0 0 transparent!important;
  cursor: no-drop;
}

.medably .buttonlink,.medably .page-title.has-goback .go-back-button {
  background: 0 0!important;
}

.medably .card-header .button.buttonlink,.medably .card-header .page-title.has-goback .go-back-button,.medably .page-title.has-goback .card-header .go-back-button {
  margin-top: .75em;
}

.medably .card-header .button.small,.medably .card-header .page-title.has-goback .go-back-button,.medably .page-title.has-goback .card-header .go-back-button {
  margin-top: 1.25em;
}

.medably .button-group .button,.medably .button-group .page-title.has-goback .go-back-button,.medably .page-title.has-goback .button-group .go-back-button {
  float: left;
  border-radius: 0;
}

.medably .button-group .button.active,.medably .button-group .page-title.has-goback .active.go-back-button,.medably .page-title.has-goback .button-group .active.go-back-button {
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, .3)!important;
}

.medably .button-group .button:first-of-type,.medably .button-group .page-title.has-goback .go-back-button:first-of-type,.medably .page-title.has-goback .button-group .go-back-button:first-of-type {
  border-radius: 3px 0 0 3px;
}

.medably .button-group .button:last-of-type,.medably .button-group .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .button-group .go-back-button:last-of-type {
  border-radius: 0 3px 3px 0;
}

.medably .button-group .button+.button,.medably .button-group .page-title.has-goback .button+.go-back-button,.medably .button-group .page-title.has-goback .go-back-button+.button,.medably .button-group .page-title.has-goback .go-back-button+.go-back-button,.medably .page-title.has-goback .button-group .button+.go-back-button,.medably .page-title.has-goback .button-group .go-back-button+.button,.medably .page-title.has-goback .button-group .go-back-button+.go-back-button {
  margin-left: -1px;
}

.medably .button-group+.dropdown {
  border-radius: 3px 0 0 3px!important;
}

.medably .button-group .dropdown {
  float: left;
}

.medably .buttons-2 .button,.medably .buttons-2 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-2 .go-back-button {
  width: 50%;
}

.medably .buttons-3 .button,.medably .buttons-3 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-3 .go-back-button {
  width: 33.33333%;
}

.medably .buttons-4 .button,.medably .buttons-4 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-4 .go-back-button {
  width: 25%;
}

.medably .buttons-5 .button,.medably .buttons-5 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-5 .go-back-button {
  width: 20%;
}

.medably .buttons-6 .button,.medably .buttons-6 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-6 .go-back-button {
  width: 16.66667%;
}

.medably .buttons-7 .button,.medably .buttons-7 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-7 .go-back-button {
  width: 14.28571%;
}

.medably .buttons-8 .button,.medably .buttons-8 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-8 .go-back-button {
  width: 12.5%;
}

.medably .buttons-9 .button,.medably .buttons-9 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-9 .go-back-button {
  width: 11.11111%;
}

.medably .buttons-10 .button,.medably .buttons-10 .page-title.has-goback .go-back-button,.medably .page-title.has-goback .buttons-10 .go-back-button {
  width: 10%;
}

.medably .dropdown {
  position: relative;
  display: inline-block;
}

.medably .dropdown .button,.medably .dropdown .page-title.has-goback .go-back-button,.medably .page-title.has-goback .dropdown .go-back-button {
  border-radius: 3px;
}

.medably .dropdown .button:after,.medably .dropdown .page-title.has-goback .go-back-button:after,.medably .page-title.has-goback .dropdown .go-back-button:after {
  font-family: KareoIcons;
  font-size: 13px;
  position: relative;
  top: 1px;
  left: 3px;
}

.medably .dropdown .button.primary:after,.medably .dropdown .page-title.has-goback .primary.go-back-button:after,.medably .page-title.has-goback .dropdown .primary.go-back-button:after {
  font-family: KareoIcons;
}

.medably .dropdown .button.buttonlink:after,.medably .dropdown .page-title.has-goback .go-back-button:after,.medably .page-title.has-goback .dropdown .go-back-button:after {
  font-family: KareoIcons;
  font-size: 13px;
}

.medably .dropdown .button.buttonlink.success-text,.medably .dropdown .page-title.has-goback .progress .progress-text.go-back-button,.medably .dropdown .page-title.has-goback .success-text.go-back-button,.medably .dropdown .progress .button.buttonlink.progress-text,.medably .dropdown .progress .page-title.has-goback .progress-text.go-back-button,.medably .page-title.has-goback .dropdown .success-text.go-back-button,.medably .page-title.has-goback .progress .dropdown .progress-text.go-back-button,.medably .progress .dropdown .button.buttonlink.progress-text,.medably .progress .page-title.has-goback .dropdown .progress-text.go-back-button {
  color: #98b132;
}

.medably .dropdown .button.buttonlink.info-text,.medably .dropdown .page-title.has-goback .info-text.go-back-button,.medably .page-title.has-goback .dropdown .info-text.go-back-button {
  color: #2e7a94;
}

.medably .dropdown .button.buttonlink.subtle-text,.medably .dropdown .list.input-list .button.buttonlink.list-item.read-only,.medably .dropdown .list.input-list .page-title.has-goback .list-item.read-only.go-back-button,.medably .dropdown .page-title.has-goback .list.input-list .list-item.read-only.go-back-button,.medably .dropdown .page-title.has-goback .subtle-text.go-back-button,.medably .list.input-list .dropdown .button.buttonlink.list-item.read-only,.medably .list.input-list .page-title.has-goback .dropdown .list-item.read-only.go-back-button,.medably .page-title.has-goback .dropdown .subtle-text.go-back-button,.medably .page-title.has-goback .list.input-list .dropdown .list-item.read-only.go-back-button {
  color: #8f919b;
}

.medably .dropdown .button.buttonlink.warning-text,.medably .dropdown .page-title.has-goback .warning-text.go-back-button,.medably .page-title.has-goback .dropdown .warning-text.go-back-button {
  color: #f0ad4e;
}

.medably .dropdown .button.buttonlink.error-text,.medably .dropdown .page-title.has-goback .error-text.go-back-button,.medably .page-title.has-goback .dropdown .error-text.go-back-button {
  color: #ef5024;
}

.medably .dropdown .button.small:after,.medably .dropdown .page-title.has-goback .go-back-button:after,.medably .page-title.has-goback .dropdown .go-back-button:after {
  position: relative;
  top: 2px;
  left: .25em;
}

.medably .dropdown.active,.medably .dropdown.up {
  display: inline-block;
}

.medably .dropdown.active>.button,.medably .dropdown.up>.button,.medably .page-title.has-goback .dropdown.active>.go-back-button,.medably .page-title.has-goback .dropdown.up>.go-back-button {
  border-radius: 3px 3px 0 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15)!important;
  outline: 0;
}

.medably .dropdown.active>.button.buttonlink,.medably .dropdown.up>.button.buttonlink,.medably .page-title.has-goback .dropdown.active>.go-back-button,.medably .page-title.has-goback .dropdown.up>.go-back-button {
  border: 1px solid #c7c8cd;
}

.medably .dropdown.active .dropdown-list,.medably .dropdown.active .sub-dropdown-list,.medably .dropdown.up .dropdown-list,.medably .dropdown.up .sub-dropdown-list {
  display: block;
  margin-top: -1px;
  border-radius: 0 3px 3px 3px;
}

.medably .dropdown .dropdown-list,.medably .dropdown .sub-dropdown-list {
  list-style: none;
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  background: #fff;
  border: 1px solid #c7c8cd;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .15);
  z-index: 2000;
  min-width: 200px;
  max-width: 400px;
  background-clip: padding-box;
}

.medably .dropdown .dropdown-list li,.medably .dropdown .sub-dropdown-list li {
  padding: 0;
  position: relative;
}

.medably .dropdown .dropdown-list li:first-of-type,.medably .dropdown .sub-dropdown-list li:first-of-type {
  margin-top: 5px;
}

.medably .dropdown .dropdown-list li:last-of-type,.medably .dropdown .sub-dropdown-list li:last-of-type {
  margin-bottom: 5px;
}

.medably .dropdown .dropdown-list li.divide,.medably .dropdown .sub-dropdown-list li.divide {
  border-top: 1px solid #e3e4e6;
  margin: 5px 0;
}

.medably .dropdown .dropdown-list li a,.medably .dropdown .sub-dropdown-list li a {
  display: block;
  text-decoration: none;
  padding: .35em .5em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}

.medably .dropdown .dropdown-list li a:hover,.medably .dropdown .sub-dropdown-list li a:hover {
  background: #3998b9;
  color: #fff;
}

.medably .dropdown .dropdown-list li a:hover:hover,.medably .dropdown .sub-dropdown-list li a:hover:hover {
  background: #61adc7;
  color: #fff;
}

.medably .dropdown .dropdown-list li a:hover:hover i.ki:before,.medably .dropdown .sub-dropdown-list li a:hover:hover i.ki:before {
  color: #256378;
}

.medably .dropdown .dropdown-list li a.selected,.medably .dropdown .sub-dropdown-list li a.selected {
  background: #3998b9;
  color: #fff;
}

.medably .dropdown .dropdown-list.small li a,.medably .dropdown .small.sub-dropdown-list li a {
  font-size: .9em;
}

.medably .dropdown .sub-dropdown-list {
  padding: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .25);
  left: 90%;
  top: -25px;
}

.medably .dropdown .sub-dropdown-list:after,.medably .dropdown .sub-dropdown-list:before {
  right: 100%;
  top: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.medably .dropdown .sub-dropdown-list:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.medably .dropdown .sub-dropdown-list:before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #c7c8cd;
  border-width: 11px;
  margin-top: -11px;
}

.medably .dropdown.righty .dropdown-list,.medably .dropdown.righty .sub-dropdown-list {
  right: 0;
  border-radius: 3px 0 3px 3px;
}

.medably .dropdown.full .button,.medably .dropdown.full .page-title.has-goback .go-back-button,.medably .page-title.has-goback .dropdown.full .go-back-button {
  width: 100%;
  text-align: left;
}

.medably .dropdown.full .button:after,.medably .dropdown.full .page-title.has-goback .go-back-button:after,.medably .page-title.has-goback .dropdown.full .go-back-button:after {
  float: right;
  top: .35em;
}

.medably .dropdown.full .dropdown-list,.medably .dropdown.full .sub-dropdown-list {
  width: 100%;
  border-radius: 0 0 3px 3px;
}

.medably .dropdown.split .button,.medably .dropdown.split .page-title.has-goback .go-back-button,.medably .page-title.has-goback .dropdown.split .go-back-button {
  display: inline-block;
}

.medably .dropdown.split .button:first-of-type,.medably .dropdown.split .page-title.has-goback .go-back-button:first-of-type,.medably .page-title.has-goback .dropdown.split .go-back-button:first-of-type {
  border-radius: 3px 0 0 3px;
  padding-right: 10px;
}

.medably .dropdown.split .button:first-of-type:after,.medably .dropdown.split .page-title.has-goback .go-back-button:first-of-type:after,.medably .page-title.has-goback .dropdown.split .go-back-button:first-of-type:after {
  content: "";
}

.medably .dropdown.split .button:last-of-type,.medably .dropdown.split .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split .go-back-button:last-of-type {
  border-radius: 0 3px 3px 0;
  margin-left: -5px;
  padding-left: 4px;
}

.medably .dropdown.split .button:last-of-type.buttonlink,.medably .dropdown.split .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split .go-back-button:last-of-type {
  border-left: 1px solid rgba(0, 0, 0, .1);
}

.medably .dropdown.split .button.small:last-of-type,.medably .dropdown.split .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split .go-back-button:last-of-type {
  padding-left: 0;
  margin-left: -5px;
}

.medably .dropdown.split.active .button:first-of-type,.medably .dropdown.split.active .page-title.has-goback .go-back-button:first-of-type,.medably .dropdown.split.up .button:first-of-type,.medably .dropdown.split.up .page-title.has-goback .go-back-button:first-of-type,.medably .page-title.has-goback .dropdown.split.active .go-back-button:first-of-type,.medably .page-title.has-goback .dropdown.split.up .go-back-button:first-of-type {
  border-radius: 3px 0 0 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 0 0 transparent!important;
}

.medably .dropdown.split.active .button:first-of-type.buttonlink,.medably .dropdown.split.active .page-title.has-goback .go-back-button:first-of-type,.medably .dropdown.split.up .button:first-of-type.buttonlink,.medably .dropdown.split.up .page-title.has-goback .go-back-button:first-of-type,.medably .page-title.has-goback .dropdown.split.active .go-back-button:first-of-type,.medably .page-title.has-goback .dropdown.split.up .go-back-button:first-of-type {
  border: 1px solid transparent;
  border-right: 1px solid transparent;
  box-shadow: inset 0 0 0 transparent!important 0 0 0 transparent!important;
}

.medably .dropdown.split.active .button:last-of-type,.medably .dropdown.split.active .page-title.has-goback .go-back-button:last-of-type,.medably .dropdown.split.up .button:last-of-type,.medably .dropdown.split.up .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split.active .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split.up .go-back-button:last-of-type {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15)!important 0 1px 4px rgba(0, 0, 0, .2)!important;
  border-radius: 0 3px 0 0;
}

.medably .dropdown.split.active .button:last-of-type.buttonlink,.medably .dropdown.split.active .page-title.has-goback .go-back-button:last-of-type,.medably .dropdown.split.up .button:last-of-type.buttonlink,.medably .dropdown.split.up .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split.active .go-back-button:last-of-type,.medably .page-title.has-goback .dropdown.split.up .go-back-button:last-of-type {
  border-radius: 3px 3px 0 0;
}

.medably .dropdown.split.active .button:last-of-type.buttonlink+.dropdown-list,.medably .dropdown.split.active .button:last-of-type.buttonlink+.sub-dropdown-list,.medably .dropdown.split.active .page-title.has-goback .go-back-button:last-of-type+.dropdown-list,.medably .dropdown.split.active .page-title.has-goback .go-back-button:last-of-type+.sub-dropdown-list,.medably .dropdown.split.up .button:last-of-type.buttonlink+.dropdown-list,.medably .dropdown.split.up .button:last-of-type.buttonlink+.sub-dropdown-list,.medably .dropdown.split.up .page-title.has-goback .go-back-button:last-of-type+.dropdown-list,.medably .dropdown.split.up .page-title.has-goback .go-back-button:last-of-type+.sub-dropdown-list,.medably .page-title.has-goback .dropdown.split.active .go-back-button:last-of-type+.dropdown-list,.medably .page-title.has-goback .dropdown.split.active .go-back-button:last-of-type+.sub-dropdown-list,.medably .page-title.has-goback .dropdown.split.up .go-back-button:last-of-type+.dropdown-list,.medably .page-title.has-goback .dropdown.split.up .go-back-button:last-of-type+.sub-dropdown-list {
  border-radius: 3px;
}

.medably .dropdown.split.active .dropdown-list,.medably .dropdown.split.active .sub-dropdown-list,.medably .dropdown.split.up .dropdown-list,.medably .dropdown.split.up .sub-dropdown-list {
  left: 0;
}

.medably .header-button {
  position: absolute;
  top: .7em;
  right: 1em;
  z-index: 5000;
}

.medably .back-btn {
  padding-left: 1em!important;
  position: relative;
  top: 1em;
  margin-right: .75em;
  float: left;
  color: #8f919b;
  text-decoration: none;
}

.medably .back-btn:before {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #b5b6bd;
  border-top: 6px solid transparent;
  position: absolute;
  left: 0;
  top: 7px;
}

.medably form {
  margin: 0;
  padding: 0;
}

.medably .input-group {
  margin-bottom: 1em;
  position: relative;
}

.medably .input-group::after {
  clear: both;
  content: "";
  display: table;
}

.medably .input-group label {
  display: block;
  margin-bottom: 5px;
}

.medably .input-group .error-message,.medably .input-group .success-message,.medably .input-group .warning-message {
  display: none;
}

.medably .input-group.inline {
  width: 100%;
}

.medably .input-group.inline.full {
  width: 100%;
}

.medably .input-group.inline.small .input-group-item .input-group-item-cell:first-of-type {
  width: 8em;
}

.medably .input-group.inline .input-group-item {
  width: 100%;
  float: left;
  margin-bottom: .5em;
}

.medably .input-group.inline .input-group-item .input-group-item-cell {
  padding: 5px;
}

.medably .input-group.inline .input-group-item .input-group-item-cell label {
  margin: 0;
}

.medably .input-group.inline .input-group-item .input-group-item-cell:first-of-type {
  width: 12em;
  float: left;
}

.medably .input-group.inline .input-group-item .input-group-item-cell:last-of-type {
  overflow: hidden;
}

.medably .input-group.inline .input-group-item .checkbox label {
  margin-left: 1.5em;
}

.medably .input-group.inline .input-group-item:last-of-type {
  margin-bottom: 0;
}

.medably .input-group.inline .input-group-item.error label {
  color: #ef5024;
}

.medably .input-group.inline .input-group-item.error input:not([type]),.medably .input-group.inline .input-group-item.error input[type=search],.medably .input-group.inline .input-group-item.error input[type=date],.medably .input-group.inline .input-group-item.error input[type=time],.medably .input-group.inline .input-group-item.error input[type=datetime-local],.medably .input-group.inline .input-group-item.error input[type=month],.medably .input-group.inline .input-group-item.error input[type=color],.medably .input-group.inline .input-group-item.error input[type=datetime],.medably .input-group.inline .input-group-item.error input[type=email],.medably .input-group.inline .input-group-item.error input[type=number],.medably .input-group.inline .input-group-item.error input[type=password],.medably .input-group.inline .input-group-item.error input[type=tel],.medably .input-group.inline .input-group-item.error input[type=text],.medably .input-group.inline .input-group-item.error input[type=url],.medably .input-group.inline .input-group-item.error input[type=week],.medably .input-group.inline .input-group-item.error textarea {
  border-color: #ef5024;
  box-shadow: 0 0 8px #f7a892;
}

.medably .input-group.inline .input-group-item.error select {
  border-color: #ef5024;
}

.medably .input-group.inline .input-group-item.error .error-message {
  margin: 5px 0 0 0;
  color: #ef5024;
  font-size: .85em;
}

.medably .input-group.inline .input-group-item.success label {
  color: #90a72f;
}

.medably .input-group.inline .input-group-item.success input:not([type]),.medably .input-group.inline .input-group-item.success input[type=search],.medably .input-group.inline .input-group-item.success input[type=date],.medably .input-group.inline .input-group-item.success input[type=time],.medably .input-group.inline .input-group-item.success input[type=datetime-local],.medably .input-group.inline .input-group-item.success input[type=month],.medably .input-group.inline .input-group-item.success input[type=color],.medably .input-group.inline .input-group-item.success input[type=datetime],.medably .input-group.inline .input-group-item.success input[type=email],.medably .input-group.inline .input-group-item.success input[type=number],.medably .input-group.inline .input-group-item.success input[type=password],.medably .input-group.inline .input-group-item.success input[type=tel],.medably .input-group.inline .input-group-item.success input[type=text],.medably .input-group.inline .input-group-item.success input[type=url],.medably .input-group.inline .input-group-item.success input[type=week],.medably .input-group.inline .input-group-item.success textarea {
  border-color: #a9c537;
  box-shadow: 0 0 8px #d4e29b;
}

.medably .input-group.inline .input-group-item.success .success-message {
  margin: 5px 0 0 0;
  color: #a9c537;
  font-size: .85em;
}

.medably .input-group.inline .input-group-item.warning label {
  color: #cc9342;
}

.medably .input-group.inline .input-group-item.warning input:not([type]),.medably .input-group.inline .input-group-item.warning input[type=search],.medably .input-group.inline .input-group-item.warning input[type=date],.medably .input-group.inline .input-group-item.warning input[type=time],.medably .input-group.inline .input-group-item.warning input[type=datetime-local],.medably .input-group.inline .input-group-item.warning input[type=month],.medably .input-group.inline .input-group-item.warning input[type=color],.medably .input-group.inline .input-group-item.warning input[type=datetime],.medably .input-group.inline .input-group-item.warning input[type=email],.medably .input-group.inline .input-group-item.warning input[type=number],.medably .input-group.inline .input-group-item.warning input[type=password],.medably .input-group.inline .input-group-item.warning input[type=tel],.medably .input-group.inline .input-group-item.warning input[type=text],.medably .input-group.inline .input-group-item.warning input[type=url],.medably .input-group.inline .input-group-item.warning input[type=week],.medably .input-group.inline .input-group-item.warning textarea {
  border-color: #f0ad4e;
  box-shadow: 0 0 8px #f8d6a7;
}

.medably .input-group.inline .input-group-item.warning .warning-message {
  margin: 5px 0 0 0;
  color: #cc9342;
  font-size: .85em;
}

.medably .input-group.error label {
  color: #ef5024;
}

.medably .input-group.error input:not([type]),.medably .input-group.error input[type=search],.medably .input-group.error input[type=date],.medably .input-group.error input[type=time],.medably .input-group.error input[type=datetime-local],.medably .input-group.error input[type=month],.medably .input-group.error input[type=color],.medably .input-group.error input[type=datetime],.medably .input-group.error input[type=email],.medably .input-group.error input[type=number],.medably .input-group.error input[type=password],.medably .input-group.error input[type=tel],.medably .input-group.error input[type=text],.medably .input-group.error input[type=url],.medably .input-group.error input[type=week],.medably .input-group.error textarea {
  border-color: #ef5024;
  box-shadow: 0 0 8px #f7a892;
}

.medably .input-group.error select {
  border-color: #ef5024;
  box-shadow: 0 0 8px #f7a892;
}

.medably .input-group.error .error-message {
  display: inline-block;
  margin: 5px 0 0 0;
  color: #ef5024;
  font-size: .85em;
}

.medably .input-group.success label {
  color: #90a72f;
}

.medably .input-group.success input:not([type]),.medably .input-group.success input[type=search],.medably .input-group.success input[type=date],.medably .input-group.success input[type=time],.medably .input-group.success input[type=datetime-local],.medably .input-group.success input[type=month],.medably .input-group.success input[type=color],.medably .input-group.success input[type=datetime],.medably .input-group.success input[type=email],.medably .input-group.success input[type=number],.medably .input-group.success input[type=password],.medably .input-group.success input[type=tel],.medably .input-group.success input[type=text],.medably .input-group.success input[type=url],.medably .input-group.success input[type=week],.medably .input-group.success textarea {
  border-color: #a9c537;
  box-shadow: 0 0 8px #d4e29b;
}

.medably .input-group.success select {
  border-color: #a9c537;
  box-shadow: 0 0 8px #d4e29b;
}

.medably .input-group.success .success-message {
  display: inline-block;
  margin: 5px 0 0 0;
  color: #a9c537;
  font-size: .85em;
}

.medably .input-group.warning label {
  color: #cc9342;
}

.medably .input-group.warning input:not([type]),.medably .input-group.warning input[type=search],.medably .input-group.warning input[type=date],.medably .input-group.warning input[type=time],.medably .input-group.warning input[type=datetime-local],.medably .input-group.warning input[type=month],.medably .input-group.warning input[type=color],.medably .input-group.warning input[type=datetime],.medably .input-group.warning input[type=email],.medably .input-group.warning input[type=number],.medably .input-group.warning input[type=password],.medably .input-group.warning input[type=tel],.medably .input-group.warning input[type=text],.medably .input-group.warning input[type=url],.medably .input-group.warning input[type=week],.medably .input-group.warning textarea {
  border-color: #f0ad4e;
  box-shadow: 0 0 8px #f8d6a7;
}

.medably .input-group.warning select {
  border-color: #f0ad4e;
  box-shadow: 0 0 8px #f8d6a7;
}

.medably .input-group.warning .warning-message {
  display: inline-block;
  margin: 5px 0 0 0;
  color: #cc9342;
  font-size: .85em;
}

.medably .input-group.input-append {
  position: relative;
  display: table;
  border-collapse: separate;
}

.medably .input-group.input-append .input-append-btn {
  position: relative;
  white-space: nowrap;
  width: 1%;
  display: table-cell;
  vertical-align: bottom;
}

.medably .input-group.input-append .input-append-btn .button,.medably .input-group.input-append .input-append-btn .page-title.has-goback .go-back-button,.medably .page-title.has-goback .input-group.input-append .input-append-btn .go-back-button {
  border-left: 0;
  border-radius: 0;
  padding: 5px 15px;
  display: table-cell;
}

.medably .input-group.input-append .input-append-btn .button:last-of-type,.medably .input-group.input-append .input-append-btn .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .input-group.input-append .input-append-btn .go-back-button:last-of-type {
  border-radius: 0 3px 3px 0;
  margin-left: -3px;
}

.medably .input-group.input-append input:not([type]),.medably .input-group.input-append input[type=search],.medably .input-group.input-append input[type=date],.medably .input-group.input-append input[type=time],.medably .input-group.input-append input[type=datetime-local],.medably .input-group.input-append input[type=month],.medably .input-group.input-append input[type=color],.medably .input-group.input-append input[type=datetime],.medably .input-group.input-append input[type=email],.medably .input-group.input-append input[type=number],.medably .input-group.input-append input[type=password],.medably .input-group.input-append input[type=tel],.medably .input-group.input-append input[type=text],.medably .input-group.input-append input[type=url],.medably .input-group.input-append input[type=week],.medably .input-group.input-append textarea {
  display: table-cell;
  border-radius: 3px 0 0 3px;
}

.medably .input-group-popup {
  position: absolute;
  width: 100%;
  background: #fff;
  border: 1px solid #c7c8cd;
  bottom: 3em;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
  padding: 10px;
  border-radius: 3px;
}

.medably .input-group-popup:after,.medably .input-group-popup:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.medably .input-group-popup:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.medably .input-group-popup:before {
  border-color: rgba(221, 221, 221, 0);
  border-top-color: #c7c8cd;
  border-width: 11px;
  margin-left: -11px;
}

.medably input:not([type]),.medably input[type=search],.medably input[type=date],.medably input[type=time],.medably input[type=datetime-local],.medably input[type=month],.medably input[type=color],.medably input[type=datetime],.medably input[type=email],.medably input[type=number],.medably input[type=password],.medably input[type=tel],.medably input[type=text],.medably input[type=url],.medably input[type=week],.medably select,.medably textarea {
  width: 100%;
  border: 1px solid #dadade;
  outline: 0;
  padding: 5px 7px;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  -webkit-transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -moz-transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.medably input:not([type]).long {
  max-width: 30em;
}

.medably input:not([type]).medium,.medably input[type=search].medium,.medably input[type=date].medium,.medably input[type=time].medium,.medably input[type=datetime-local].medium,.medably input[type=month].medium,.medably input[type=color].medium,.medably input[type=datetime].medium,.medably input[type=email].medium,.medably input[type=number].medium,.medably input[type=password].medium,.medably input[type=tel].medium,.medably input[type=text].medium,.medably input[type=url].medium,.medably input[type=week].medium,.medably select.medium,.medably textarea.medium {
  max-width: 20em;
}

.medably input:not([type]).small,.medably input[type=search].small,.medably input[type=date].small,.medably input[type=time].small,.medably input[type=datetime-local].small,.medably input[type=month].small,.medably input[type=color].small,.medably input[type=datetime].small,.medably input[type=email].small,.medably input[type=number].small,.medably input[type=password].small,.medably input[type=tel].small,.medably input[type=text].small,.medably input[type=url].small,.medably input[type=week].small,.medably select.small,.medably textarea.small {
  max-width: 10em;
}

.medably input:not([type]).phone-num,.medably input[type=search].phone-num,.medably input[type=date].phone-num,.medably input[type=time].phone-num,.medably input[type=datetime-local].phone-num,.medably input[type=month].phone-num,.medably input[type=color].phone-num,.medably input[type=datetime].phone-num,.medably input[type=email].phone-num,.medably input[type=number].phone-num,.medably input[type=password].phone-num,.medably input[type=tel].phone-num,.medably input[type=text].phone-num,.medably input[type=url].phone-num,.medably input[type=week].phone-num,.medably select.phone-num,.medably textarea.phone-num {
  max-width: 7.75em;
}

.medably input:not([type]).dob,.medably input[type=search].dob,.medably input[type=date].dob,.medably input[type=time].dob,.medably input[type=datetime-local].dob,.medably input[type=month].dob,.medably input[type=color].dob,.medably input[type=datetime].dob,.medably input[type=email].dob,.medably input[type=number].dob,.medably input[type=password].dob,.medably input[type=tel].dob,.medably input[type=text].dob,.medably input[type=url].dob,.medably input[type=week].dob,.medably select.dob,.medably textarea.dob {
  max-width: 6.75em;
}

.medably input:not([type]).xsmall {
  max-width: 6em;
}

.medably input:not([type]).xxsmall {
  max-width: 3.25em;
}

.medably input:not([type]):disabled,.medably input[type=search]:disabled,.medably input[type=date]:disabled,.medably input[type=time]:disabled,.medably input[type=datetime-local]:disabled,.medably input[type=month]:disabled,.medably input[type=color]:disabled,.medably input[type=datetime]:disabled,.medably input[type=email]:disabled,.medably input[type=number]:disabled,.medably input[type=password]:disabled,.medably input[type=tel]:disabled,.medably input[type=text]:disabled,.medably input[type=url]:disabled,.medably input[type=week]:disabled,.medably select:disabled,.medably textarea:disabled {
  cursor: no-drop;
  background: #f5f5f5;
}

.medably input:not([type]):focus,.medably input[type=search]:focus,.medably input[type=date]:focus,.medably input[type=time]:focus,.medably input[type=datetime-local]:focus,.medably input[type=month]:focus,.medably input[type=color]:focus,.medably input[type=datetime]:focus,.medably input[type=email]:focus,.medably input[type=number]:focus,.medably input[type=password]:focus,.medably input[type=tel]:focus,.medably input[type=text]:focus,.medably input[type=url]:focus,.medably input[type=week]:focus,.medably textarea:focus {
  border-color: #3998b9;
  box-shadow: 0 0 8px #b0d6e3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.medably select {
  height: 2em;
}

.medably select:active {
  border-color: #3998b9;
}

.medably select:focus {
  border-color: #3998b9;
}

.medably textarea {
  width: 100%;
  border: 1px solid #dadade;
  outline: 0;
  padding: 5px 7px;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  -webkit-transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -moz-transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  transition: border-color .2s ease-in-out, box-shadow .2s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 5em;
}

.medably textarea.medium {
  max-width: 20em;
}

.medably textarea.small {
  max-width: 10em;
}

.medably textarea.resize-v {
  resize: vertical;
}

.medably textarea:disabled {
  cursor: no-drop;
  background: #f5f5f5;
}

.medably textarea:active,.medably textarea:focus {
  border-color: #3998b9;
  box-shadow: 0 0 8px #b0d6e3;
}

.medably select {
  height: 2em;
  width: 100%;
  padding: 0;
  background: #fff;
}

.medably select:active {
  border-color: #3998b9;
}

.medably select:focus {
  border-color: #3998b9;
}

.medably select.medium {
  max-width: 20em;
}

.medably select.small {
  max-width: 10em;
}

.medably select.tall {
  height: 32px;
}

.medably select.time {
  max-width: 5.75em;
}

.medably .checkbox {
  margin-bottom: .5em;
  position: relative;
}

.medably .checkbox input[type=checkbox],.medably .checkbox input[type=radio] {
  position: absolute;
  top: 5px;
}

.medably .checkbox label {
  margin-left: 1.5em;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.medably .checkbox .history-list label.no-charts,.medably .checkbox label.truncate,.medably .history-list .checkbox label.no-charts {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: calc(100% - 1em);
}

.medably .checkbox label:hover {
  cursor: pointer;
}

.medably .checkbox.disabled label {
  color: #8f919b;
}

.medably .checkbox.disabled label:hover {
  cursor: no-drop;
}

.medably .checkbox.toggle {
  float: left;
  border-radius: 0;
}

.medably .checkbox.toggle:first-child label {
  border-radius: 3px 0 0 3px;
}

.medably .checkbox.toggle:last-child label {
  border-radius: 0 3px 3px 0;
}

.medably .checkbox.toggle label {
  background-color: #e4e5ea;
  background-image: -webkit-linear-gradient(#e4e5ea, #d9dade);
  background-image: linear-gradient(#e4e5ea, #d9dade);
  font-family: "Source Sans Pro", Helvetica-Neue, Helvetica, Arial;
  position: relative;
  display: inline-block;
  padding: 4px 10px 6px;
  border-radius: 3px;
  border: 1px solid #c2c3c7;
  box-shadow: inset 0 1px 0 #e7e8ec;
  font-size: 1em;
  font-weight: 500;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  outline: 0;
  line-height: 1.5;
  margin: 0;
  border-radius: 0;
  margin-left: -1px;
}

.medably .checkbox.toggle label:hover {
  background-color: #d9dade;
  background-image: -webkit-linear-gradient(#d9dade, #c2c3c7);
  background-image: linear-gradient(#d9dade, #c2c3c7);
}

.medably .checkbox.toggle label:focus {
  background-color: #d9dade;
  background-image: -webkit-linear-gradient(#d9dade, #c2c3c7);
  background-image: linear-gradient(#d9dade, #c2c3c7);
  outline: 0;
}

.medably .checkbox.toggle label:active {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .15);
  outline: 0;
}

.medably .checkbox.toggle input[type=checkbox],.medably .checkbox.toggle input[type=radio] {
  opacity: 0;
}

.medably .checkbox.toggle input[type=checkbox]:checked+label,.medably .checkbox.toggle input[type=radio]:checked+label {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
  background: #e9eaee;
}

.medably .checkbox.toggle input[type=checkbox]:checked+label:before,.medably .checkbox.toggle input[type=radio]:checked+label:before {
  font-family: KareoIcons;
  margin-right: 5px;
}

.medably .checkbox.toggle input[type=checkbox]:focus+label,.medably .checkbox.toggle input[type=radio]:focus+label {
  background: #f6f6f8;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15), 0 1px 6px rgba(0, 0, 0, .15);
}

.medably .checkbox.toggle.disabled label {
  background: #e4e5ea;
  box-shadow: inset 0 0 0 transparent;
  border: 1px solid #d9dade;
}

.medably .checkbox.toggle.disabled input[type=checkbox]:checked+label,.medably .checkbox.toggle.disabled input[type=radio]:checked+label {
  box-shadow: inset 0 0 0 transparent;
}

.medably .type-ahead-results {
  border: 1px solid #b0d6e3;
  border-top: transparent;
  box-shadow: 0 0 8px rgba(0, 0, 0, .15);
  background-clip: padding-box;
  background: #fff;
  position: absolute;
  top: 3.65em;
  width: 100%;
  z-index: 4000;
  border-radius: 0 0 3px 3px;
}

.medably .input-group.inline .type-ahead-results {
  border: 1px solid #3998b9;
  box-shadow: 0 0 8px #b0d6e3;
  background-clip: padding-box;
  background: #fff;
  position: absolute;
  top: 1.85em;
  z-index: 3000;
  border-radius: 0 0 3px 3px;
}

.medably .lightbox {
  background: rgba(29, 30, 37, .8);
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none;
}

.medably .lightbox.iso {
  padding: 0 1em;
  background-color: rgba(245, 245, 245, .9);
  overflow-y: inherit;
}

.medably .lightbox.iso.open {
  position: relative;
  display: block;
  z-index: 5000;
}

.medably .lightbox.iso .card {
  float: none;
  margin: 0 auto;
}

.medably .lightbox.open {
  display: block;
  z-index: 10000;
}

.medably .lightbox .container {
  padding-top: 3em;
}

.medably .lightbox .warn {
  margin: 15em auto;
  max-width: 25em;
}

.medably .lightbox .modal {
  margin: 0 auto;
  padding-top: 3em;
  max-width: 35em;
}

.medably .lightbox .modal .card .card-header .close {
  position: absolute;
  right: 1em;
  top: .6em;
  border: 0;
  font-size: 1.25em;
  background: 0 0;
  font-weight: 700;
  color: #b5b6bd;
  text-decoration: none;
}

.medably .lightbox .modal .card .card-header .close:hover {
  color: #454859;
  cursor: pointer;
}

.medably .flash-message {
  width: 100%;
  float: left;
  position: relative;
  padding: 1em 1.5em;
  font-weight: 600;
}

.medably .flash-message .help {
  margin-left: 1em;
}

.medably .flash-message .close {
  position: absolute;
  right: .5em;
  top: -.2em;
  text-decoration: none;
  font-size: 24px;
  font-weight: 700;
}

.medably .flash-message .close:hover {
  cursor: pointer;
}

.medably .flash-message.success {
  background: #a9c537;
  color: #fff;
}

.medably .flash-message.success .help {
  color: #657621;
}

.medably .flash-message.success .close {
  color: #768a27;
}

.medably .flash-message.success .close:hover {
  color: #fff;
}

.medably .flash-message.error {
  background: #ef5024;
  color: #fff;
}

.medably .flash-message.error .help {
  color: #8f3016;
}

.medably .flash-message.error .close {
  color: #a73819;
}

.medably .flash-message.error .close:hover {
  color: #fff;
}

.medably .flash-message.warning {
  background: #f0ad4e;
  color: #fff;
}

.medably .flash-message.warning .help {
  color: #90682f;
}

.medably .flash-message.warning .close {
  color: #a87937;
}

.medably .flash-message.warning .close:hover {
  color: #fff;
}

.medably table {
  width: 100%;
}

.medably table thead th {
  text-align: left;
  border-bottom: 1px solid #ecedee;
  padding: 7px;
  font-weight: 600;
}

.medably table tbody tr.subtle td {
  color: #a2a4ac;
  background: #f5f5f5;
  font-style: italic;
}

.medably table tbody td {
  padding: 7px;
  vertical-align: top;
}

.medably table tfoot tr td {
  padding: 7px;
  vertical-align: top;
}

.medably table.lined tbody tr td {
  border-bottom: 1px solid #e4e5ea;
}

.medably table.lined tbody tr:last-of-type td {
  border-bottom: 0;
}

.medably table.has-hover tbody tr:hover td {
  background: #f7f7f9;
  cursor: default;
}

.medably table.compact tbody td,.medably table.compact tbody th {
  padding: 3px;
}

.medably i:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-style: normal;
  line-height: 0;
  font-family: "Pictos Custom";
  font-weight: 400;
}

.medably i.expand:before {
  content: "£";
}

.medably i.check:before {
  content: "C";
}

.medably i.error:before {
  content: "E";
}

.medably i.email:before {
  content: "6";
}

.medably i.attention:before {
  content: "W";
}

.medably i.menu:before {
  content: "M";
}

.medably i.refer:before {
  content: ">";
}

.medably i.search:before {
  content: "S";
}

.medably i.recents:before {
  content: "H";
}

.medably i.image:before {
  content: "I";
}

.medably i.move:before {
  content: "T";
}

.medably i.graph:before {
  content: "G";
}

.medably i.document:before {
  content: "Y";
}

.medably i.credit-card:before {
  content: "P";
}

.medably i.dashboard:before {
  content: "D";
}

.medably i.calendar:before {
  content: "A";
}

.medably i.people:before {
  content: "U";
}

.medably i.home:before {
  content: "B";
}

.medably i.tools:before {
  content: "F";
}

.medably i.user:before {
  content: "1";
}

.medably i.phone:before {
  content: "4";
}

.medably i.close:before {
  content: "X";
}

.medably i.upload:before {
  content: "|";
}

.medably i.message:before {
  content: "c";
}

.medably i.ki:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  font-style: normal;
  line-height: 0;
  font-family: KareoIcons;
  font-weight: 400;
}

.medably .main-nav .main-nav-list li a i:before,.medably .main-nav .nav-items .nav-item.omnisearch .input-group i.search:before {
  font-size: 16px;
  top: 2px;
  position: relative;
}

.medably i.ki.menu:before {
  content: "\100";
}

.medably i.ki.history:before {
  content: "\101";
}

.medably i.ki.user:before {
  content: "\102";
}

.medably i.ki.user-alt:before {
  content: "\103";
}

.medably i.ki.home:before {
  content: "\104";
}

.medably i.ki.home-alt:before {
  content: "\105";
}

.medably i.ki.calendar:before {
  content: "\108";
}

.medably i.ki.calendar-alt:before {
  content: "\109";
}

.medably i.ki.tasks:before {
  content: "\10a";
}

.medably i.ki.goback:before {
  content: "\10d";
}

.medably i.ki.goback-alt:before {
  content: "\10e";
}

.medably i.ki.admin:before {
  content: "\10f";
}

.medably i.ki.close:before {
  content: "\110";
}

.medably i.ki.admin-alt:before {
  content: "\111";
}

.medably i.ki.notes:before {
  content: "\11f";
}

.medably i.ki.notes-alt:before {
  content: "\120";
}

.medably i.ki.close-alt:before {
  content: "\121";
}

.medably i.ki.document:before {
  content: "\124";
}

.medably i.ki.document-alt:before {
  content: "\125";
}

.medably i.ki.phone:before {
  content: "\12a";
}

.medably i.ki.phone-alt:before {
  content: "\12b";
}

.medably i.ki.dashboard:before {
  content: "\12c";
}

.medably i.ki.dashboard-alt:before {
  content: "\12d";
}

.medably i.ki.attention:before {
  content: "\132";
}

.medably i.ki.attention-alt:before {
  content: "\133";
}

.medably .checkbox.toggle input[type=checkbox]:checked+label:before,.medably .checkbox.toggle input[type=radio]:checked+label:before,.medably i.ki.check:before,.medably ol.step-nav li.complete:before {
  content: "\134";
}

.medably i.ki.check-alt:before {
  content: "\135";
}

.medably i.ki.error:before {
  content: "\136";
}

.medably i.ki.error-alt:before {
  content: "\137";
}

.medably i.ki.edit:before {
  content: "\138";
}

.medably i.ki.edit-alt:before {
  content: "\139";
}

.medably .dropdown .button.buttonlink:after,.medably .dropdown .button.primary:after,.medably .dropdown .button:after,.medably .dropdown .page-title.has-goback .go-back-button:after,.medably .page-title.has-goback .dropdown .go-back-button:after {
  content: "\149";
}

.medably i.ki.doctors:before {
  content: "\14b";
}

.medably i.ki.move:before {
  content: "\14d";
}

.medably .list.input-list.draggable i.ki.draggable:before {
  content: "\14e";
}

.medably i.ki.info-alt:before {
  content: "\152";
}

.medably i.ki.info:before {
  content: "\153";
}

.medably i.ki.logout-alt:before {
  content: "\15c";
}

.medably i.ki.logout:before {
  content: "\15d";
}

.medably i.ki.marketing-alt:before {
  content: "\15e";
}

.medably i.ki.marketing:before {
  content: "\15f";
}

.medably i.ki.next:before {
  content: "\161";
}

.medably i.ki.notification-settings:before {
  content: "\164";
}

.medably i.ki.notification-alt:before {
  content: "\165";
}

.medably i.ki.notification:before {
  content: "\166";
}

.medably i.ki.patients-alt:before {
  content: "\16f";
}

.medably i.ki.patients:before {
  content: "\170";
}

.medably i.ki.play-alt:before {
  content: "\173";
}

.medably i.ki.play:before {
  content: "\174";
}

.medably i.ki.prev:before {
  content: "\175";
}

.medably i.ki.refresh:before {
  content: "\17c";
}

.medably i.ki.report-alt:before {
  content: "\17f";
}

.medably i.ki.report:before {
  content: "\180";
}

.medably i.ki.search:before {
  content: "\185";
}

.medably i.ki.support:before {
  content: "\18d";
}

.medably i.ki.minus-alt:before {
  content: "\198";
}

.medably i.ki.minus:before {
  content: "\199";
}

.medably i.ki.merge-alt:before {
  content: "\19a";
}

.medably i.ki.merge:before {
  content: "\19b";
}

.medably i.ki.copy:before {
  content: "\208";
}

.medably i.ki.copy-alt:before {
  content: "\209";
}

.medably i.ki.sort:before {
  content: "\210";
}

.medably i.ki.arrow-up:before {
  content: "\161";
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.medably i.ki.arrow-down:before {
  content: "\175";
  display: inline-block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.medably .card {
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  margin-bottom: 2em;
}

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

.medably .card .card-header {
  border-bottom: 1px solid #e3e4e6;
  position: relative;
}

.medably .card .card-header::after {
  clear: both;
  content: "";
  display: table;
}

.medably .card .card-header h2 {
  font-weight: 600;
  font-size: 1.25em;
  margin: 0;
  padding: .5em .65em;
  float: left;
  display: inline-block;
}

.medably .card .card-header .corner-btn {
  position: absolute;
  top: 1em;
  right: 1em;
  text-align: right;
}

.medably .card .card-header .close {
  position: absolute;
  right: 1rem;
  top: .35em;
  z-index: 3000;
  color: #c7c8cd;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5em;
}

.medably .card .card-header .close:hover {
  color: #454859;
}

.medably .card .card-content {
  padding: 1em;
  border-bottom: 1px solid #e3e4e6;
  position: relative;
}

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

.medably .card .card-content:last-of-type {
  border-bottom: 0;
}

.medably .card .card-content .corner-btn {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 5000;
}

.medably .card .card-actions {
  padding: 1em;
}

.medably .card.grid .card-content {
  border-bottom: 0;
}

.medably .card.grid .card-content[class^=grid-] {
  margin-right: 0;
}

.medably .card.grid .card-content:nth-of-type(3) {
  border-left: 1px solid #ecedee;
}

.medably .card.grid .card-content:last-of-type {
  border-top: 1px solid #ecedee;
}

.medably .card.no-card {
  border: none;
  background: 0 0;
  box-shadow: none;
}

.medably .slide-card {
  position: relative;
  -webkit-transition: all ease .25s;
  -moz-transition: all ease .25s;
  transition: all ease .25s;
}

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

.medably .list .list-item {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  transition: all .1s ease;
  background: #fff;
  border-bottom: 1px solid #f0f0f2;
}

.medably .list .list-item::after {
  clear: both;
  content: "";
  display: table;
}

.medably .list .list-item:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 3px 3px;
}

.medably .list .list-item:only-child {
  border-radius: 3px!important;
}

.medably .list .list-item:hover {
  cursor: default;
}

.medably .list .list-item .list-content {
  padding: 1em;
}

.medably .list .list-item .list-content::after {
  clear: both;
  content: "";
  display: table;
}

.medably .list .list-item .list-content .status.label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .6em;
  text-transform: uppercase;
  padding: 2px 9px 1px 8px;
  border-radius: 0 0 3px 0;
}

.medably .list.card {
  margin-bottom: 0;
}

.medably .list.card .list-item:first-of-type {
  border-radius: 3px 3px 0 0;
}

.medably .list.card .list-item:first-of-type .list-content .status.label {
  border-radius: 3px 0 3px 0;
}

.medably .list.input-list {
  position: relative;
}

.medably .list.input-list .list-item {
  position: relative;
  border-top: none;
  border-bottom: 1px solid #f0f0f2;
}

.medably .list.input-list .list-item.input {
  border: none;
}

.medably .list.input-list .list-item.input .list-content {
  padding: 0;
}

.medably .list.input-list .list-item.read-only {
  font-style: italic;
}

.medably .list.input-list .list-item.in-progress.failed {
  color: #ef5024;
  font-style: italic;
  text-decoration: line-through;
}

.medably .list.input-list .list-item.in-progress.failed .list-actions .buttonlink,.medably .list.input-list .list-item.in-progress.failed .list-actions .page-title.has-goback .go-back-button,.medably .page-title.has-goback .list.input-list .list-item.in-progress.failed .list-actions .go-back-button {
  color: #f1623a;
}

.medably .list.input-list .list-item.in-progress.failed .list-actions .buttonlink:hover,.medably .list.input-list .list-item.in-progress.failed .list-actions .page-title.has-goback .go-back-button:hover,.medably .page-title.has-goback .list.input-list .list-item.in-progress.failed .list-actions .go-back-button:hover {
  color: #ef5024;
}

.medably .list.input-list .list-item .list-content {
  min-height: 36px;
  padding: 0 1em;
}

.medably .list.input-list .list-item .list-content .list-actions .buttonlink,.medably .list.input-list .list-item .list-content .list-actions .page-title.has-goback .go-back-button,.medably .page-title.has-goback .list.input-list .list-item .list-content .list-actions .go-back-button {
  padding-left: 3px;
  padding-right: 3px;
}

.medably .list.input-list .list-item .list-content .list-actions .buttonlink:last-of-type,.medably .list.input-list .list-item .list-content .list-actions .page-title.has-goback .go-back-button:last-of-type,.medably .page-title.has-goback .list.input-list .list-item .list-content .list-actions .go-back-button:last-of-type {
  padding-right: 0;
}

.medably .list.input-list .list-item .list-content.comment {
  padding: 1em;
}

.medably .list.input-list .list-item:first-of-type {
  border-top: 1px solid #e7e7e9;
  border-radius: 0;
}

.medably .list.input-list .list-item:first-of-type.input {
  border-top: none;
}

.medably .list.input-list .list-item:only-child {
  border-top: 1px solid #e7e7e9;
}

.medably .list.input-list.draggable i.ki.draggable:before {
  font-size: 16px;
  position: relative;
  margin-right: .5em;
  top: .2em;
  cursor: ns-resize;
  color: #c8cad5;
}

.medably .list.input-list .close {
  color: #c7c8cd;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5em;
}

.medably .list.input-list .close:hover {
  color: #454859;
}

.medably .list.input-list>h4 {
  border-bottom: 1px solid #ecedee;
}

.medably .chrome-wrapper {
  height: 65px;
}

.medably .main-header {
  background-color: #f58a1f;
  background-image: -webkit-linear-gradient(#f58a1f, #e1760a);
  background-image: linear-gradient(#f58a1f, #e1760a);
  border: 1px solid #bf6409;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 0!important;
  border-right: 0!important;
  border-left: 0!important;
  width: 100%;
  float: left;
  padding: .5em 0;
  position: relative;
  z-index: 200;
}

.medably .main-header .container {
  min-height: 44px;
  padding: 0 1em;
}

.medably .main-header .logo {
  display: inline-block;
  width: 132px;
  float: left;
  height: 42px;
  background-repeat: no-repeat;
  background-size: cover;
}

.medably .main-header .title {
  float: left;
  position: relative;
  top: 13px;
  right: 0;
  bottom: 0;
  left: 15px;
  color: #763e05;
  text-shadow: none;
}

.medably .main-header .controls {
  display: block;
  padding: 10px 0 0 15px;
  float: left;
}

.medably .main-header .controls .icon {
  position: relative;
  display: inline-block;
  background: url(./img/pi-sheet.svg);
  background-size: 84px 56px;
  height: 28px;
  width: 28px;
  margin-right: 14px;
  background-position-y: -1px;
}

.medably .main-header .controls .icon.enabled {
  cursor: default;
}

.medably .main-header .controls .icon:before {
  position: relative;
  content: "";
  height: 34px;
  width: 34px;
  display: block;
  border-radius: 2em;
  background: #2f313c;
  z-index: -1;
  top: -3px;
  left: -3px;
}

.medably .main-header .controls .icon.pe {
  background-position: 56px 0;
}

.medably .main-header .controls .icon.pe.enabled {
  background-position: 56px 28px;
}

.medably .main-header .right-controls {
  top: .5em;
}

.medably .main-header .right-controls .dropdown {
  position: relative;
  display: inline-block;
  top: 0;
  right: 0;
}

.medably .main-header .right-controls .dropdown>.button,.medably .main-header .right-controls .page-title.has-goback .dropdown>.go-back-button,.medably .page-title.has-goback .main-header .right-controls .dropdown>.go-back-button {
  color: #cee7f0;
  text-shadow: none;
}

.medably .main-header .right-controls .dropdown>.button:hover,.medably .main-header .right-controls .page-title.has-goback .dropdown>.go-back-button:hover,.medably .page-title.has-goback .main-header .right-controls .dropdown>.go-back-button:hover {
  color: #f5fafc;
}

.medably .main-header .right-controls .dropdown>.button.active,.medably .main-header .right-controls .page-title.has-goback .dropdown>.active.go-back-button,.medably .page-title.has-goback .main-header .right-controls .dropdown>.active.go-back-button {
  color: #94cbde;
  box-shadow: none;
}

.medably .main-header .right-controls .dropdown.active>.button,.medably .main-header .right-controls .page-title.has-goback .dropdown.active>.go-back-button,.medably .page-title.has-goback .main-header .right-controls .dropdown.active>.go-back-button {
  border-radius: 3px;
  box-shadow: none!important;
  border: 1px solid transparent;
}

.medably .main-header .right-controls .dropdown.no-arrow .button:after,.medably .main-header .right-controls .dropdown.no-arrow .page-title.has-goback .go-back-button:after,.medably .page-title.has-goback .main-header .right-controls .dropdown.no-arrow .go-back-button:after {
  display: none;
}

.medably .main-header .right-controls .dropdown.user .button,.medably .main-header .right-controls .dropdown.user .page-title.has-goback .go-back-button,.medably .page-title.has-goback .main-header .right-controls .dropdown.user .go-back-button {
  padding-right: 7px;
}

.medably .main-header .right-controls .dropdown.user .name {
  padding: 0 4px;
  font-weight: 400;
}

.medably .main-header .right-controls .indicator {
  background-color: #ef5024;
  color: #fff;
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  top: 0;
  min-width: 16px;
  height: 16px;
  right: 0;
  margin: 0;
  padding: 0 4px 0 3px;
  line-height: 1;
}

.medably .list.input-list .main-header .right-controls.close a[ng-click="startNotesTour()"],.medably .main-header .list.input-list .right-controls.close a[ng-click="startNotesTour()"],.medably .main-header .right.right-controls a[ng-click="startNotesTour()"] {
  display: none;
}

.medably .list.input-list .main-header .right-controls.close a[href="/dashboard-calendar-ui/#/dashboard?notes_tour"],.medably .main-header .list.input-list .right-controls.close a[href="/dashboard-calendar-ui/#/dashboard?notes_tour"],.medably .main-header .right.right-controls a[href="/dashboard-calendar-ui/#/dashboard?notes_tour"] {
  display: none;
}

.medably .page-title.has-filters h1 {
  margin-bottom: .5em;
}

.medably .page-filters {
  padding: 1em 0;
  border-top: 1px solid #d6d7df;
}

.medably .page-filters .filter-group {
  display: inline-block;
}

.medably .page-filters .filter-group>* {
  display: inline-block;
}

.medably .page-filters .filter-group+.filter-group {
  padding-left: .75em;
  margin-left: .75em;
  border-left: 1px solid #d6d7df;
}

.medably .page-filters .filter-group .button-group .button,.medably .page-filters .filter-group .button-group .page-title.has-goback .go-back-button,.medably .page-title.has-goback .page-filters .filter-group .button-group .go-back-button {
  display: inline-block;
  float: none;
}

.medably .page-filters .filter-group .button-group .button+.button,.medably .page-filters .filter-group .button-group .page-title.has-goback .button+.go-back-button,.medably .page-filters .filter-group .button-group .page-title.has-goback .go-back-button+.button,.medably .page-filters .filter-group .button-group .page-title.has-goback .go-back-button+.go-back-button,.medably .page-title.has-goback .page-filters .filter-group .button-group .button+.go-back-button,.medably .page-title.has-goback .page-filters .filter-group .button-group .go-back-button+.button,.medably .page-title.has-goback .page-filters .filter-group .button-group .go-back-button+.go-back-button {
  margin-left: -3px;
}

.medably .page-filters .filter-group .button-group .button.active,.medably .page-filters .filter-group .button-group .page-title.has-goback .active.go-back-button,.medably .page-title.has-goback .page-filters .filter-group .button-group .active.go-back-button {
  border-radius: 3px!important;
  box-shadow: none!important;
  background-color: #4da2c0!important;
  color: #fff!important;
}

.medably .page-filters .filter-group .button-group .button:hover,.medably .page-filters .filter-group .button-group .page-title.has-goback .go-back-button:hover,.medably .page-title.has-goback .page-filters .filter-group .button-group .go-back-button:hover {
  background-color: rgba(0, 0, 0, .1);
}

.medably .page-filters .filter-group input:not([type]),.medably .page-filters .filter-group input[type=search],.medably .page-filters .filter-group input[type=date],.medably .page-filters .filter-group input[type=time],.medably .page-filters .filter-group input[type=datetime-local],.medably .page-filters .filter-group input[type=month],.medably .page-filters .filter-group input[type=color],.medably .page-filters .filter-group input[type=datetime],.medably .page-filters .filter-group input[type=email],.medably .page-filters .filter-group input[type=number],.medably .page-filters .filter-group input[type=password],.medably .page-filters .filter-group input[type=tel],.medably .page-filters .filter-group input[type=text],.medably .page-filters .filter-group input[type=url],.medably .page-filters .filter-group input[type=week],.medably .page-filters .filter-group textarea {
  line-height: 1.5;
  padding: 4px 10px 6px;
}

.medably .main-content {
  width: 100%;
  float: left;
  padding: 1em 0;
  background: #edeef1;
  position: relative;
  min-height: 600px;
  transition: 0.8s;
  opacity: 0;
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  /* Firefox */
  -webkit-animation: fadein 2s;
  /* Safari and Chrome */
  -o-animation: fadein 2s;
  /* Opera */
}

.medably .main-content.big {
  padding: 7em 0;
}

.medably .main-content.no-chrome {
  height: 100vh;
}

.medably body.focused {
  background: #edeef1;
}

.medably body.focused .main-content {
  border: 0;
}

.medably .flex-wrapper {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100% - 6.5em);
  top: 6.5em;
  position: absolute;
}

.medably .flex-wrapper .main-flex-content {
  width: 100%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  background: #fff;
  box-shadow: 1px 0 8px rgba(0, 0, 0, .15);
  padding: 1em 2em 2em .5em;
  z-index: 1;
}

.medably .flex-wrapper.has-nav .main-flex-content {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  padding: 2em;
  box-shadow: -2px 0 8px rgba(0, 0, 0, .15);
}

.medably .page-title h1 {
  display: inline-block;
  margin: .25em .25em 1em 0;
  font-size: 1.5em;
  float: left;
}

.medably .page-title .dropdown {
  display: inline-block;
}

.medably .page-title .page-controls {
  float: left;
  margin-left: 0;
  margin-top: .7em;
}

.medably .page-title .page-controls select {
  font-size: .8em;
  width: auto;
  height: 1.7em;
}

.medably .page-title .page-controls .button-group {
  margin-left: .75em;
}

.medably .page-title .page-controls .buttonlink,.medably .page-title.has-goback .page-controls .go-back-button {
  top: -3px;
}

.medably .page-title .page-controls .dropdown {
  top: -3px;
}

.medably .page-title .page-controls .dropdown .buttonlink,.medably .page-title.has-goback .page-controls .dropdown .go-back-button {
  top: 0;
}

.medably .list.input-list .page-title .page-controls .close,.medably .page-title .page-controls .list.input-list .close,.medably .page-title .page-controls .right {
  position: absolute;
  top: .75em;
  right: 0;
}

.medably .patient-header {
  width: 100%;
  float: left;
  margin-bottom: 1em;
  border-bottom: 1px solid #e4e5ea;
  padding-bottom: 1em;
}

.medably .patient-header img {
  width: 64px;
  height: 64px;
  border-radius: 5px;
  float: left;
  margin-right: .5em;
}

.medably .patient-header h1 {
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  line-height: 1;
}

.medably .patient-header h2 {
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}

.medably .patient-header h3 {
  font-size: 13px;
  font-weight: 400;
  margin: 0;
}

.medably .omni-results {
  background-color: #173d4a;
  background-image: -webkit-linear-gradient(#173d4a, #112e38);
  background-image: linear-gradient(#173d4a, #112e38);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, .4);
  padding: 0;
  float: left;
  width: 100%;
  height: 0;
  overflow: scroll;
  -webkit-transition: height .2s ease-in-out, padding .2s ease-in-out;
  -moz-transition: height .2s ease-in-out, padding .2s ease-in-out;
  transition: height .2s ease-in-out, padding .2s ease-in-out;
}

.medably .omni-results.with-nav {
  overflow: auto;
}

.medably .omni-results.open {
  padding: 3.25em 1.65em 0 1.65em;
  height: 26em;
}

.medably .omni-results.open.with-nav {
  height: auto;
  padding-bottom: 2em;
  padding: 1em 0 1.5em 0;
}

.medably .omni-results.open .close-omni-results {
  z-index: 1;
}

.medably .omni-results .results-wrapper {
  -webkit-transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  -moz-transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
}

.medably .omni-results .close-omni-results {
  position: fixed;
  color: #fff;
  text-decoration: none;
  top: 128px;
  left: .75em;
  font-weight: 600;
  font-size: 2em;
  z-index: 0;
}

.medably .omni-results .close-omni-results:after {
  content: "Close";
  font-size: .5em;
  position: relative;
  top: -5px;
  left: 5px;
}

.medably .list.input-list .omni-results .close-omni-results.close,.medably .omni-results .close-omni-results.right,.medably .omni-results .list.input-list .close-omni-results.close {
  right: .75em;
  left: auto;
  position: absolute;
}

.medably .omni-results .controls {
  position: fixed;
  top: 128px;
  right: 1.5em;
  font-weight: 600;
  font-size: 2em;
}

.medably .omni-results .controls a {
  color: #fff;
  text-decoration: none;
}

.medably .omni-results .controls .page-title.has-goback a.go-back-button,.medably .omni-results .controls a.left,.medably .page-title.has-goback .omni-results .controls a.go-back-button {
  margin-right: .5em;
}

.medably .omni-results .grid-6.omni-result-card {
  position: absolute;
  width: 40em;
}

.medably .omni-results .grid-4.omni-result-card {
  position: absolute;
  width: 20em;
}

.medably .results-title h2 {
  color: #fff;
  margin-bottom: .5em;
  display: inline-block;
}

.medably .page-title.has-goback .results-title .go-back-button,.medably .results-title .buttonlink,.medably .results-title .page-title.has-goback .go-back-button {
  color: #7ebcd2;
  text-shadow: 0 -1px 0 #060f13;
}

.medably .page-title.has-goback .results-title .go-back-button:hover,.medably .results-title .buttonlink:hover,.medably .results-title .page-title.has-goback .go-back-button:hover {
  color: #fff;
}

.medably .patient-face-card .patient-face-card-info {
  margin-top: 90%;
}

.medably .placeholder {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  padding: 2em;
  text-align: center;
  border: 2px dashed #dadade;
  background: #f9fafa;
  color: #a2a4ac;
  border-radius: 6px;
  margin-bottom: 1em;
}

.medably .placeholder:hover {
  background: #f0f0f2;
  border: 2px dashed #d1d1d6;
  cursor: copy;
}

.medably .placeholder i:before {
  margin-right: .5em;
}

.medably .placeholder h3 {
  margin-bottom: 0;
}

.medably .placeholder h3 i:before {
  font-size: 20px;
  margin-right: .5em;
}

.medably .main-footer {
  width: 100%;
  float: left;
  background: #fff;
  position: relative;
  z-index: 5000;
  padding: 2em 0;
}

.medably .main-nav {
  display: table;
  position: relative;
  width: 100%;
  padding: 0;
  z-index: 100;
}

.medably .main-nav .nav-items {
  display: table-row;
}

.medably .main-nav .nav-items .nav-item {
  display: table-cell;
  vertical-align: middle;
}

.medably .main-nav .nav-items .nav-item.omnisearch {
  width: 100%;
  padding-right: 3em;
}

.medably .main-nav .nav-items .nav-item.omnisearch .input-group {
  position: relative;
}

.medably .main-nav .nav-items .nav-item.omnisearch .input-group i.search:before {
  position: absolute;
  color: #fff;
  top: 15px;
  left: 13px;
}

.medably .main-nav .nav-items .nav-item.omnisearch .input-group input[type=text] {
  padding-left: 2.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.medably .main-nav .nav-items .nav-item .buttonlink,.medably .main-nav .nav-items .nav-item .page-title.has-goback .go-back-button,.medably .page-title.has-goback .main-nav .nav-items .nav-item .go-back-button {
  white-space: nowrap;
}

.medably .main-nav .type-ahead-results {
  left: 0;
  top: 29px;
}

.medably .main-nav #menu-btn {
  padding: .75em 3.5em .75em 1em;
  display: block;
  position: relative;
  z-index: 9000;
}

.medably .main-nav .main-nav-list {
  position: absolute;
  z-index: 5003;
  left: -198px;
  padding: 0;
  margin: 0;
  background: #fff;
  border-right: 1px solid #c7c8cd;
  border-bottom: 1px solid #c7c8cd;
  box-shadow: 1px 0 8px rgba(0, 0, 0, .15);
  -webkit-transition: left .35s cubic-bezier(1, 0, 0, 1);
  -moz-transition: left .35s cubic-bezier(1, 0, 0, 1);
  transition: left .35s cubic-bezier(1, 0, 0, 1);
}

.medably .main-nav .main-nav-list li a {
  display: block;
  padding: .75em 1.5em .75em 1em;
  text-decoration: none;
  outline: 0;
  color: #3998b9;
}

.medably .main-nav .main-nav-list li a i:before {
  position: relative;
  margin-right: 10px;
}

.medably .main-nav .main-nav-list li a:hover {
  background: #c4e0ea;
}

.medably .main-nav .main-nav-list li a.temp-help {
  position: absolute;
  bottom: 2.25em;
  left: .35em;
  width: 100%;
  font-size: 13px;
  color: #7d7f8b;
}

.medably .main-nav .main-nav-list li a.temp-help:hover {
  background: 0 0;
  color: #454859;
}

.medably .main-nav .main-nav-list li.divider {
  border-top: 1px solid #ecedee;
  margin-top: 1em;
  padding-top: 1em;
}

.medably .main-nav .main-nav-list li.selected a {
  background-color: #f0f0f2;
}

.medably .main-nav .main-nav-list.open {
  left: 0;
}

.medably .main-nav .main-nav-list .upsell-menu-button {
  margin: 10px 18px!important;
}

.medably .main-nav .main-nav-list .upsell-button {
  background: none repeat scroll 0 0 #306BAD;
  border: 1px solid #306BAD;
  border-radius: 4px;
  color: #FFF!important;
  text-align: center;
  display: inline-block;
  padding: 5px 15px!important;
}

.medably .main-nav .main-nav-list .upsell-button:hover {
  background: none repeat scroll 0 0 #306BAD;
}

.medably #history-btn {
  padding: .75em 1.25em .75em 0;
  display: block;
  position: relative;
  z-index: 9000;
}

.medably .history-list {
  position: absolute;
  z-index: 5003;
  width: 0;
  right: -1px;
  padding: 0;
  margin: 0;
  background: #fff;
  border-left: 1px solid #c7c8cd;
  border-bottom: 1px solid #c7c8cd;
  box-shadow: -1px 0 8px rgba(0, 0, 0, .15);
  -webkit-transition: all .35s cubic-bezier(.785, .135, .15, .86);
  -moz-transition: all .35s cubic-bezier(.785, .135, .15, .86);
  transition: all .35s cubic-bezier(.785, .135, .15, .86);
}

.medably .history-list li a {
  -webkit-transition: opacity .25s cubic-bezier(.785, .135, .15, .86);
  -moz-transition: opacity .25s cubic-bezier(.785, .135, .15, .86);
  transition: opacity .25s cubic-bezier(.785, .135, .15, .86);
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  transition-delay: .2s;
  padding: .75em 3em .75em 1em;
  display: none;
  text-decoration: none;
  color: #3998b9;
}

.medably .history-list li a i:before {
  position: relative;
  top: 3px;
  margin-right: 10px;
  font-size: 1.5em;
}

.medably .history-list li a:hover {
  color: #3998b9;
  background: #c4e0ea;
}

.medably .history-list li.divider {
  border-top: 1px solid #ecedee;
  margin-top: 1em;
  padding-top: 1em;
}

.medably .history-list.open {
  width: 15em;
}

.medably .history-list.open li a {
  display: block;
}

.medably .history-list .no-charts {
  padding: 1em;
  color: #7c7c7c;
}

.medably .local-nav {
  width: 100%;
  float: left;
  background: #c1b9b1;
}

.medably .local-nav .container {
  max-width: 550px;
}

.medably .local-nav ul {
  margin: 0;
  padding: 0;
}

.medably .local-nav ul li {
  float: left;
  width: 25%;
}

.medably .local-nav ul li a {
  display: block;
  color: #8f919b;
  text-decoration: none;
  padding: .75em 1.5em;
  font-size: .9em;
  position: relative;
  z-index: 1000;
  top: 2px;
  text-align: center;
}

.medably .local-nav ul li a:hover {
  color: #fff;
}

.medably .local-nav ul li a.selected {
  font-weight: 700;
}

.medably ol.step-nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  padding: 0;
}

.medably ol.step-nav li {
  margin: 0 1em;
  font-size: .75em;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-flex-flow: column;
  -moz-flex-flow: column;
  flex-flow: column;
  color: #8f919b;
}

.medably ol.step-nav li:before {
  z-index: 1;
  position: initial;
  margin-right: 0;
  background-color: #c7c9d4;
  color: #fff;
  margin-bottom: .25em;
  border: 4px solid #efeff2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .11);
}

.medably ol.step-nav li:after {
  content: " ";
  display: block;
  width: calc(100% + 1.9em);
  border-top: 2px dotted #c7c9d4;
  position: absolute;
  top: 15px;
  right: -1em;
}

.medably ol.step-nav li:last-of-type:after {
  content: " ";
  display: block;
  width: calc(50% + .9em);
  position: absolute;
  right: 50%;
}

.medably ol.step-nav li:first-of-type:after {
  content: " ";
  display: block;
  width: calc(50% + 1em);
  position: absolute;
  left: 50%;
}

.medably ol.step-nav li.active {
  color: #3998b9;
}

.medably ol.step-nav li.active:before {
  background-color: #3998b9;
  color: #fff;
}

.medably ol.step-nav li.complete {
  color: #a9c537;
}

.medably ol.step-nav li.complete:before {
  background-color: #a9c537;
  color: #fff;
  font-family: KareoIcons;
  padding: 2px 4px 2px 5px;
}

.medably ol.step-nav li.warn:before {
  background-color: #f0ad4e;
  color: #fff;
  content: "w";
  font-family: KareoIcons;
  padding: 2px 4px 2px 5px;
}

.medably .box {
  width: 100%;
  float: left;
  height: 10em;
  margin-bottom: .75em;
  border-radius: 3px 3px 0 0;
}

.medably .box2 {
  width: 100%;
  float: left;
  height: 8em;
  margin-bottom: .75em;
  border-radius: 3px 3px 0 0;
}

.medably .box.orange {
  background: #f58a1f;
}

.medably .color {
  margin-bottom: 2em;
}

.medably .color .primary {
  background: #3371b6;
  height: 32px;
  border-radius: 3px;
}

.medably .color .brand {
  background: #F7941D;
  height: 32px;
  border-radius: 3px;
}

.medably .color .urgent {
  background: #F26649;
  height: 32px;
  border-radius: 3px;
}

.medably .color .warning {
  background: #f0ad4e;
  height: 32px;
  border-radius: 3px;
}

.medably .color .success {
  background: #6fcd83;
  height: 32px;
  border-radius: 3px;
}

.medably .code-block {
  width: 100%;
  float: left;
  border: 1px solid #dedfe4;
  border-radius: 3px;
  margin-bottom: 2em;
}

.medably .code-block:last-of-type {
  margin-bottom: 0;
}

.medably .code-block .code-block-ui {
  padding: 3em 1em 1em 1em;
  float: left;
  width: 100%;
  position: relative;
}

.medably .code-block .code-block-ui:before {
  content: "Example";
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  color: #a2a4ac;
  letter-spacing: 1px;
  top: 10px;
}

.medably .code-block .code-block-code {
  float: left;
  width: 100%;
  position: relative;
}

.medably code {
  background: #e4e5ea;
  padding: 2px 5px;
  border-radius: 3px;
}

.medably pre code {
  background: 0 0;
}

.medably .dashboard .patient-box {
  border-bottom: 0;
}

.medably .dashboard .patient-box .patient-box-header .patient-name {
  text-decoration: none;
  color: #3998b9;
}

.medably .dashboard .patient-box .patient-box-header .patient-box-header-status {
  margin-top: .75em;
}

.medably .dashboard .patient-box .patient-box-header .patient-box-header-info .patient-dob {
  display: none;
}

.medably .dashboard .patient-box .patient-box-header .patient-box-header-info .patient-link {
  display: none;
}

.medably .dashboard .patient-box .patient-box-content {
  display: none;
}

.medably .dashboard .patient-box .patient-box-actions {
  display: none;
  border-top: 3px solid #ecedee;
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}

.medably .dashboard .patient-box.open {
  margin-bottom: 1em;
  background: #fff;
}

.medably .dashboard .patient-box.open .patient-box-header {
  margin-bottom: 1em;
}

.medably .dashboard .patient-box.open .patient-box-header .patient-name {
  text-decoration: none;
  font-size: 1.25em;
  color: #3998b9;
}

.medably .dashboard .patient-box.open .patient-box-header .patient-box-header-info {
  left: 0;
}

.medably .dashboard .patient-box.open .patient-box-header .patient-box-header-info .patient-dob {
  display: inline-block;
}

.medably .dashboard .patient-box.open .patient-box-header .patient-box-header-info .patient-link {
  display: inline-block;
  font-size: .8em;
}

.medably .dashboard .patient-box.open .patient-box-content {
  display: block;
  margin-bottom: 1em;
}

.medably .dashboard .patient-box.open .patient-box-actions {
  display: block;
}

.medably .dashboard .patient-box.open:hover {
  background: #fff;
}

.medably .dashboard .dashboard-time {
  padding: 1em 0 0 1em;
  font-size: 1.25em;
}

.medably .dashboard .patient-list li.selected {
  background: #fff;
}

.medably .dashboard .patient-list li .patient-list-item {
  padding: 1em .75em 1em .75em;
}

.medably .dashboard .patient-list li .patient-list-item img {
  float: left;
  border: 2px solid #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  max-width: 100%;
  margin-right: 10px;
  position: relative;
  z-index: 2;
}

.medably .dashboard .patient-list li .patient-list-item .label {
  position: absolute;
  padding: 0 3px;
  top: -15px;
  left: -25px;
  z-index: 10;
  font-size: .6em;
  text-transform: uppercase;
  font-weight: 700;
}

.medably .dashboard .patient-list li .patient-list-item .patient-name {
  text-decoration: none;
}

.medably .dashboard .patient-list li .panel {
  border: 0;
  background: #324248;
  border-radius: 0;
  color: #c3d7de;
}

.medably .dashboard .patient-list li .panel h4 {
  color: #fff;
}

.medably .dashboard .patient-list li .panel:before {
  height: 0;
  width: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #fff;
  content: "";
  position: absolute;
  top: 0;
  right: 2em;
  z-index: 10;
}

.medably .dashboard .patient-list li .well::after {
  clear: both;
  content: "";
  display: table;
}

.medably .dashboard-item.open {
  min-height: 1px;
  max-height: 1000px;
  border: 1px solid #e3e4e6;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
  margin-bottom: 1em;
  overflow: visible;
}

.medably .dashboard-item.open:hover {
  background: #fff;
  cursor: auto;
}

.medably .dashboard-item .dashboard-item-actions {
  margin-top: 1.2em;
  padding-top: 1em;
  border-top: 1px solid #ecedee;
}

.medably .dashboard-date-control {
  display: inline-block;
  margin-right: 1.5em;
  padding-right: 1.5em;
  height: 20px;
}

.medably .dashboard-date-control .date {
  position: relative;
  top: -3px;
}

.medably table.report {
  border-collapse: collapse;
}

.medably table.report .br {
  border-right: 1px solid #ecedee;
}

.medably table.report .bt {
  border-top: 1px solid #ecedee;
}

.medably table.report th {
  border-bottom: inherit;
}

.medably table.report td,.medably table.report th {
  border-right: 1px solid #ecedee;
  padding: 6px;
  vertical-align: inherit;
  text-align: center;
}

.medably table.report td:last-child,.medably table.report th:last-child {
  border-right: 0;
}

.medably table.report td.info,.medably table.report th.info {
  font-size: .825em;
  font-weight: 400;
  padding: 6px 20px;
  text-align: left;
}

.medably table.report tr.type th.white {
  background-color: #fff!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f6f6f6));
  background-image: -webkit-linear-gradient(#fff, #f6f6f6);
  background-image: linear-gradient(#fff, #f6f6f6);
}

.medably table.report tbody tr:nth-of-type(odd) td {
  border-bottom: 1px solid #e3f1f5;
  background-color: #f5fafc;
}

.medably .calendar-item {
  height: 4em;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
  border: 1px solid #c7c8cd;
  border-radius: 3px 0 0 3px;
  border-left-width: 4px;
  position: relative;
}

.medably .calendar-item .calendar-item-content {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.medably .calendar-item .calendar-item-content .first-name,.medably .calendar-item .calendar-item-content .last-name {
  line-height: 1;
  text-transform: lowercase;
  float: left;
  padding: 2px;
  font-size: 13px;
}

.medably .calendar-item .calendar-item-content .first-name:first-letter,.medably .calendar-item .calendar-item-content .last-name:first-letter {
  text-transform: uppercase;
}

.medably .calendar-item .calendar-item-content .last-name {
  font-weight: 700;
}

.medably .calendar-item .calendar-item-content .status i.ki:before {
  color: #454859;
  font-size: 14px;
}

.medably .calendar-item.small-calendar-item .first-name,.medably .calendar-item.small-calendar-item .last-name {
  font-size: 12px;
  padding: 1px;
}

.medably .calendar-item.small-calendar-item .last-name {
  font-weight: 600;
}

.medably .calendar-item.small-calendar-item .first-name {
  margin-right: 5px;
}

.medably .calendar-item.time-off {
  padding: 5px;
  background: #e7e8ec;
  border-left-width: 1px;
  z-index: 3px;
  background: repeating-linear-gradient(45deg, #e7e8ec, #e7e8ec 1em, #ecedf0 1em, #ecedf0 2em);
  background: -webkit-repeating-linear-gradient(45deg, #e7e8ec, #e7e8ec 1em, #ecedf0 1em, #ecedf0 2em);
}

.medably .calendar-item:hover .calendar-item-content {
  background: #f9fcfd;
}

.medably .month-column {
  width: 14.28571%;
  float: left;
  position: relative;
  margin-top: -1px;
}

.medably .month-column:first-of-type .month-column-header {
  border-left-width: 1px;
}

.medably .month-column:first-of-type .month-column-day {
  border-left: 1px solid #cdced3;
}

.medably .month-column:last-of-type .month-column-header {
  border-right-width: 1px;
}

.medably .month-column .month-column-header {
  background-color: #e4e5ea;
  background-image: -webkit-linear-gradient(#e4e5ea, #cdcfd8);
  background-image: linear-gradient(#e4e5ea, #cdcfd8);
  border: 1px solid #b9bcc9;
  box-shadow: inset 0 1px 0 #fff, 0 1px 8px transparent;
  font-size: 12.8px;
  padding: .25em .5em;
  margin: 0;
  border-left-width: 0;
  color: #5b5c5e;
  text-align: center;
  text-shadow: 0 1px 0 #efeff2;
}

.medably .month-column .month-column-day {
  width: 100%;
  float: left;
  background: #fbfbfc;
  height: 8em;
  padding: .5em;
  position: relative;
  border-bottom: 1px solid #cdced3;
  border-right: 1px solid #cdced3;
  color: #454859;
}

.medably .month-column .month-column-day:hover {
  background: #f4f5f7;
  cursor: pointer;
}

.medably .month-column .month-column-day.out-of-month {
  background: #efeff2;
  color: #868893;
}

.medably .month-column .month-column-day.out-of-month .month-column-day-label {
  color: #868893;
}

.medably .month-column .month-column-day.out-of-month:hover {
  background: #e7e8ec;
  cursor: pointer;
}

.medably .month-column .month-column-day.current-day {
  background: #e1f0f5;
}

.medably .month-column .month-column-day.current-day:hover {
  background: #d7eaf1;
  cursor: pointer;
}

.medably .month-column .month-column-day .month-column-day-label {
  font-size: 12.8px;
  font-weight: 600;
  color: #454859;
  margin-bottom: .75em;
}

.medably .card .card-content.calendar-header {
  padding: .5em 1em;
}

.medably .card .card-content.calendar-header .button,.medably .card .card-content.calendar-header .page-title.has-goback .go-back-button,.medably .page-title.has-goback .card .card-content.calendar-header .go-back-button {
  margin-top: 2px;
}

.medably .week-day-column {
  width: 25%;
  float: left;
  border-right: 1px solid rgba(0, 0, 0, .1);
  position: relative;
  top: 27px;
}

.medably .week-day-column:first-of-type h3.week-day-column-header {
  border-left-width: 1px;
}

.medably .week-day-column:nth-of-type(2) .week-day-column-header {
  border-left-width: 1px;
}

.medably .week-day-column.current-day h3.week-day-column-header {
  background-color: #f1f2f5;
  background-image: -webkit-linear-gradient(#f1f2f5, #d9dce4);
  background-image: linear-gradient(#f1f2f5, #d9dce4);
  border: 1px solid #c4c9d5;
}

.medably .week-day-column h3.week-day-column-header {
  background-color: #e4e5ea;
  background-image: -webkit-linear-gradient(#e4e5ea, #cdcfd8);
  background-image: linear-gradient(#e4e5ea, #cdcfd8);
  border: 1px solid #b9bcc9;
  box-shadow: inset 0 1px 0 #fff, 0 1px 8px transparent;
  font-size: 12.8px;
  padding: .25em .5em;
  margin: 0;
  border-left-width: 0;
  color: #5b5c5e;
  text-align: center;
  text-shadow: 0 1px 0 #efeff2;
}

.medably .week-day-column h3.week-day-column-header .text-has-icon i:before {
  font-size: 18px;
}

.medably .matched-text {
  color: #f0ad4e;
  font-weight: 700;
  border-bottom: 2px solid #f0ad4e;
}

.medably .popup {
  position: absolute;
  z-index: 100;
  background: #454859;
  color: #fff;
  border-radius: 3px;
  min-width: 15em;
  max-width: 100%;
  left: 0;
  bottom: 3em;
}

.medably .popup:after {
  top: 100%;
  left: 3em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(39, 53, 68, 0);
  border-top-color: #454859;
  border-width: 6px;
  margin-left: -6px;
}

.medably .popup-header {
  color: #fff;
  font-weight: 700;
  margin: 0;
  padding: .5em .5em 0 .5em;
  border-radius: 3px 3px 0 0;
}

.medably .checkbox.toggle .popup input[type=checkbox]:checked+label:before,.medably .checkbox.toggle .popup input[type=radio]:checked+label:before,.medably .code-block .popup .code-block-ui:before,.medably .flash-message .popup .help,.medably .panel.flash .popup .help,.medably .popup .checkbox.toggle input[type=checkbox]:checked+label:before,.medably .popup .checkbox.toggle input[type=radio]:checked+label:before,.medably .popup .code-block .code-block-ui:before,.medably .popup .flash-message .help,.medably .popup .panel.flash .help,.medably .popup .small-text,.medably .popup code,.medably .popup ol.step-nav li:before,.medably ol.step-nav .popup li:before {
  color: #e4e5ea;
  font-weight: 400;
}

.medably .popup-content {
  padding: .5em;
  border-radius: 0 0 3px 3px;
}

.medably .was {
  background: #cdced3;
  color: #6a6d7a;
  text-decoration: line-through;
  padding: 3px 8px;
  border-radius: 3px;
}

.medably #note-navigator i:before {
  top: .5em;
  font-size: 1.35em;
}

.medably #note-navigator i.disabled {
  color: #e5e6eb;
}

.medably #note-navigator li>.lined-link-list,.medably #note-navigator li>.nav-list {
  margin: 0;
  padding-left: .5em;
}

.medably #note-body.card .card-content {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.medably #note-body .card-actions {
  padding: .1em 1em 0;
  margin-top: -1em;
}

.medably #note-body .card-actions:last-of-type {
  margin-bottom: -.6em;
}

.medably #note-body .card-content form {
  display: inline;
}

.medably #note-body .card-content form input {
  width: 100%;
  font-family: inherit;
  box-sizing: border-box;
  border: 1px solid #DDD;
  padding: 1px 2px;
  color: #444;
  -webkit-font-smoothing: antialiased;
}

.medably #note-body .card-content .note-section-body {
  margin-bottom: .5em;
}

.medably .marketing {
  overflow: hidden;
  padding-top: 3em;
}

.medably .marketing.erx {
  background-image: url(./img/erx.png);
  background-repeat: no-repeat;
  background-position: 50% 1em;
  padding-top: 9em;
}

.medably img.temp-help {
  width: 16em;
  position: absolute;
  top: 0;
  left: 0;
}

.medably img.erx-marketing {
  width: 14em;
  position: absolute;
  top: -1em;
  left: -2em;
  opacity: .3;
}

.medably img.notes-tour {
  position: absolute;
  top: -.75em;
  left: -2.5em;
  width: 12em;
}

.medably img.import-patients {
  position: absolute;
  top: -2.25em;
  left: -2.25em;
  width: 11em;
}

.medably .choose-patient .type-ahead-results,.medably .new-message .type-ahead-results {
  top: 2.2em;
  overflow-x: hidden;
}

.medably .choose-patient textarea,.medably .new-message textarea {
  resize: vertical;
  height: 150px;
  max-height: 400px;
}

.medably relative-time {
  color: #a2a4ac;
}

.medably .main-header .right-controls .message-count-container {
  position: absolute;
}

.medably .main-header .right-controls .message-count-container .indicator {
  right: -12px;
}

.medably .message h3,.medably .message-summary-card h3 {
  margin-bottom: 0;
}

.medably .message-summary-card {
  -webkit-transition: background-color .2s ease-in-out .1s;
  -moz-transition: background-color .2s ease-in-out .1s;
  transition: background-color .2s ease-in-out .1s;
  border-radius: 5px;
  margin-bottom: 2px;
}

.medably .message-summary-card:hover .reply {
  opacity: 1;
}

.medably .message-summary-card.is-new {
  background-color: #ebf5f8;
}

.medably .message-summary-card .icon-img {
  margin-top: .5em;
  position: relative;
}

.medably .message-summary-card .icon-img:before {
  font-size: 1em;
}

.medably .message-summary-card .patient-info {
  background-color: #ebf5f8;
  padding: .25em .5em;
  border-radius: 3px;
}

.medably .message-box {
  padding: .5em .25em;
  line-height: 1.3;
}

.medably .message-box::after {
  clear: both;
  content: "";
  display: table;
}

.medably .full-message .type-icon {
  float: left;
}

.medably .date-selector .input-group {
  margin-bottom: 0;
}

.medably .date-selector .input-group span {
  vertical-align: middle;
  margin-top: 4px;
}

.medably .date-selector .input-group-item {
  padding: 5px;
  width: 150px;
}

.medably .date-selector .input-group-item i:before {
  font-size: 15px;
  margin-right: 4px;
}

.medably .date-selector .input-group-item input {
  font-size: 80%;
  font-weight: 700;
  width: 112px;
  border: none;
}

.medably .choose-document .document-search {
  position: relative;
}

.medably .choose-document .document-search .document-search-input {
  position: absolute;
  right: 0;
  top: 0;
}

.medably .choose-document .document-search .document-search-input .search {
  position: absolute;
  top: 7px;
  left: 7px;
}

.medably .choose-document .document-search .document-search-input .search:before {
  font-size: 18px;
}

.medably .choose-document .document-search .document-search-input .input-group-item input {
  padding-left: 2em;
}

.medably .choose-document table {
  display: block;
  height: 245px;
}

.medably .choose-document table tbody,.medably .choose-document table th,.medably .choose-document table thead,.medably .choose-document table tr {
  display: block;
}

.medably .choose-document table thead {
  border-bottom: 1px solid #ececee;
}

.medably .choose-document table thead th {
  border-bottom: none;
}

.medably .choose-document table td,.medably .choose-document table th {
  display: inline-block;
}

.medably .choose-document table .history-list .no-charts,.medably .choose-document table .truncate,.medably .history-list .choose-document table .no-charts {
  display: inline-block;
}

.medably .choose-document .id-field {
  width: 10%;
}

.medably .choose-document .name-field {
  width: 35%;
}

.medably .choose-document .label-field {
  width: 40%;
}

.medably .tour {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
}

.medably .tour .tourBar {
  background: #fff;
  width: 100%;
  height: 50px;
  z-index: 999999;
  top: 0;
  left: 0;
  position: fixed;
}

.medably .tour .tourBar .tourTitle {
  margin: 5px;
}

.medably .tour .tourBar .tourTitle img {
  height: 30px;
  width: 25px;
}

.medably .tour .tourBar .tourTitle .endTourButton {
  margin-left: 30px;
}

.medably .tour .tourContent {
  width: 100%;
  height: 100%;
  top: 50px;
  left: 0;
  position: fixed;
  padding-bottom: 50px;
}

.medably .tour .tour-step .lightbox.open {
  background: rgba(29, 30, 37, .05);
  box-shadow: inset 0 0 10em rgba(0, 0, 0, .25);
}

.medably .tour .lightbox.open .card {
  box-shadow: 0 1px 12px rgba(0, 0, 0, .25);
  max-width: 25em;
  position: absolute;
}

.medably .tour .lightbox.open .card .card-content {
  padding: 2em;
}

.medably .tour .lightbox.open .card.top-left:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: -16px;
  left: 2em;
}

.medably .tour .lightbox.open .card.top-center:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: -16px;
  left: 50%;
}

.medably .tour .lightbox.open .card.top-right:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: -16px;
  right: 2em;
}

.medably .tour .lightbox.open .card.bottom-left:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  bottom: -16px;
  left: 2em;
}

.medably .tour .lightbox.open .card.bottom-center:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  bottom: -16px;
  left: 50%;
}

.medably .tour .lightbox.open .card.bottom-right:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  position: absolute;
  bottom: -16px;
  right: 2em;
}

.medably .tour .lightbox.open .card.right-top:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  right: -16px;
  top: 2em;
}

.medably .tour .lightbox.open .card.right-center:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  right: -16px;
  top: 50%;
}

.medably .tour .lightbox.open .card.right-bottom:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  right: -16px;
  bottom: 2em;
}

.medably .tour .lightbox.open .card.left-top:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  left: -16px;
  top: 2em;
}

.medably .tour .lightbox.open .card.left-center:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  left: -16px;
  top: 50%;
}

.medably .tour .lightbox.open .card.left-bottom:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #fff;
  border-top: 8px solid transparent;
  position: absolute;
  left: -16px;
  bottom: 2em;
}

.medably .tour .tour-end .lightbox.open .card,.medably .tour .tour-start .lightbox.open .card {
  max-width: 35em;
}

.medably .tour .loading .loading-content {
  width: 100%;
}

.medably .notes-tour-header {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
  padding: .5em 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.medably .notes-tour-header img {
  width: 1.5em;
  float: left;
}

.medably .notes-tour-header h2 {
  margin: 0 1em;
  line-height: 1;
  float: left;
  font-size: 19.2px;
}

.medably .provider-dialog {
  position: relative;
  top: -1em;
}

.medably .provider-dialog .provider-dialog-image {
  width: 9em;
  float: left;
  background: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 5px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
}

.medably .provider-dialog .provider-dialog-image img {
  border-radius: 3px 3px 0 0;
}

.medably .provider-dialog .provider-dialog-image .provider-name {
  margin-top: .5em;
}

.medably .provider-dialog .provider-dialog-content {
  margin-left: 10em;
  padding: 1em 2em;
  box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
  position: relative;
  background: #fff;
  border-radius: 3px;
}

.medably .provider-dialog .provider-dialog-content:after,.medably .provider-dialog .provider-dialog-content:before {
  right: 100%;
  top: 4em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.medably .provider-dialog .provider-dialog-content:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}

.medably .provider-dialog .provider-dialog-content:before {
  border-color: rgba(228, 229, 234, 0);
  border-right-color: transparent;
  border-width: 9px;
  margin-top: -9px;
}

.medably .provider-dialog .back {
  position: absolute;
  top: 13.5em;
}

.medably .page-title.has-goback .provider-dialog .active.go-back-button,.medably .provider-dialog .button.active,.medably .provider-dialog .page-title.has-goback .active.go-back-button {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, .2);
  background: #3998b9;
  border-color: #2e7a94;
  color: #fff;
}

.medably .page-title.has-goback .provider-dialog .active.go-back-button:before,.medably .provider-dialog .button.active:before,.medably .provider-dialog .page-title.has-goback .active.go-back-button:before {
  content: "C";
  font-family: KareoIcons;
  font-size: 11px;
  margin-right: 5px;
}

.medably .user-profile {
  padding: 0;
  margin-top: 2em;
  position: relative;
  top: .5em;
}

.medably .user-profile .user-info {
  padding-left: 20px;
}

.medably .user-profile .user-info .name {
  display: flex;
  align-items: center;
}

.medably .user-profile .profile-content .has-hover li:hover {
  background: #f2f2f5;
}

.medably .user-profile .profile-content p {
  margin: 0;
  max-width: 30em;
}

.medably .stack-box {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 0;
  cursor: pointer;
  line-height: 1.75;
}

.medably .stack-box:hover {
  background-color: #f9f9fb;
}

.medably .stack-box .label {
  display: inline-block;
  position: relative;
  top: -1px;
}

.medably .stack-box .close {
  position: absolute;
  right: 0;
  top: -.22em;
  z-index: 3000;
  color: #c7c8cd;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.5em;
}

.medably .stack-box .close:hover {
  color: #454859;
}

.medably .stack-box.input input {
  margin-top: -1px;
}

.medably .stack-box.error {
  border-left-color: #ef5024;
}

.medably .empty-state-border {
  border-radius: 3px;
  border: 1px solid #dadade;
}

.medably .empty-state-border img {
  width: 40%;
}

.medably .sort-arrow {
  position: absolute;
  left: 8px;
  top: 10px;
}

.medably .filter-list-max-height {
  height: auto;
  max-height: 250px;
  overflow-y: auto;
}

.medably .filter-list-max-height::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.medably .filter-list-max-height::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.medably .k-patient-alert.panel.full-bleed.warning {
  padding-top: 4px;
  padding-bottom: 8px;
}

.medably .k-patient-alert.panel.full-bleed.warning .list.input-list span.show-control.close,.medably .k-patient-alert.panel.full-bleed.warning span.show-control.right,.medably .list.input-list .k-patient-alert.panel.full-bleed.warning span.show-control.close {
  cursor: pointer;
}

.medably .k-patient-alert.panel.full-bleed.warning i:before {
  color: #fff;
}

.medably .k-patient-alert.panel.full-bleed.warning .alert-message {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.medably .k-user-list {
  background-color: red;
}

.medably .k-user-list a {
  text-decoration: none;
}

.medably .checkbox.toggle .k-user-list input[type=checkbox]:checked+label:before,.medably .checkbox.toggle .k-user-list input[type=radio]:checked+label:before,.medably .code-block .k-user-list .code-block-ui:before,.medably .flash-message .k-user-list .help,.medably .k-user-list .checkbox.toggle input[type=checkbox]:checked+label:before,.medably .k-user-list .checkbox.toggle input[type=radio]:checked+label:before,.medably .k-user-list .code-block .code-block-ui:before,.medably .k-user-list .flash-message .help,.medably .k-user-list .panel.flash .help,.medably .k-user-list .small-text,.medably .k-user-list code,.medably .k-user-list ol.step-nav li:before,.medably .panel.flash .k-user-list .help,.medably ol.step-nav .k-user-list li:before {
  font-weight: 500;
}

.medably .k-user-list .text-normal {
  font-weight: 500!important;
}

.medably .k-user-list .page-title h1 {
  margin-bottom: .5em;
}

.medably .k-user-list .card-header .button.buttonlink,.medably .k-user-list .card-header .page-title.has-goback .go-back-button,.medably .page-title.has-goback .k-user-list .card-header .go-back-button {
  margin-top: .5em;
}

.medably .k-user-list .well .button.small,.medably .k-user-list .well .page-title.has-goback .go-back-button,.medably .page-title.has-goback .k-user-list .well .go-back-button {
  padding: 6px 8px 4px!important;
}

.medably .k-user-list label {
  font-weight: 600;
}

.medably .k-user-list .checkbox label {
  font-weight: 500;
}

.medably .k-user-list .note-text a,.medably .k-user-list label a {
  text-decoration: none;
}

.medably .k-user-list .note-text a:hover,.medably .k-user-list label a:hover {
  text-decoration: underline;
}

.medably .k-user-list .panel.full-bleed.info i:before {
  color: #FFF;
}

.medably .k-user-list .list-item:hover {
  background-color: #F6F9FA;
}

.medably .k-user-list .list-item.provider .wrap-user {
  margin-top: .5em;
}

.medably .k-user-list .modal .card-content .panel.full-bleed {
  margin: -1em -1em!important;
}

@media print {
  .medably body {
    font-size: 9pt;
    color: #222!important;
    background: 0 0;
  }

  .medably .chrome-wrapper {
    display: none;
  }

  .medably .main-content {
    border: 0;
    background: 0 0;
  }

  .medably .main-footer {
    display: none;
  }

  .medably .page-controls {
    display: none;
  }

  .medably .card {
    box-shadow: 0 0 0 transparent;
    border: 1px solid #222;
  }

  .medably .card .card-content {
    border-bottom: 1px solid #222;
  }

  .medably .flash {
    display: none;
  }

  .medably .button,  .medably .page-title.has-goback .go-back-button {
    display: none!important;
    background: #fff;
    color: #fff;
    border-color: #fff;
  }

  .medably .well {
    box-shadow: 0 0 0 transparent;
    border: 1px solid #222;
  }

  .medably .list .input-group {
    display: none;
  }

  .medably .list .label {
    background: #888!important;
    color: #fff!important;
  }

  .medably .list .label.error,  .medably .list .label.urgent {
    background: #222!important;
  }

  .medably .list .list-item {
    border-bottom: 1px solid #222;
  }
}

.medably .main-header {
  background-color: #454859;
  background-image: -webkit-linear-gradient(#454859, #333542);
  background-image: linear-gradient(#454859, #333542);
  border: 1px solid #24252e;
  box-shadow: none;
}

.medably .main-header .logo {
  width: 95px;
  background-image: url(./img/logo-kman-wmark.svg);
}

.medably .main-header .title {
  position: relative;
  top: 11px;
  right: 0;
  bottom: 0;
  left: 0;
  color: #c8cad5;
}

.medably .main-header .right-controls .dropdown>.button,.medably .main-header .right-controls .page-title.has-goback .dropdown>.go-back-button,.medably .page-title.has-goback .main-header .right-controls .dropdown>.go-back-button {
  color: #c8cad5;
}

.medably .main-header .right-controls .dropdown>.button:hover,.medably .main-header .right-controls .page-title.has-goback .dropdown>.go-back-button:hover,.medably .page-title.has-goback .main-header .right-controls .dropdown>.go-back-button:hover {
  color: #d7d8e0;
}

.medably .main-header .right-controls .dropdown>.button:active,.medably .main-header .right-controls .page-title.has-goback .dropdown>.go-back-button:active,.medably .page-title.has-goback .main-header .right-controls .dropdown>.go-back-button:active {
  color: #8f93a8;
}

.medably .main-nav {
  background: #bebfc5;
  border-bottom: 1px solid #b5b6bd;
}

.medably .main-nav .buttonlink,.medably .main-nav .page-title.has-goback .go-back-button,.medably .page-title.has-goback .main-nav .go-back-button {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
}

.medably .main-nav .history-list li a {
  color: #454859;
}

.medably .main-nav .history-list li a:hover {
  background: #ecedee;
}

.medably .main-nav .nav-item.omnisearch .input-group input {
  background: #e3e4e6;
  color: #454859;
  border: 1px solid #b5b6bd;
  box-shadow: 0 0 0 transparent;
}

.medably .main-nav .nav-item.omnisearch .input-group input:focus::-webkit-input-placeholder {
  color: #454859;
}

.medably .main-nav .nav-item.omnisearch .input-group input:focus::-moz-placeholder {
  color: #454859;
}

.medably .main-nav .nav-item.omnisearch .input-group input:focus:-moz-placeholder {
  color: #454859;
}

.medably .main-nav .nav-item.omnisearch .input-group input:focus:-ms-input-placeholder {
  color: #454859;
}

.medably .main-nav .nav-item.omnisearch .input-group input::-webkit-input-placeholder {
  color: #8f919b;
}

.medably .main-nav .nav-item.omnisearch .input-group input::-moz-placeholder {
  color: #8f919b;
}

.medably .main-nav .nav-item.omnisearch .input-group input:-moz-placeholder {
  color: #8f919b;
}

.medably .main-nav .nav-item.omnisearch .input-group input:-ms-input-placeholder {
  color: #8f919b;
}

.medably .main-nav .nav-item.omnisearch .input-group i.ki.search:before {
  top: 16px;
  color: #454859;
}

.medably .main-nav .nav-item .button.has-icon,.medably .main-nav .nav-item .page-title.has-goback .go-back-button,.medably .page-title.has-goback .main-nav .nav-item .go-back-button {
  color: #373a47;
  text-shadow: 0 1px 0 #b5b6bd;
}

.medably .main-nav .nav-item .button.has-icon:hover,.medably .main-nav .nav-item .page-title.has-goback .go-back-button:hover,.medably .page-title.has-goback .main-nav .nav-item .go-back-button:hover {
  color: #454859;
}

.medably .main-nav .main-nav-list {
  margin-top: 1px;
}

.medably .main-nav .main-nav-list li a {
  color: #454859;
}

.medably .main-nav .main-nav-list li a:hover {
  background: #ecedee;
}

.medably .main-nav .main-nav-list li a.temp-help {
  position: absolute;
  bottom: 2.25em;
  left: .35em;
  width: 100%;
  font-size: 13px;
  color: #7d7f8b;
}

.medably .main-nav .main-nav-list li a.temp-help:hover {
  background: 0 0;
  color: #454859;
}

.medably .main-nav .main-nav-list li.divider {
  border-top: 1px solid #ecedee;
  margin-top: 1em;
  padding-top: 1em;
}

.medably .local-nav {
  background: #346e82;
}

.medably .local-nav ul li a {
  display: block;
  color: #76a3b2;
  text-decoration: none;
  padding: .75em 1.5em;
  position: relative;
  text-align: right;
}

.medably .local-nav ul li a:hover {
  background: #3a7c93;
  color: #fff;
}

.medably .local-nav ul li a.selected {
  font-weight: 700;
}

.medably .local-nav ul li a.selected:after {
  content: "";
  height: 0;
  width: 0;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #f5f5f5;
  border-top: 12px solid transparent;
  position: absolute;
  right: 0;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.cobrand-care360.login-ui {
  font-family: Arial, "Source Sans Pro", Helvetica-Neue, Helvetica;
  color: #63666a;
}

.cobrand-care360.login-ui a {
  color: #35792a;
}

.cobrand-care360.login-ui .main-content,.cobrand-care360.login-ui body {
  background-color: #FFF;
}

.cobrand-care360.login-ui #logo {
  background-image: url(img/cobrand/care360.png);
  background-size: contain;
}

.cobrand-care360.login-ui .cover {
  background-color: #f2f7f2;
  border: none;
  border-radius: 0;
}

.cobrand-care360.login-ui input[type] {
  border-radius: 0;
  border-color: #eee;
}

.cobrand-care360.login-ui .button.primary,.cobrand-care360.login-ui .medably .page-title.has-goback .primary.go-back-button,.medably .page-title.has-goback .cobrand-care360.login-ui .primary.go-back-button {
  background-color: #35792a;
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  border: none;
}

.cobrand-care360.login-ui .button.primary.disabled,.cobrand-care360.login-ui .medably .page-title.has-goback .primary.disabled.go-back-button,.medably .page-title.has-goback .cobrand-care360.login-ui .primary.disabled.go-back-button {
  text-shadow: none;
  background: #41693a;
  border: none;
  box-shadow: none!important;
  color: rgba(255, 255, 255, .5);
  font-weight: 400;
}

.cobrand-care360.login-ui footer {
  padding-bottom: 100px;
  background-image: url(img/cobrand/care360-diagnostics.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.cobrand-care360.login-ui footer a,.cobrand-care360.login-ui footer a:visited {
  color: #999;
}

@media screen and (max-width: 420px) {
  .medably body {
    overflow: hidden;
    height: 800px;
  }
}