html, body {
  font-family: 'Roboto', 'Helvetica', sans-serif;
}

.before-today {display:none;}

img {max-width:100%;}

a { 
    text-decoration: none;
}

.mdl-card {border: 1px solid #ccc;}
.table-break {background:#ccc;}
.table-break td {font-size:18px; font-weight: 600; color:#fff;}
.required-field.empty-field input {background:#ffd5c0;}
.empty-field:before {
  font-family: 'Material Icons';
  content: 'label';
  position:absolute;
  left:-18px;
  bottom:22px;
  color:#fff56c;
  font-size:18px;
}
.required-field.empty-field:before {
  font-family: 'Material Icons';
  content: 'label';
  position:absolute;
  left:-18px;
  bottom:22px;
  color:tomato;
  font-size:18px;
}
.datepick {
  background:transparent;
  padding:0 8px;
  border:0;
  text-align: center;
  width: 140px;
}
.mdl-badge[data-badge]:after {color:#fff; background:tomato;}

.initialize-label {font-size: 18px;
line-height: 32px;}

.hiddenfile {position:absolute; top:-100px;}

.new-note-buttons, .new-communication-buttons {display:flex; justify-content: flex-end;}

#new-note {display:none;}
#new-communication {display:none;}

.edit-row .mdl-textfield {padding:3px;}

.gender-female svg path, .gender-female svg ellipse  {fill: #ef9dae;}

.gender-unknown svg path, .gender-unknown svg ellipse  {fill: #ccc;}

.required-field.empty-group {background:#ffd5c0;}
.empty-group:before {
    font-family: 'Material Icons';
    content: 'label';
    position: absolute;
    margin-left: -18px;
    margin-top: 8px;
    color:#fff56c;
    font-size: 18px;
}

.required-field.empty-group:before {
    font-family: 'Material Icons';
    content: 'label';
    position: absolute;
    margin-left: -18px;
    margin-top: 8px;
    color: tomato;
    font-size: 18px;
}

.service-selection.empty-group:before {content:'';}

.service-selection.required-field {background:#ffd5c0;}
.reason-selection.required-field {color:tomato;}
.service-selection.required-field:before {
    font-family: 'Material Icons';
    content: 'label';
    position: absolute;
    margin-left: -18px;
    margin-top: 8px;
    color: tomato;
    font-size: 18px;
}

.reason-selection.required-field:before {
    font-family: 'Material Icons';
    content: 'label';
    position: absolute;
    margin-left: 0px;
    margin-top: 5px;
    color: tomato;
    font-size: 18px;
}



.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {right:auto !important}

.mdl-radio__outer-circle {
  background: #fff;
    z-index: 1;
  }
.modal-focus {
  position:fixed;
  z-index:1050;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #555;
  opacity: .5;
  display:none;
}

.release p {
    padding: 0 18px;
    margin: 16px 0;
    color:#444;
    font-size:16px;
}



.signature-image-holder {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  height: 100px;
  overflow-y: hidden;
  text-align: center;
}


.listing-modal {
    position: fixed;
    background: #fff;
    z-index: 1100;
    width: 560px;
    max-width: 90%;
    padding: 16px;
    top: 96px;
    margin-left: 10%;
    border-radius:3px;
    display:none;  
}

.popup-modal {
    position: fixed;
    background: #fff;
    z-index: 1100;
    width: 600px;
    max-width: 56%;
    padding: 16px;
    top: 74px;
    margin-left: 16%;
    border-radius: 3px;
    display:none;
}

#popup-header {
  font-size: 24px;
    font-weight: 300;
    line-height: normal;
    margin:0 0 16px;
    padding-left:0;
        background: transparent;
    color: rgba(0, 0, 0, 0.87);
  }
#popup-message {}

#print-iframe {
    height: calc(100vh - 64px);
    position: relative;}

#listing-header {
  font-size: 24px;
    font-weight: 300;
    line-height: normal;
    margin:0;
  }
.listing-modal h2 {font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin:0;
    display: flex;
    align-items: center;
  }
 .listing-modal p {display:flex; align-items: center; 
     line-height: 18px;} 
 .listing-modal i {padding-right:8px;}
 .listing-modal h2 i {font-size:16px;}

 .listing-header {
  display: flex;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom:8px;
 }

.started {color:#ffbf47;}
.started a {color:#ffbf47;}
.complete {color:rgb(76,217,100);}
.complete a {color:rgb(76,217,100);}
.incomplete {color:tomato;}
.incomplete a {color:tomato;}
.override {color:#ccc;}
.override a {color:#ccc;}
.link {color:rgb(64,196,255);}

.search-and-filters {
  display:flex; align-items: center;
  margin: 16px 0;
}

.closed {background: rgba(76,217,100,.2);}
.status-canceled {background: rgba(255, 99, 71,.2);}
.status-canceled:hover {background: rgba(255, 99, 71,.3) !important;}

.status-canceled i.started {display:none;}

.quick-stat {padding-left:4px;width:100%; color: rgba(0,0,0,.7); font-size:13px;}

.secondary-header {
    font-size: 16px;
    align-items: center;
    font-weight: 400;
    display: flex;
}
.secondary-header i {padding-left:8px;}

.listing-buttons {
  padding-top: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5;
}

.popup-buttons {
  padding-top: 8px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e5e5e5;
}
.listing-buttons span {color:#777;}


#popup-cancel {margin-right:16px;}

#techselect + .mdl-menu__container {right:auto !important;}
#techselect + .mdl-menu__container label {display:block !important;}


.past-chip {padding-right:0;}
.past-chip + .mdl-menu__container {right:auto !important;}

#vet_follow_up {padding:8px 16px; line-height: 18px;display: flex;}
#vet_follow_up .mdl-checkbox__label {font-size:14px;}
#private_header, #photo_header {
  margin-bottom:0; display:flex; justify-content:flex-start; align-items:center;
}
#private_header {background: #fff56c;}

.login-error {    padding: 0 16px;
    color: tomato;}

    .character-limit {
      font-size:12px;
      color: #386ca2;
      float:right;
      font-weight:500;
    }

.dental-report h1 {
    font-size: 28px;
    color: #386ca2;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .5px;
}
.dental-report h2 {
  font-size:24px;
  margin: 0;
  background:#386ca2;
  color:#fff;
  font-weight:500;
  letter-spacing:.5px;
  padding:0 16px;
}
.dental-report h3 {
  font-size:18px;
  color:#386ca2;
  background:#bde1ff;
  padding:0 8px;
  font-weight:700;
  letter-spacing: .5px;
  margin-top:0;
}

.dental-report h3:not(:first-of-type) {
  margin-top:16px;
}

.dental-letter {
  background: #fff;
padding: 32px 48px;
}

.note-editor.note-frame {margin-top:80px;}

.dental-letter h2 {font-size:1.3em;}
.dental-letter h3 {font-size:1.2em;}

.follow-up {

}

.follow-up h3 {
  margin:0;
  padding:0;
  background:transparent;
  color:#386ca2;
  font-weight:bold;
}
.mdl-checkbox__box-outline {background:#fff;}
h3 .mdl-checkbox__box-outline {margin-top: 5px;}
.load-bar-container {
  width:100%;
  height:8px;
  margin:24px;
  background:#ccc;
  border-radius:4px;
}
.load-bar {
  height:8px;
  width:0%;
  background:rgb(64,196,255);
  border-radius:4px;
}

.next-step {
position: fixed;
right: 24px;
top: 88px;
z-index: 1000;
}

.finish-selecting {
position: fixed;
right: 24px;
bottom: 48px;
z-index: 1000;
display:none;
}

.grade-1-outline, .pocketing-1-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyIDE4SDlWN0w2IDhWNmw2LTJ2MTR6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-1-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTYuMjUxIDMuNzAybDMuMTAzIDkuNjY4IDMuMDkyLTkuNjY4aDQuNDF2MTMuODk2aC0zLjM1OXYtMy4yNDVsLjMyMy02LjY0My0zLjM2IDkuODg4SDguMjQ3bC0zLjM3LTkuODk3LjMyNCA2LjY1MnYzLjI0NWgtMy4zNVYzLjcwMmg0LjR6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}

.grade-2-outline, .pocketing-2-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0LjcxNCAxNy41OTlINS4xMjl2LTIuMDc1bDQuNDE1LTQuNjQxYzEuMDg4LTEuMjM5IDEuNjMxLTIuMjIzIDEuNjMxLTIuOTUzIDAtLjU5MS0uMTI5LTEuMDQxLS4zODYtMS4zNDktLjI1OC0uMzA4LS42MzItLjQ2Mi0xLjEyMy0uNDYyLS40ODQgMC0uODc3LjIwNi0xLjE3OS42MTgtLjMwMS40MTEtLjQ1Mi45MjYtLjQ1MiAxLjU0Mkg0Ljg0N2MwLS44NDMuMjEtMS42MjEuNjMyLTIuMzM1QzUuOSA1LjIzIDYuNDg1IDQuNjcyIDcuMjMzIDQuMjdjLjc0OC0uNDAyIDEuNTg0LS42MDQgMi41MDktLjYwNCAxLjQ4NCAwIDIuNjI3LjM0MyAzLjQyOSAxLjAyOHMxLjIwMyAxLjY2OSAxLjIwMyAyLjk1M2MwIC41NDEtLjEwMSAxLjA2Ny0uMzAyIDEuNTgtLjIwMS41MTMtLjUxNSAxLjA1LS45MzggMS42MTMtLjQyNS41NjMtMS4xMDggMS4zMTYtMi4wNTIgMi4yNmwtMS43NzMgMi4wNDdoNS40MDV2Mi40NTJ6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-2-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTMuODUyIDE3LjU5OFYzLjcwMmg0LjQ3N2MxLjIyOCAwIDIuMzMxLjI3OCAzLjMxMi44MzUuOTc5LjU1NyAxLjc0NSAxLjM0MyAyLjI5NSAyLjM1Ny41NTEgMS4wMTUuODI4IDIuMTUyLjgzNCAzLjQxMnYuNjM5YzAgMS4yNzMtLjI2OCAyLjQxMy0uODA1IDMuNDIyLS41MzkgMS4wMDktMS4yOTUgMS43OTgtMi4yNzIgMi4zNjctLjk3OC41NjktMi4wNjYuODU3LTMuMjcuODYzSDMuODUyem0zLjM1LTExLjMxdjguNzMyaDEuMTY1Yy45NiAwIDEuNjk4LS4zNDIgMi4yMTQtMS4wMjVzLjc3My0xLjcwMS43NzMtMy4wNXYtLjYwMWMwLTEuMzQyLS4yNTgtMi4zNTQtLjc3My0zLjAzNS0uNTE2LS42ODEtMS4yNjctMS4wMjEtMi4yNTItMS4wMjFINy4yMDJ6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}

.grade-3-outline, .pocketing-3-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTguMDM1IDkuNDAxaDEuNWMxLjE4OSAwIDEuNzgzLS41ODIgMS43ODMtMS43NDUgMC0uNDUzLS4xNDItLjgyMi0uNDI0LTEuMTA4cy0uNjgyLS40MjktMS4xOTgtLjQyOWMtLjQyMSAwLS43ODguMTIzLTEuMDk5LjM2OC0uMzExLjI0Ni0uNDY3LjU1LS40NjcuOTE1SDQuOTVjMC0uNzIzLjIwMS0xLjM2OC42MDQtMS45MzQuNDAyLS41NjYuOTYtMS4wMDggMS42NzQtMS4zMjUuNzEzLS4zMTggMS40OTgtLjQ3NyAyLjM1NC0uNDc3IDEuNTI4IDAgMi43MjkuMzQ5IDMuNjA0IDEuMDQ3Ljg3NC42OTggMS4zMTIgMS42NTcgMS4zMTIgMi44NzcgMCAuNTkxLS4xODIgMS4xNDktLjU0MyAxLjY3NHMtLjg4OS45NTEtMS41OCAxLjI3OGMuNzI5LjI2NCAxLjMwMi42NjUgMS43MTcgMS4yMDMuNDE1LjUzOC42MjMgMS4yMDMuNjIzIDEuOTk1IDAgMS4yMjctLjQ3MiAyLjIwOC0xLjQxNSAyLjk0M3MtMi4xODMgMS4xMDQtMy43MTcgMS4xMDRjLS44OTkgMC0xLjczNC0uMTcxLTIuNTA0LS41MTQtLjc3MS0uMzQzLTEuMzU0LS44MTctMS43NS0xLjQyNS0uMzk2LS42MDYtLjU5NC0xLjI5Ny0uNTk0LTIuMDdoMy4xOThjMCAuNDIxLjE3Ljc4Ni41MDkgMS4wOTQuMzQuMzA5Ljc1OC40NjMgMS4yNTUuNDYzLjU2IDAgMS4wMDYtLjE1NiAxLjM0LS40NjcuMzMzLS4zMTIuNDk5LS43MDkuNDk5LTEuMTkzIDAtLjY5Mi0uMTczLTEuMTgzLS41MTktMS40NzItLjM0Ni0uMjktLjgyNC0uNDM0LTEuNDM0LS40MzRIOC4wMzVWOS40MDF6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-3-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuMjAyIDEyLjg4M3Y0LjcxNWgtMy4zNVYzLjcwMmg1LjU0NWMxLjA2MiAwIDIuMDAzLjE5NiAyLjgyLjU4Ny44MTguMzkxIDEuNDUxLjk0OCAxLjkgMS42Ny40NDcuNzIyLjY3MiAxLjU0MS42NzIgMi40NTggMCAxLjM1NS0uNDg0IDIuNDM4LTEuNDU1IDMuMjUtLjk3LjgxMi0yLjMwMSAxLjIxNy0zLjk5NCAxLjIxN0g3LjIwMnptMC0yLjU4N2gyLjE5NWMuNjQ5IDAgMS4xNDQtLjE2MiAxLjQ4NC0uNDg3LjM0LS4zMjQuNTExLS43ODIuNTExLTEuMzc0IDAtLjY0OS0uMTc2LTEuMTY3LS41MjUtMS41NTZzLS44MjctLjU4NS0xLjQzMi0uNTkxSDcuMjAydjQuMDA4eiIvPg0KPC9zdmc+") !important;
  mask: unset;
  -webkit-mask: unset;
}

.grade-4-outline, .pocketing-4-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEzLjUyNSAxMi4yMzFoMS4zOTZ2Mi40NTJoLTEuMzk2djIuOTE1aC0zLjE3OXYtMi45MTVINS4wMzVsLS4xODgtMS45NDMgNS41LTguODQ4di0uMDI4aDMuMTc5djguMzY3em0tNS42NSAwaDIuNDcyVjguMDA1bC0uMTk4LjMyLTIuMjc0IDMuOTA2eiIvPg0KPC9zdmc+") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-4-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuMjAyIDE1LjAyMWg1LjgzMnYyLjU3N0gzLjg1MlYzLjcwMmgzLjM1djExLjMxOXoiLz4NCjwvc3ZnPg==") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-4b-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIuODUyIDE3LjU5OFYzLjcwMmg0Ljk5MWMxLjc4OCAwIDMuMTQ4LjMyOCA0LjA4Ljk4My45MzIuNjU2IDEuMzk5IDEuNjA3IDEuMzk5IDIuODU0IDAgLjcxOS0uMTY2IDEuMzMzLS40OTYgMS44NDItLjMzMi41MDktLjgxOC44ODQtMS40NiAxLjEyNi43MjUuMTkxIDEuMjgxLjU0NyAxLjY2OSAxLjA2OS4zODkuNTIyLjU4MiAxLjE1OC41ODIgMS45MDkgMCAxLjM2MS0uNDMgMi4zODUtMS4yOTIgMy4wNjgtLjg2Mi42ODQtMi4xNCAxLjAzMi0zLjgzMiAxLjA0NUgyLjg1MnptMy4zNS04LjEwM2gxLjc0N2MuNzMxLS4wMDYgMS4yNTMtLjE0IDEuNTY1LS40MDIuMzEyLS4yNjIuNDY3LS42NDcuNDY3LTEuMTU4IDAtLjU4Ny0uMTY4LTEuMDEtLjUwNi0xLjI2OS0uMzM3LS4yNTgtLjg4MS0uMzg4LTEuNjMyLS4zODhINi4yMDJ2My4yMTd6bTAgMi4xOTV2My4zMzFoMi4xOTVjLjYwNCAwIDEuMDY5LS4xMzggMS4zOTQtLjQxNS4zMjQtLjI3Ni40ODYtLjY2Ni40ODYtMS4xNjkgMC0xLjE1OC0uNTc1LTEuNzQtMS43MjctMS43NDdINi4yMDJ6Ii8+DQo8L3N2Zz4NCg==") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-5-outline {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMFYweiIgZmlsbD0iIzAzYmNkNCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik03LjIgMTVIMTN2Mi42SDMuOVYzLjdoMy4zVjE1ek0xNCA3LjFjMC0uNC4xLS44LjQtMSAuMi0uMS42LS4zIDEuMS0uM3MuOS4xIDEuMi4zYy4yLjIuNC41LjQgMSAwIC44LS41IDEuMy0xLjUgMS4zLTEuMSAwLTEuNi0uNC0xLjYtMS4zem0yLjkgMTAuNUgxNFY5LjJoMi45djguNHoiLz48L3N2Zz4=) !important;
      mask: unset;
  -webkit-mask: unset;
}

.pocketing-5-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEwLjQ4IDguNTEzYy43NzkgMCAxLjQ4Mi4xODEgMi4xMDkuNTQyLjYyNy4zNjEgMS4xMTUuODczIDEuNDY1IDEuNTM0LjM0OC42NjEuNTIzIDEuNDI0LjUyMyAyLjI4OSAwIDEuNTE1LS40NTUgMi42NzYtMS4zNjcgMy40ODVzLTIuMjkxIDEuMjE1LTQuMTM5IDEuMjE1Yy0xLjU4MiAwLTIuODc0LS4yNDQtMy44NzUtLjczMnYtMy4wMDNjLjUzOC4yNDcgMS4xNDUuNDUxIDEuODIxLjYxMS42NzcuMTYxIDEuMjU5LjI0MSAxLjc0Ny4yNDEuNjggMCAxLjIwMS0uMTQ0IDEuNTY2LS40MzIuMzY1LS4yODcuNTQ3LS43MTIuNTQ3LTEuMjc0IDAtLjUyLS4xODYtLjkyMy0uNTU3LTEuMjE0LS4zNjktLjI5MS0uOTMyLS40MzYtMS42ODYtLjQzNi0uNTc2IDAtMS4xOTcuMTA4LTEuODYzLjMyNWwtMS4zNDUtLjY2Ny41MS03LjE1Nmg3LjczMXYzLjA1SDkuMDUzTDguODg3IDguNjhjLjQ4Mi0uMDkzLjgyNC0uMTQ0IDEuMDI5LS4xNTMuMjAzLS4wMDkuMzkzLS4wMTQuNTY0LS4wMTR6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}
.pocketing-6-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQuOTc1IDExLjY2NWMwLTEuODkxLjI3LTMuNDIyLjgxMS00LjU5My41NDEtMS4xNzEgMS4zMzctMi4wMzUgMi4zOTItMi41OTEgMS4wNTMtLjU1NiAyLjM1Mi0uODM0IDMuODk2LS44MzQuNTUxIDAgMS4xOTMuMDUzIDEuOTMuMTU4djIuODY0Yy0uNjE5LS4xMTctMS4yODktLjE3Ni0yLjAxMi0uMTc2LTEuMjI1IDAtMi4xMzUuMjY5LTIuNzM0LjgwN3MtLjkyOCAxLjQxNC0uOTgzIDIuNjMyaC4xMTFjLjU1NS0xLjA1MSAxLjQ0Ny0xLjU3NiAyLjY3OC0xLjU3NiAxLjIwNSAwIDIuMTQxLjM4OCAyLjgwNSAxLjE2NHMuOTk2IDEuODU1Ljk5NiAzLjI0YzAgMS40ODktLjQyIDIuNjY1LTEuMjYgMy41MjctLjg0Mi44NjEtMi4wMTYgMS4yOTMtMy41MjMgMS4yOTMtMS42IDAtMi44NTItLjUyLTMuNzU0LTEuNTU4cy0xLjM1My0yLjQ5MS0xLjM1My00LjM1N3ptNS4wMjMgMy4wMTNjLjM5MSAwIC43MDctLjE0Ni45NTEtLjQ0cy4zNjUtLjc2Mi4zNjUtMS40MDRjMC0xLjEtLjQyNi0xLjY1LTEuMjc5LTEuNjUtLjQyIDAtLjc2Mi4xNDItMS4wMjMuNDI2LS4yNjQuMjg0LS4zOTUuNjMtLjM5NSAxLjAzOCAwIC41OTMuMTI3IDEuMDguMzgxIDEuNDYuMjUyLjM3OS41ODYuNTcgMSAuNTd6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}
.pocketing-7-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTYuMjYzIDE3LjM5NGw0LjY1My0xMC41MDJINS4wNDlWMy44Nmg5Ljc3OXYyLjE2bC00Ljc3MyAxMS4zNzRINi4yNjN6Ii8+DQo8L3N2Zz4=") !important;
  mask: unset;
  -webkit-mask: unset;
}
.pocketing-8-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTkuOTI0IDMuNjQ2YzEuNDI4IDAgMi41MzkuMjg4IDMuMzM0Ljg2Mi43OTMuNTc1IDEuMTg5IDEuMzkgMS4xODkgMi40NDcgMCAuNzE3LS4xODYgMS4zNDYtLjU2MSAxLjg4Ni0uMzczLjU0MS0uOTY1IDEuMDEyLTEuNzc1IDEuNDE0IDEuMDAyLjU2OSAxLjcwNyAxLjEzNiAyLjExOSAxLjcwMS40MS41NjUuNjE3IDEuMTc2LjYxNyAxLjgzMSAwIDEuMjA1LS40MzggMi4xMzgtMS4zMDkgMi43OTlzLTIuMDg4Ljk5Mi0zLjY1Mi45OTJjLTEuNTk0IDAtMi44MTQtLjMyMy0zLjY2MS0uOTY5LS44NDctLjY0Ni0xLjI3LTEuNTc0LTEuMjctMi43ODUgMC0uNzg1LjE4OC0xLjQ1NC41NjUtMi4wMDdzMS4wMS0xLjA1NSAxLjktMS41MDZjLS43MTctLjQ4Mi0xLjI0MS0xLTEuNTcxLTEuNTUzLS4zMjktLjU1Mi0uNDk1LTEuMTU5LS40OTUtMS44MiAwLTEuMDM5LjQwNS0xLjg0NiAxLjIxNC0yLjQyNC44MTEtLjU3OCAxLjkyOC0uODY4IDMuMzU2LS44Njh6TTguMzEyIDEzLjY3N2MwIC4zODMuMTM1LjY5LjQwNi45MjIuMjczLjIzMS42NS4zNDggMS4xMzEuMzQ4IDEuMDg4IDAgMS42MzMtLjM5OCAxLjYzMy0xLjE5NSAwLS4zMDMtLjExOS0uNjAyLS4zNTctLjg5Ni0uMjM4LS4yOTMtLjY2Mi0uNjIyLTEuMjc1LS45ODctLjU0OS4yOTEtLjk0My41ODMtMS4xODIuODc1LS4yMzguMjk1LS4zNTYuNjA2LS4zNTYuOTMzem0xLjU5NC03LjM4OGMtLjMxNCAwLS41ODIuMDkxLS43OTcuMjczLS4yMTYuMTgyLS4zMjQuNDE4LS4zMjQuNzA5IDAgLjUzMi4zNjEgMS4wMDEgMS4wODQgMS40MDkuNDM5LS4yNTMuNzM4LS40ODUuODk4LS42OTUuMTYyLS4yMS4yNDItLjQ0OC4yNDItLjcxNCAwLS4yOTYtLjEwOS0uNTM0LS4zMjQtLjcxNC0uMjE2LS4xNzktLjQ3Ni0uMjY4LS43NzktLjI2OHoiLz4NCjwvc3ZnPg==") !important;
  mask: unset;
  -webkit-mask: unset;
}
.pocketing-9-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0LjgyOCAxMC4wNDJjMCAyLjY1MS0uNTcyIDQuNTctMS43MTUgNS43NTZzLTIuOTczIDEuNzgtNS40ODggMS43OGMtLjgyOCAwLTEuNDU4LS4wMzEtMS44OS0uMDkzdi0yLjkwMWMuNTMxLjA5OSAxLjA2Mi4xNDggMS41OTMuMTQ4IDEuMzExIDAgMi4zMjItLjI3MSAzLjAzMS0uODEyLjcxMS0uNTQxIDEuMDk4LTEuMzk1IDEuMTYtMi41NjNoLS4xMTFjLS4yNDIuNDQ1LS40NzkuNzY3LS43MTUuOTY0LS4yMzQuMTk4LS41MjEuMzQ5LS44NjEuNDU0cy0uNzY0LjE1OC0xLjI3LjE1OGMtMS4xNzQgMC0yLjA5Mi0uMzkzLTIuNzU0LTEuMTc4LS42NjEtLjc4NS0uOTkyLTEuODY3LS45OTItMy4yNDUgMC0xLjUwMS40MjgtMi42NzkgMS4yODQtMy41MzIuODU2LS44NTMgMi4wMjgtMS4yNzkgMy41MTktMS4yNzkgMS42NTYgMCAyLjkzOC41NSAzLjg0NiAxLjY1LjkwOCAxLjEwMyAxLjM2MyAyLjY2NyAxLjM2MyA0LjY5M3pNOS43MjEgNi42MzFjLS40MDIgMC0uNzI5LjE0Ni0uOTc5LjQzNnMtLjM3NS43NTctLjM3NSAxLjRjMCAuNTA3LjEwNy45MS4zMjQgMS4yMXMuNTQ3LjQ0OS45OTIuNDQ5Yy40MDIgMCAuNzUtLjE0NSAxLjA0Ny0uNDM2cy40NDUtLjY0LjQ0NS0xLjA0N2MwLS41NS0uMTM3LTEuMDIzLS40MTItMS40MThzLS42MjItLjU5NC0xLjA0Mi0uNTk0eiIvPg0KPC9zdmc+") !important;
  mask: unset;
  -webkit-mask: unset;
}

.position-many-outline {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+DQogIDxwYXRoIGZpbGw9IiMwM0JDRDQiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4NCiAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQuNzk5IDEyLjMxMWMuNTA5IDAgLjkzMi4xNTEgMS4yNy40NTMuMzM3LjMwMy41MDYuNjg5LjUwNiAxLjE2cy0uMTY5Ljg1Ny0uNTA2IDEuMTU5Yy0uMzM4LjMwMy0uNzYxLjQ1NC0xLjI3LjQ1NC0uNTE2IDAtLjk0LS4xNTMtMS4yNzQtLjQ1OS0uMzM0LS4zMDUtLjUwMS0uNjg5LS41MDEtMS4xNTRzLjE2Ny0uODUuNTAxLTEuMTU1Yy4zMzQtLjMwNS43NTktLjQ1OCAxLjI3NC0uNDU4em00LjY2NyAwYy41MDkgMCAuOTMyLjE1MSAxLjI3LjQ1My4zMzcuMzAzLjUwNS42ODkuNTA1IDEuMTZzLS4xNjguODU3LS41MDUgMS4xNTljLS4zMzguMzAzLS43NjEuNDU0LTEuMjcuNDU0LS41MTYgMC0uOTQtLjE1My0xLjI3NC0uNDU5LS4zMzQtLjMwNS0uNTAxLS42ODktLjUwMS0xLjE1NHMuMTY3LS44NS41MDEtMS4xNTVjLjMzNC0uMzA1Ljc1OS0uNDU4IDEuMjc0LS40NTh6bTQuNjU3IDBjLjUxIDAgLjkzMi4xNTEgMS4yNy40NTMuMzM4LjMwMy41MDYuNjg5LjUwNiAxLjE2cy0uMTY4Ljg1Ny0uNTA2IDEuMTU5Yy0uMzM4LjMwMy0uNzYuNDU0LTEuMjcuNDU0LS41MTYgMC0uOTM5LS4xNTMtMS4yNzMtLjQ1OS0uMzM0LS4zMDUtLjUwMS0uNjg5LS41MDEtMS4xNTRzLjE2Ny0uODUuNTAxLTEuMTU1Yy4zMzQtLjMwNS43NTctLjQ1OCAxLjI3My0uNDU4eiIvPg0KPC9zdmc+") !important;
  mask: unset;
  -webkit-mask: unset;
}

.charting-window {
position: fixed;
bottom: 0;
z-index: 200;
background: #fff;
display: flex;
flex-wrap: wrap;
padding: 16px 16px 8px;
  border: 1px solid #e5e5e5;
  border-radius:3px;
}

.charting-window h4 {
width:100%;
margin-top: -8px;
font-size: 1.2em;
font-weight: bold;
}

.charting-window label {
  width: 50%;
  height:36px;
}

.recede {color: #ccc;
    background: #eee;}
.recede .mdl-checkbox__box-outline {opacity:.2;}

.shorthand {
  font-size:1.4em;
  width:45px;
  float:left;
}

.close-chart {
margin-left: 48px;
margin-right: 32px;
text-align:right;
}

.chart-footer {padding-top:8px;width:100%; display:flex; justify-content: flex-end; border-top:1px solid #e5e5e5;}

.disabled {opacity:.5;}

.chart-input[disabled] {opacity:0;}
 
.canine-row {
  display:flex;
  justify-content:center;
  align-items:center;
}
.canine-row-identifiers {
  display:flex;
  justify-content:space-between;
  align-items:center;
   margin: 0 18px;
  padding:4px;
  background: #E9E0EE;
}
.canine-row-id {
  font-size:1.4em;
  font-weight:bold;
  padding:0px;
}
.canine-left-maxillary, .canine-right-maxillary {
  font-size:1.2em;
}
.canine-left-mandibular, .canine-right-mandibular {
  font-size:1.2em;
}

.feline-row {
  display:flex;
  justify-content:center;
  align-items:center;
}
.feline-row-identifiers {
  display:flex;
  justify-content:space-between;
  align-items:center;
   margin: 0 18px;
  padding:4px;
  background: #E9E0EE;
  
}
.feline-row-id {
  font-size:1.4em;
  font-weight:bold;
  padding:0px;
}
.feline-left-maxillary, .feline-right-maxillary {
  font-size:1.2em;
}
.feline-left-mandibular, .feline-right-mandibular {
  font-size:1.2em;
}

.select-tooth svg path {
  fill:#fff;
}

.selected-tooth svg path {
  fill:#fff56c;
}

.selected-teeth svg path {
  fill:#37b7e3;
}

.selecting-teeth svg path {
  fill: #c1efff;
}

.missing-tooth svg path {
  fill: #808184;
}

.upload-holder {
    display: flex;
    justify-content: space-between;
}

.upload-box {
  background:#bde1ff;
  border-radius: 3px;
  text-align:left;
  min-height:70px;
}
.upload-set {width: 49%;}

@media (max-width:479px) {
.upload-holder {
    display: block;
    justify-content: space-between;
}

  .upload-set {width: calc(100% - 16px);}
}

.upload-button {
  margin:8px;
z-index: 100;
background: #f5f5f5;
position:absolute;
}
.rotate-button {
  margin:8px;
  margin-left:72px;
z-index: 100;
background: #f5f5f5;
position:absolute;
}

.rotate-1 {transform:rotate(90deg);}
.rotate-2 {transform:rotate(180deg);}
.rotate-3 {transform:rotate(270deg);}

canvas {max-width:100%;}

.upload-box img {
border-radius: 3px;
object-fit: cover;
width:100%;
height:100%;
}

.permission-menu {z-index:100;}

.placeholder-reflect {
-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
.canine-left-tooth {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.feline-left-tooth {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.mouth-divider {
  display:flex;
  flex-wrap: wrap;
}

.mouth-divider div {
  width:50%;
  font-size:.8em;
  text-transform: uppercase;
}

.mouth-divider div:first-child, .mouth-divider div:nth-child(2) {
  border-bottom: 1px dashed #ccc;
  padding-bottom:16px;
  margin-bottom:16px;
}


.mouth-divider div:nth-child(even) {
  text-align:right;
}

.quick-chart-container {
  display:flex;
  overflow-x: visible;
  justify-content: flex-end;
}

.quick-chart-container-container {
  width:400px;
  display:flex;
  overflow-x: visible;
  justify-content: flex-end;
}

.quick-chart-container-container:nth-child(5) {
  justify-content: flex-start;
}
.quick-chart-container:nth-child(2) {justify-content: flex-start;}

.quick-chart-container-container:nth-child(5) .quick-chart:not(:empty):before {content: ' '; padding:0 4px;}
.quick-chart-container-container:nth-child(1) .quick-chart:not(:empty):after {content: ' '; padding:0 4px;}

.chart-line-visible .chart-line {height:1px;background:#808184;}

.quick-chart {
  margin-top:-9px;
  background:#f5f5f5;
color: rgba(0,0,0,.87);
height: 20px;
font-size: 14px;
font-weight: 600;
}


.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    
    max-width: 100%;
    margin: 0 8px;
    padding: 20px 0;
}

.dental-report .mdl-textfield {width: calc(50% - 18px);}

.upload-set .mdl-textfield {width: calc(100% - 18px);}

table .mdl-textfield {
  font-size:13px;
  padding:0;
  margin:0;
  width:auto;
}

table .mdl-textfield__input {font-size:13px;}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #386ca2;
    font-size: 14px;
    top: 0px;
    visibility: visible;
}

.instructions {font-size:14px; color:#ccc;}
.multi-label {
color: #386ca2;
font-size: 14px;
top: 8px;
margin: 0 8px;
}

.multi-selection {
  position: absolute;
  border: 1px dotted #37b7e3;
  background: #c1efff;
  z-index:4000;
  }

.multi-group, .multi-group-wide {margin: 0 8px 0 24px;}
.multi-group label {padding-right: 16px; margin:6px 0 4px;}
.multi-group-wide label {padding-right: 32px; margin:6px 0 4px;}

.multi-group .mdl-radio__label {white-space: nowrap;}

.appointment-table, .client-table, .record-table {max-width:100%; width:100%;}
th {background:#bde1ff;}
.appointment-table th, .client-table th {background:#bde1ff; border-top: 8px solid #f5f5f5;}
.appointment-table td:first-of-type{padding-left:30px;  width:140px;
  max-width:140px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;}


.mdl-chip {background-color:#bde1ff;}

.table-date {
  width:140px;
  max-width:140px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.table-date-long {width:180px;}
.table-client {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
        min-width: 160px;
}
.table-pet {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
    min-width:140px;
}
.table-sender {min-width:100px;
  max-width:100px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 0 !important;
}
.table-pet {min-width:160px;
    max-width:160px;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px !important;
}
.table-phone {
  width:140px;
  max-width:140px;
  white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
     padding-left: 0 !important;
}
.cleaning-date {font-size:14px; float:right; color:#444;}


.gradient-selector h4, .position-selector h4, .pocketing-selector h4 {
width:100%;
margin-top: -8px;
font-size: 1.2em;
font-weight: bold;
}

.gradient-group, .position-group, .pocketing-group {display:flex; width:100%; }
.gradient-group label, .position-group label, .pocketing-group label {padding-right:28px;}
.gradient-selector, .position-selector, .pocketing-selector {
  display: none;
position: fixed;
right: 16px;
bottom: 0;
z-index: 300;
background: #fff;
padding: 16px 16px 8px;
  border: 1px solid #e5e5e5;
  border-radius:3px;
}
.gradient-selector .chart-footer, .position-selector .chart-footer, .pocketing-selector .chart-footer {margin-top:16px;}

.close-gradient, .close-position, .close-pocketing {
    margin-left: 48px;
    text-align: right;
}

.card-row {display:flex; align-items: center; padding:4px; margin-right:32px;}
.card-row i {padding-right:8px;}

.mdl-tooltip {white-space: normal; text-align:left;}

.mdl-checkbox__box-outline {
    width: 24px;
    height: 24px;
}
.mdl-checkbox.is-upgraded {
    padding-left: 32px;
    padding-top: 2px;
}

.mdl-tabs__tab-bar {
  justify-content: flex-start;
}

.mdl-tabs__tab {
  background:#ffffff;
  border:1px solid #ccc;
  border-radius:4px 4px 0 0;
  margin-right: 4px;
}

.mdl-chip:active {
 background-color:#c1efff
}

.mdl-tabs__tab.is-active {background:#c1efff;}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active::after {background:#c1efff;;}
.demo-avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
}
.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
  color: rgba(0, 0, 0, 0.54);
}
.mdl-layout__drawer .avatar {
  margin-bottom: 16px;
}
.demo-drawer {
  border: none;
}
/* iOS Safari specific workaround */
.demo-drawer .mdl-menu__container {
  z-index: -1;
}
.demo-drawer .demo-navigation {
  z-index: -2;
}
/* END iOS Safari specific workaround */
.demo-drawer .mdl-menu .mdl-menu__item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.show_appointments {font-size:22px !important;}

#show_past_appointments {
    font-weight: bold;
    padding-left: 8px;
    letter-spacing: .25px;
}

.mdl-menu__item {display:flex; align-items:center;}

.search-chip {margin-left: 16px;padding-right:4px;}
.search-chip .mdl-textfield {
  width:200px;
  max-width:100%;
  padding:0;
  margin-left:0;
}

#search {border-bottom:0;}

.demo-drawer-header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 16px;
  height: 151px;
}
.demo-avatar-dropdown {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.demo-navigation {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.demo-layout .demo-navigation .mdl-navigation__link {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(255, 255, 255, 0.56);
  font-weight: 500;
}
.demo-layout .demo-navigation .mdl-navigation__link:hover {
  background-color: #00BCD4;
  color: #37474F;
}
.demo-navigation .mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.56);
  margin-right: 32px;
}

.clinic-horizontal {width: calc(100% - 18px) !important;display:block;}
.clinic-vertical {width: calc(100% - 18px) !important;display:none;}

@media (min-width:480px) and (max-width:839px) {
.clinic-horizontal {display:none;}
.clinic-vertical {display:block;}
}


.hwt-container {
  display: inline-block;
  position: relative;
  overflow: hidden !important;
  -webkit-text-size-adjust: none !important;
}

.hwt-backdrop {
  position: absolute !important;
  top: 0 !important;
  right: -99px !important;
  bottom: 0 !important;
  left: 0 !important;
  padding-right: 99px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.hwt-highlights {
  width: auto !important;
  height: auto !important;
  border-color: transparent !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  color: transparent !important;
  overflow: hidden !important;
}

.hwt-input {
  display: block !important;
  position: relative !important;
  margin: 0;
  padding: 0;
  border-radius: 0;
  font: inherit;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.hwt-content {
  border: 1px solid;
  background: none transparent !important;
}

.hwt-content mark {
  padding: 0 !important;
  color: inherit;
}