@charset "UTF-8";
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 17, 2018 */
@font-face {
  font-family: 'Noto Sans';
  src: url("../assets/fonts/notosans-bold-webfont.woff2") format("woff2"), url("../assets/fonts/notosans-bold-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Noto Sans';
  src: url("../assets/fonts/notosans-bolditalic-webfont.woff2") format("woff2"), url("../assets/fonts/notosans-bolditalic-webfont.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Noto Sans';
  src: url("../assets/fonts/notosans-italic-webfont.woff2") format("woff2"), url("../assets/fonts/notosans-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Noto Sans';
  src: url("../assets/fonts/notosans-regular-webfont.woff2") format("woff2"), url("../assets/fonts/notosans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

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

* {
  outline: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent; }
  *::after, *::before {
    box-sizing: border-box; }

html {
  overflow-y: scroll;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.15; }

img {
  border: 0;
  max-width: 100%;
  vertical-align: middle; }

textarea {
  resize: none; }

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

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none; }
  a:active, a:hover {
    outline: 0; }

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border-radius: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

li {
  list-style: none; }

u {
  text-decoration: underline; }

::-webkit-file-upload-button {
  cursor: pointer; }

input[type="text"],
input[type="password"],
textarea {
  border-radius: 0;
  -webkit-appearance: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset; }

/* structures */
.center-contents {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative; }

/* ui components */
.button {
  padding: 20px 32px;
  background-color: #101e8e;
  color: #FFFFFF;
  cursor: pointer;
  text-align: center;
  border: none;
  border-radius: 100px;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .button {
      padding: 16px 32px;
      font-size: 12px; } }
  .button.large {
    padding: 20px 40px; }
    @media screen and (max-width: 767px) {
      .button.large {
        font-size: 15px;
        padding-top: 15px;
        padding-bottom: 15px; } }
  .button.btn-tutor {
    background-color: #d03e68; }
  .button.btn-vet {
    background-color: #04adee; }

.card {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px; }
  .card .image {
    overflow: hidden;
    height: 200px;
    display: block;
    width: 100%; }
    .card .image .img {
      height: 100%;
      background-size: cover;
      background-position: 50% 50%;
      transition: all 300ms ease; }
  .card .text-group {
    flex-grow: 1; }
  .card .title {
    padding: 6px 0;
    color: #101e8e; }
  .card .link {
    color: #101e8e;
    margin-top: 15px;
    display: inline-block; }
  .card.link-bottom .text-group {
    padding-bottom: 40px; }
  .card.link-bottom .link {
    position: absolute;
    bottom: 10px; }

.pagination {
  padding: 10px 0;
  display: flex;
  align-items: center; }
  .pagination .of {
    padding: 0 5px; }
  .pagination a {
    padding: 0.4rem 0;
    width: 3rem;
    background-color: #101e8e;
    color: #FFFFFF;
    text-align: center;
    margin-right: 4px;
    border: solid 1px #101e8e;
    transition: all 300ms ease; }
    .pagination a.selected, .pagination a:hover {
      color: #101e8e;
      background-color: #FFFFFF; }

/* typography */
.long-text,
.short-text {
  color: #4a4a4a;
  font-size: 1.3rem; }
  .long-text p,
  .short-text p {
    color: #4a4a4a; }
  .long-text a,
  .short-text a {
    text-decoration: underline;
    transition: all 300ms ease; }
    .long-text a:hover,
    .short-text a:hover {
      opacity: 0.8; }
  .long-text ul li,
  .short-text ul li {
    position: relative;
    padding-left: 12px; }
    .long-text ul li:before,
    .short-text ul li:before {
      content: "•";
      position: absolute;
      top: -1px;
      left: 0; }

.brand-color {
  color: #101e8e; }

/* grids */
.gutter15 {
  margin-left: -15px !important;
  margin-right: -15px !important; }
  .gutter15 .col,
  .gutter15 > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px; }

.gutter3 {
  margin-left: -5px !important;
  margin-right: -5px !important; }
  .gutter3 .col,
  .gutter3 > [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px; }

.gutter0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }
  .gutter0 .col,
  .gutter0 > [class*="col-"] {
    padding-left: 0;
    padding-right: 0; }

.gutter-big {
  margin-left: -3.5rem !important;
  margin-right: -3.5rem !important; }
  .gutter-big .col,
  .gutter-big > [class*="col-"] {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }

.gutter-70 {
  margin-left: -7rem !important;
  margin-right: -7rem !important; }
  .gutter-70 .col,
  .gutter-70 > [class*="col-"] {
    padding-left: 7rem;
    padding-right: 7rem; }

.gutter-vertical-big, .form-container.login-form .input-holder {
  margin-bottom: -3.5rem; }
  .gutter-vertical-big [class*="col-"], .form-container.login-form .input-holder [class*="col-"],
  .gutter-vertical-big > div,
  .form-container.login-form .input-holder > div {
    padding-bottom: 3.5rem; }
  .gutter-vertical-big > input, .form-container.login-form .input-holder > input {
    margin-bottom: 3.5rem; }

/* animations */
.fade-it {
  transition: opacity 300ms ease; }
  .fade-it:hover {
    opacity: 0.8; }

.zoom-in {
  transition: all 300ms ease; }
  .zoom-in:hover {
    transform-origin: 50% 50%;
    transform: scale(1.1);
    webkit-transform-origin: 50% 50%;
    webkit-transform: scale(1.1); }

/* misc */
.sprite {
  /*background-image: url('/images/sprites.png');	*/ }

.slideshow .contents .item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table; }
  .slideshow .contents .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 90; }
  .slideshow .contents .item .text-group {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    white-space: normal;
    color: #ffffff;
    position: relative;
    z-index: 91; }
    .slideshow .contents .item .text-group .title {
      padding: 0 80px;
      font-size: 2.2rem;
      margin-bottom: 5px; }
    .slideshow .contents .item .text-group .short-text {
      color: #ffffff;
      padding: 0 80px; }

.slideshow .bullets {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center; }
  .slideshow .bullets .item {
    display: inline-block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 0;
    background-color: rgba(255, 255, 255, 0.7);
    margin: 0 5px;
    cursor: pointer; }
    .slideshow .bullets .item.item-selected {
      background-color: white; }

.d-flex {
  display: flex; }
  .d-flex.align-items-end {
    align-items: flex-end; }
  .d-flex.direction-column {
    flex-direction: column; }

.page-platform {
  min-height: calc(100vh - 140px - 80px);
  padding: 5.6rem 0;
  display: flex;
  align-items: center; }
  .page-platform .center-contents {
    flex: 1; }
  .page-platform .title {
    font-size: 2.2rem;
    font-weight: bold;
    padding-bottom: 1.6rem; }
  .page-platform .sub-title {
    font-size: 1.9rem; }
  .page-platform .section-title {
    font-weight: normal;
    font-size: 2.2rem;
    padding-bottom: 1.3rem; }

.white-wrapper {
  padding: 4.5rem 5.5rem;
  background-color: #FFFFFF !important;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .white-wrapper {
      padding: 25px 30px; } }

.contents-container {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .contents-container {
      flex-wrap: wrap; } }
  .contents-container > .image-container {
    width: 33.33333%;
    padding-right: 5.8rem; }
    @media screen and (max-width: 767px) {
      .contents-container > .image-container {
        width: 100%;
        padding-right: 0;
        text-align: center;
        padding-bottom: 20px; }
        .contents-container > .image-container img {
          height: 180px; } }
  .contents-container > .contents {
    width: 66.66667%; }
    @media screen and (max-width: 767px) {
      .contents-container > .contents {
        width: 100%; } }
    .contents-container > .contents.thank-you {
      display: none; }
      .contents-container > .contents.thank-you.active {
        display: block; }

@media screen and (max-width: 767px) {
  .form-container {
    flex-wrap: wrap; } }

.form-container.alternative input[type="text"],
.form-container.alternative input[type="password"],
.form-container.alternative input[type="email"],
.form-container.alternative select {
  border: none;
  border-bottom: solid 1px #d0d0d0;
  height: 32px;
  width: 100%;
  border-radius: 0;
  font-size: 13px;
  color: #6e6e6e; }

.form-container.register-form {
  padding-top: 4.6rem; }
  @media screen and (max-width: 767px) {
    .form-container.register-form {
      padding-top: 20px; } }
  .form-container.register-form .input-holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3.5rem -3.5rem; }
    @media screen and (max-width: 767px) {
      .form-container.register-form .input-holder {
        margin: 0 0 -25px; } }
    .form-container.register-form .input-holder > input,
    .form-container.register-form .input-holder > div {
      width: 50%;
      padding: 0 3.5rem 3.5rem; }
      @media screen and (max-width: 767px) {
        .form-container.register-form .input-holder > input,
        .form-container.register-form .input-holder > div {
          width: 100%;
          padding: 0 0 25px; } }
  .form-container.register-form .form-footer {
    padding-top: 3rem; }
    .form-container.register-form .form-footer .d-flex {
      align-items: flex-end; }
      @media screen and (max-width: 767px) {
        .form-container.register-form .form-footer .d-flex {
          padding-top: 30px;
          flex-wrap: wrap;
          justify-content: center; }
          .form-container.register-form .form-footer .d-flex .terms-and-conditions {
            width: 100%;
            margin-right: 0 !important; }
          .form-container.register-form .form-footer .d-flex .button {
            margin-top: 27px; } }
      .form-container.register-form .form-footer .d-flex .terms-and-conditions {
        margin-right: 20px; }

.form-container.login-form {
  padding-top: 4.6rem;
  padding-bottom: 5.5rem;
  display: flex;
  max-width: 100%;
  align-items: flex-end; }
  @media screen and (max-width: 767px) {
    .form-container.login-form {
      padding-top: 20px;
      padding-bottom: 32px; } }
  .form-container.login-form .input-holder {
    flex: 1 0 auto; }
    @media screen and (max-width: 767px) {
      .form-container.login-form .input-holder {
        width: 100%;
        padding-bottom: 32px; } }
  .form-container.login-form .button-holder {
    align-self: flex-end;
    flex: 0 1 auto;
    padding-left: 2rem; }
    @media screen and (max-width: 767px) {
      .form-container.login-form .button-holder {
        padding-left: 0;
        text-align: center;
        width: 100%; } }

.helper-text {
  color: #4a4a4a;
  font-size: 12px; }
  @media screen and (max-width: 767px) {
    .helper-text {
      text-align: center; }
      .helper-text a {
        display: inline-block; } }
  .helper-text a {
    text-decoration: underline; }

.form-message {
  text-align: left;
  padding: 0 0 20px 0;
  color: #D90000;
  font-weight: bold;
  font-size: 14px;
  margin-top: -20px; }
  .form-message:empty {
    display: none; }
  .form-message.success {
    color: #090; }

.page-forgot-password .form-container {
  padding: 0; }

.page-forgot-password .steps {
  padding: 6rem 0; }
  @media screen and (max-width: 767px) {
    .page-forgot-password .steps {
      padding: 20px 0 0; } }
  .page-forgot-password .steps.form-submitted .form-container {
    display: none; }
  .page-forgot-password .steps.form-submitted .check-email {
    display: block; }
  .page-forgot-password .steps .check-email {
    font-size: 13px;
    display: none; }

.input-group {
  display: flex;
  position: relative;
  width: 100%;
  align-items: stretch;
  margin-bottom: 1.2rem;
  padding-left: 36px; }
  .input-group .input-addon {
    position: absolute;
    left: 0;
    top: 0;
    height: 32px;
    width: 36px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold; }
    .input-group .input-addon[class*="icon-"] {
      font-size: 1.7rem; }
  .input-group .form-input {
    position: relative;
    margin-bottom: 0; }

.button-flat {
  font-weight: bold;
  text-decoration: underline;
  margin-left: 25px;
  position: relative;
  display: inline-block;
  border: none;
  background: none;
  font-size: 13px; }
  .button-flat:before {
    position: absolute;
    right: 100%;
    margin-right: 5px;
    font-size: 1.5em;
    margin-top: -4px; }

.user-information-container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  position: relative; }
  .user-information-container .user-image {
    width: 87px;
    flex: 0 1 87px;
    margin-top: 4.8rem; }
    @media screen and (max-width: 767px) {
      .user-information-container .user-image {
        display: none; } }
  .user-information-container > .contents {
    flex: 1;
    padding-left: 1.8rem; }
    .user-information-container > .contents .user-name {
      font-weight: bold;
      font-size: 1.9rem;
      color: #252525;
      padding-bottom: 3.5rem; }
  .user-information-container .actions {
    padding-top: 2.6rem;
    display: flex;
    align-items: center;
    flex-basis: 100%; }
    .user-information-container .actions .form-message {
      padding-bottom: 0;
      margin-top: 0; }
    .user-information-container .actions .direction-column button {
      margin-top: 1.4rem; }
    @media screen and (max-width: 767px) {
      .user-information-container .actions .icon-logout {
        display: none; } }

.loading-contents {
  position: relative; }
  .loading-contents::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99; }
  .loading-contents::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    border: 8px solid #fff;
    border-radius: 50%;
    border-top: 8px solid #555;
    width: 60px;
    height: 60px;
    animation: spin 0.6s linear infinite;
    z-index: 100; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.form-interface input,
.form-interface select,
.form-interface textarea {
  height: 32px;
  font-size: 1.3rem;
  color: #6e6e6e;
  border: 1px solid #c9c6c0;
  padding: 0 8px;
  width: 100%;
  border-radius: 0;
  background: none; }
  .form-interface input:disabled,
  .form-interface select:disabled,
  .form-interface textarea:disabled {
    background: #f9f9f9 !important;
    border-color: #f9f9f9 !important; }
  .form-interface input::placeholder,
  .form-interface select::placeholder,
  .form-interface textarea::placeholder {
    font-style: italic; }
  .form-interface input.input-error,
  .form-interface select.input-error,
  .form-interface textarea.input-error {
    border-color: #D90000 !important; }

.form-interface textarea {
  padding: 10px;
  line-height: 1.5;
  height: 95px; }

.form-interface .form-message {
  margin-top: 0;
  padding: 0; }

.select-wrapper {
  position: relative; }
  .select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .select-wrapper .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.8px 4.8px 0 4.8px;
    border-color: #d03e68 transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 8px;
    z-index: 98; }

.page-clinic .select-wrapper .arrow {
  border-color: #04adee transparent transparent transparent; }

.page-clinic .sub-title a {
  color: #04adee;
  text-decoration: underline; }

.page-tutor .sub-title a {
  color: #d03e68;
  text-decoration: underline; }

.ml-auto {
  margin-left: auto; }

.modal {
  display: block;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 101;
  /* Sit on top */
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  /* Full width */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Black w/ opacity */ }
  .modal .modal-content {
    margin: 4rem auto 0;
    /* 15% from the top and centered */ }

.modal-enter {
  opacity: 0; }

.modal-leave-active {
  opacity: 0; }

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.text-contrast {
  color: white !important; }
  .text-contrast::before {
    color: white !important; }

.button-logout {
  display: inline-block;
  position: absolute;
  top: -36px;
  right: 15px;
  font-size: 16px; }

@media screen and (max-width: 767px) {
  .d-none-low, .clinic-interface .user-information-container .input-group.image-placeholder {
    display: none; } }

.full-width-dashed-button {
  font-weight: bold;
  font-size: 1.3rem;
  width: 100%;
  background: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.4rem 0; }
  .full-width-dashed-button .icon-add {
    padding-right: 1.3rem;
    font-size: 1.9rem;
    height: 19px; }

.bordered-section {
  border: 1px solid #d0d0d0;
  padding: 3.8rem 4.1rem;
  position: relative; }
  @media screen and (max-width: 767px) {
    .bordered-section {
      padding: 30px 27px; } }
  .bordered-section .section-title {
    position: absolute;
    top: -13px;
    left: 50%;
    display: inline-block;
    transform: translateX(-50%);
    padding: 0 12px;
    background-color: white;
    line-height: 26px;
    text-align: center; }

.confirm-action-modal {
  display: none; }
  .confirm-action-modal .modal-content {
    width: 80%;
    margin-top: 15%;
    display: flex;
    align-items: center;
    padding: 30px 60px; }
    .confirm-action-modal .modal-content .image-container {
      width: 40%;
      padding-right: 5rem; }
      .confirm-action-modal .modal-content .image-container img {
        width: 100%;
        max-height: 100%; }
    .confirm-action-modal .modal-content .errors {
      font-size: 10px;
      opacity: 0.8; }
    .confirm-action-modal .modal-content .contents {
      flex: 1; }
      .confirm-action-modal .modal-content .contents > p {
        font-weight: bold;
        font-size: 1.8rem;
        padding-bottom: 3.5rem; }
      .confirm-action-modal .modal-content .contents .d-flex {
        justify-content: space-between;
        width: 100%; }
      .confirm-action-modal .modal-content .contents .button-flat {
        text-transform: uppercase;
        margin-left: 0; }

#cookies-info {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 10px 10px 10px;
  background: #e4e4e4;
  z-index: 8000;
  display: none; }
  #cookies-info .container {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1020px) {
      #cookies-info .container {
        flex-direction: column; } }
  #cookies-info .title {
    font-size: 16px;
    padding-bottom: 4px; }
  #cookies-info .text {
    font-size: 12px; }
  #cookies-info .text a {
    text-decoration: underline;
    color: #000000; }
  #cookies-info #cookies-info-accept {
    background: #333;
    color: #ffffff;
    padding: 6px 15px;
    margin-left: 20px;
    font-size: 13px;
    border: none;
    outline: none;
    cursor: pointer; }
    @media screen and (max-width: 1020px) {
      #cookies-info #cookies-info-accept {
        margin: 10px 0 0 0; } }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 480px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 1024px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 320px) {
  .col-xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xs-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xs-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xs-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xs-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xs-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xs-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xs-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xs-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xs-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xs-first {
    order: -1; }
  .order-xs-1 {
    order: 1; }
  .order-xs-2 {
    order: 2; }
  .order-xs-3 {
    order: 3; }
  .order-xs-4 {
    order: 4; }
  .order-xs-5 {
    order: 5; }
  .order-xs-6 {
    order: 6; }
  .order-xs-7 {
    order: 7; }
  .order-xs-8 {
    order: 8; }
  .order-xs-9 {
    order: 9; }
  .order-xs-10 {
    order: 10; }
  .order-xs-11 {
    order: 11; }
  .order-xs-12 {
    order: 12; }
  .offset-xs-0 {
    margin-left: 0; }
  .offset-xs-1 {
    margin-left: 8.33333%; }
  .offset-xs-2 {
    margin-left: 16.66667%; }
  .offset-xs-3 {
    margin-left: 25%; }
  .offset-xs-4 {
    margin-left: 33.33333%; }
  .offset-xs-5 {
    margin-left: 41.66667%; }
  .offset-xs-6 {
    margin-left: 50%; }
  .offset-xs-7 {
    margin-left: 58.33333%; }
  .offset-xs-8 {
    margin-left: 66.66667%; }
  .offset-xs-9 {
    margin-left: 75%; }
  .offset-xs-10 {
    margin-left: 83.33333%; }
  .offset-xs-11 {
    margin-left: 91.66667%; } }

@media (min-width: 480px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1024px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.affix {
  position: fixed; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.interactive, .button, .button-flat, .full-width-dashed-button {
  cursor: pointer;
  transition: opacity 300ms ease-out; }
  .interactive:hover, .button:hover, .button-flat:hover, .full-width-dashed-button:hover {
    opacity: 0.8; }

.form-container .form-group {
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  width: 100%; }

.form-container .form-label {
  display: block;
  font-size: 1.4rem;
  padding-bottom: 3px; }

.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="email"],
.form-container select {
  border: none;
  border-bottom: solid 1px #d0d0d0;
  height: 32px;
  width: 100%;
  border-radius: 0;
  font-size: 13px;
  color: #6e6e6e; }

.form-container textarea {
  border: none;
  width: 100%;
  border-radius: 0;
  font-size: 13px;
  color: #6e6e6e;
  padding: 8px; }

.form-container .combobox {
  position: relative; }
  .form-container .combobox:after {
    width: 32px;
    height: 32px;
    background: #101e8e;
    content: '▾';
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
    color: #FFFFFF;
    font-size: 2rem;
    text-align: center;
    padding-top: 2px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.form-container .checkbox,
.form-container .radio {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  align-items: center; }
  .form-container .checkbox .form-input,
  .form-container .radio .form-input {
    width: 32px;
    height: 32px;
    opacity: 0;
    z-index: 3;
    position: relative;
    cursor: pointer; }
    .form-container .checkbox .form-input:checked + .form-label:after,
    .form-container .radio .form-input:checked + .form-label:after {
      content: '✔';
      background: #101e8e;
      color: #FFFFFF;
      text-align: center;
      padding-top: 6px; }
  .form-container .checkbox .form-label,
  .form-container .radio .form-label {
    z-index: 2;
    padding-left: 10px;
    padding-right: 10px; }
    .form-container .checkbox .form-label:empty,
    .form-container .radio .form-label:empty {
      padding: 0; }
    .form-container .checkbox .form-label:after,
    .form-container .radio .form-label:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 32px;
      height: 32px;
      background: #FFFFFF;
      opacity: 1;
      border: solid 1px #d0d0d0;
      cursor: pointer;
      z-index: 2;
      border-radius: 4px; }

.form-container .radio .form-label:after {
  border-radius: 50%; }

.form-container .radio .form-input:checked + .form-label:after {
  content: '';
  background: #FFFFFF; }

.form-container .radio .form-input:checked + .form-label:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  background: #101e8e;
  top: 10px;
  left: 10px;
  z-index: 5;
  border-radius: 50%; }

.form-container .file-input {
  display: flex;
  position: relative;
  cursor: pointer; }
  .form-container .file-input .button {
    pointer-events: none;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0; }
  .form-container .file-input .file-value {
    background: #FFFFFF;
    border: solid 1px #d0d0d0;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    overflow: hidden;
    flex-grow: 1;
    border-radius: 4px; }
  .form-container .file-input input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    opacity: 0;
    height: 100%; }
    .form-container .file-input input.input-error + .button,
    .form-container .file-input input.input-error + .file-value {
      border-bottom: solid 1px #D90000 !important; }

.form-container .input-error {
  border-bottom: solid 1px #D90000 !important; }
  .form-container .input-error + .form-label:after {
    background: #D90000 !important; }

.form-container .form-message {
  color: #D90000;
  padding: 5px 10px;
  margin: 20px 0;
  text-align: center;
  width: 100%; }
  .form-container .form-message.error {
    color: #FF0000;
    background: #D90000; }
  .form-container .form-message.success {
    background: #090;
    color: #00FF00; }

.form-container.inline-labels .form-group {
  flex-direction: row; }
  .form-container.inline-labels .form-group > .text-right {
    width: 100%; }
  .form-container.inline-labels .form-group > .form-label {
    line-height: 32px;
    width: 100px;
    flex-shrink: 0;
    padding-right: 10px; }
    .form-container.inline-labels .form-group > .form-label:empty {
      width: auto; }

@font-face {
  font-family: "icon-font";
  src: url("../assets/fonts/icon-font.eot");
  src: url("../assets/fonts/icon-font.eot?#iefix") format("eot"), url("../assets/fonts/icon-font.woff2") format("woff2"), url("../assets/fonts/icon-font.woff") format("woff"), url("../assets/fonts/icon-font.ttf") format("truetype"), url("../assets/fonts/icon-font.svg#icon-font") format("svg"); }

.icon-add:before, .icon-arrow-next:before, .icon-arrow-prev:before, .icon-close:before, .icon-download:before, .icon-edit:before, .icon-email:before, .icon-eye:before, .icon-female:before, .icon-house:before, .icon-location:before, .icon-logout:before, .icon-male:before, .icon-ok:before, .icon-password:before, .icon-phone:before, .icon-schedules:before, .icon-search:before, .icon-trash:before, .icon-treatment-end:before, .icon-treatment-start:before, .clinic-interface .user-information-container .clinic-image-holder.editing:after {
  font-family: "icon-font";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none; }

.icon-add:before {
  content: ""; }

.icon-arrow-next:before {
  content: ""; }

.icon-arrow-prev:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-edit:before {
  content: ""; }

.icon-email:before {
  content: ""; }

.icon-eye:before {
  content: ""; }

.icon-female:before {
  content: ""; }

.icon-house:before {
  content: ""; }

.icon-location:before {
  content: ""; }

.icon-logout:before {
  content: ""; }

.icon-male:before {
  content: ""; }

.icon-ok:before {
  content: ""; }

.icon-password:before {
  content: ""; }

.icon-phone:before {
  content: ""; }

.icon-schedules:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-treatment-end:before {
  content: ""; }

.icon-treatment-start:before {
  content: ""; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

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

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

#page-contacts {
  padding-top: 40px; }
  #page-contacts .form-container {
    max-width: 400px; }
  #page-contacts .center-contents {
    margin-bottom: 50px; }
  #page-contacts #form2 {
    max-width: 800px;
    margin-top: 50px; }
  #page-contacts #form3 {
    max-width: 800px;
    margin-top: 50px; }

#page-home .jumbotron {
  padding-top: 62%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  @media screen and (max-width: 767px) {
    #page-home .jumbotron {
      padding-top: 0;
      height: 300px; } }
  #page-home .jumbotron.tutor {
    background-image: url("/assets/images/img_tutor.jpg"); }
  #page-home .jumbotron.vet {
    background-image: url("/assets/images/img_vet.jpg"); }
  #page-home .jumbotron .contents {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Noto Sans";
    color: #FFFFFF;
    text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.66);
    line-height: 1; }
    #page-home .jumbotron .contents .title {
      font-weight: bold;
      font-size: 4rem;
      padding-bottom: 2rem; }
    #page-home .jumbotron .contents .text {
      font-size: 2rem;
      padding-bottom: 5.2rem; }
      @media screen and (max-width: 767px) {
        #page-home .jumbotron .contents .text {
          padding-bottom: 3rem; } }
    #page-home .jumbotron .contents .button {
      box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.3); }

#page-home .headlines-list .headline {
  padding: 5.6rem 0; }
  @media screen and (max-width: 767px) {
    #page-home .headlines-list .headline {
      padding-top: 0; } }
  #page-home .headlines-list .headline:nth-child(even) {
    background-color: #f7f7f7; }
    #page-home .headlines-list .headline:nth-child(even) .text-holder {
      order: 1; }
    #page-home .headlines-list .headline:nth-child(even) .image-holder {
      order: 2; }
    @media screen and (max-width: 767px) {
      #page-home .headlines-list .headline:nth-child(even) .text-holder, #page-home .headlines-list .headline:nth-child(even) .image-holder {
        order: 1; } }
  #page-home .headlines-list .headline .row {
    align-items: center; }
  #page-home .headlines-list .headline .text-holder .title {
    font-weight: bold;
    color: #101e8e;
    font-size: 2.5rem;
    padding-bottom: 3.2rem; }
  #page-home .headlines-list .headline .text-holder .text {
    font-size: 1.8rem; }
  @media screen and (max-width: 767px) {
    #page-home .headlines-list .headline .text-holder .title {
      text-align: center;
      font-size: 24px; }
    #page-home .headlines-list .headline .text-holder .text {
      text-align: center;
      font-size: 18px; } }
  #page-home .headlines-list .headline .image-holder {
    text-align: center; }
  #page-home .headlines-list .headline img {
    max-height: 320px; }

.page-tutor {
  background-color: #98314f; }
  .page-tutor .title {
    color: #d03e68; }
  .page-tutor .button-colored {
    background-color: #d03e68; }
  .page-tutor .helper-text a {
    color: #d03e68; }
  .page-tutor [class*='icon-']:before {
    color: #d03e68; }
  .page-tutor .text-user-type, .page-tutor .section-title {
    color: #d03e68; }
  .page-tutor .loading-contents::after {
    border-top-color: #d03e68; }

.text-tutor {
  color: #d03e68; }

.tutor-interface {
  display: block; }
  .tutor-interface .center-contents {
    position: relative; }
  .tutor-interface .white-wrapper {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
    margin-bottom: 1.8rem; }
  .tutor-interface .full-width-dashed-button {
    color: #d03e68;
    border: 2px dashed #d03e68; }
  .tutor-interface .header-information-container {
    align-items: stretch;
    margin-left: -0.9rem !important;
    margin-right: -0.9rem !important; }
    .tutor-interface .header-information-container .col,
    .tutor-interface .header-information-container > [class*="col-"] {
      padding-left: 0.9rem;
      padding-right: 0.9rem; }
    .tutor-interface .header-information-container .col-md-12 {
      margin-bottom: 20px; }
      @media screen and (max-width: 1020px) {
        .tutor-interface .header-information-container .col-md-12 {
          margin-left: 0 !important;
          margin-right: 0 !important; }
          .tutor-interface .header-information-container .col-md-12 .col,
          .tutor-interface .header-information-container .col-md-12 > [class*="col-"] {
            padding-left: 0;
            padding-right: 0; } }
    .tutor-interface .header-information-container .white-wrapper {
      height: 100%;
      margin-bottom: 0; }
    .tutor-interface .header-information-container .user-information-container {
      height: 100%; }
      .tutor-interface .header-information-container .user-information-container .actions {
        margin-top: auto; }
    .tutor-interface .header-information-container .white-wrapper.page-clinic {
      background-color: #f9f9f9;
      display: flex;
      flex-direction: column; }
      .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-code {
        background-color: #04adee;
        color: #FFFFFF;
        display: inline-block;
        align-items: center;
        padding: 12px 11px;
        margin-top: 1.5rem;
        font-size: 13px; }
        @media screen and (max-width: 767px) {
          .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-code {
            padding: 8px 12px; } }
        .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-code span {
          font-weight: bold;
          text-decoration: underline;
          margin-left: 8px; }
      .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-name {
        font-size: 1.6rem;
        color: #252525;
        line-height: 1.25;
        width: 50%; }
      .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-image {
        width: 50%;
        text-align: right; }
        .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-image img {
          width: 135px;
          height: 80px;
          object-fit: contain; }
      .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-details {
        margin-top: 1.3rem;
        border-top: 1px solid #d0d0d0;
        padding-top: 8px;
        padding-bottom: 1.8rem; }
        .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-details .form-input {
          border: none;
          height: 32px;
          line-height: 32px;
          width: 100%;
          border-radius: 0;
          font-size: 1.3rem;
          color: #6e6e6e; }
        .tutor-interface .header-information-container .white-wrapper.page-clinic .clinic-details textarea.form-input {
          height: unset;
          line-height: 1.5;
          background-color: transparent;
          padding-left: 0;
          padding-right: 0; }
      .tutor-interface .header-information-container .white-wrapper.page-clinic .actions {
        margin-top: auto; }
      .tutor-interface .header-information-container .white-wrapper.page-clinic .no-clinic {
        padding: 4rem 0;
        font-weight: bold;
        font-size: 1.6rem; }
  @media screen and (max-width: 767px) {
    .tutor-interface .pet-listing-container .section-title {
      width: 185px;
      text-align: center; } }
  .tutor-interface .pet-listing-container .pets-list {
    padding-bottom: 3.5rem; }
  .tutor-interface .change-clinic-modal .modal-content {
    width: 60%; }
  .tutor-interface .change-clinic-modal .form-container {
    flex-wrap: wrap;
    padding: 0; }
    .tutor-interface .change-clinic-modal .form-container input {
      margin-bottom: 3rem; }
  .tutor-interface .animal-modal .white-wrapper {
    position: relative;
    padding: 5.5rem; }
    @media screen and (max-width: 767px) {
      .tutor-interface .animal-modal .white-wrapper {
        padding: 55px 30px; } }
    .tutor-interface .animal-modal .white-wrapper .modal-action-button-wrapper {
      position: absolute;
      right: 5.5rem; }
      .tutor-interface .animal-modal .white-wrapper .modal-action-button-wrapper button {
        margin-right: 2.4rem; }
        .tutor-interface .animal-modal .white-wrapper .modal-action-button-wrapper button:last-child {
          margin-right: 0; }
      .tutor-interface .animal-modal .white-wrapper .modal-action-button-wrapper.top {
        top: 2.4rem; }
      .tutor-interface .animal-modal .white-wrapper .modal-action-button-wrapper.bottom {
        bottom: 2.4rem;
        display: flex; }
        .tutor-interface .animal-modal .white-wrapper .modal-action-button-wrapper.bottom .message {
          padding-right: 12px; }
  .tutor-interface .animal-modal .pet-information {
    margin-bottom: 6.4rem; }
    @media screen and (max-width: 1020px) {
      .tutor-interface .animal-modal .pet-information .section-title {
        width: 320px; } }
    @media screen and (max-width: 767px) {
      .tutor-interface .animal-modal .pet-information {
        padding-top: 60px; }
        .tutor-interface .animal-modal .pet-information .section-title {
          width: 170px; }
        .tutor-interface .animal-modal .pet-information .image-container {
          display: none; }
        .tutor-interface .animal-modal .pet-information .pet-form-container {
          width: 100%;
          max-width: 100%;
          flex-basis: 100%; } }
    .tutor-interface .animal-modal .pet-information > .row {
      align-items: center; }
    .tutor-interface .animal-modal .pet-information .animal-type {
      margin-bottom: 4rem; }
      @media screen and (max-width: 767px) {
        .tutor-interface .animal-modal .pet-information .animal-type {
          text-align: center; }
          .tutor-interface .animal-modal .pet-information .animal-type div[class*=col-] {
            padding-bottom: 25px; }
            .tutor-interface .animal-modal .pet-information .animal-type div[class*=col-]:last-child {
              padding-bottom: 0; } }
    .tutor-interface .animal-modal .pet-information #animal-form .row .col-sm-4 {
      padding-bottom: 10px; }
    .tutor-interface .animal-modal .pet-information .animal-radio {
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      user-select: none; }
      .tutor-interface .animal-modal .pet-information .animal-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
        .tutor-interface .animal-modal .pet-information .animal-radio input:checked ~ .checkmark {
          background-color: #d03e68; }
        .tutor-interface .animal-modal .pet-information .animal-radio input ~ .checkmark {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto 0;
          width: 16px;
          height: 16px;
          border: 2px solid #d03e68;
          border-radius: 8px;
          transition: background-color 300ms ease;
          background-color: white; }
    .tutor-interface .animal-modal .pet-information .form-message {
      padding-top: 1.3rem; }
  .tutor-interface .animal-modal .reminders-section {
    padding-top: 2.1rem; }
    .tutor-interface .animal-modal .reminders-section .reminders-table {
      margin: 0 -7px; }
      .tutor-interface .animal-modal .reminders-section .reminders-table .full-width-dashed-button {
        margin-top: 3.5rem; }
      .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #d0d0d0;
        padding: 2rem 0; }
        @media screen and (max-width: 767px) {
          .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row {
            flex-direction: column; } }
        .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row.headers {
          border-bottom: none;
          padding: 0;
          align-items: stretch; }
          @media screen and (max-width: 767px) {
            .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row.headers {
              display: none; } }
          .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row.headers .col span {
            height: 100%;
            display: flex;
            align-items: center;
            font-weight: bold;
            color: #252525;
            text-align: left;
            border-bottom: 1px solid #d0d0d0;
            padding: 1.7rem 0; }
            @media screen and (max-width: 1020px) {
              .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row.headers .col span {
                padding: 10px 0; } }
        .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .col {
          width: 20%;
          padding: 0 7px; }
          @media screen and (max-width: 767px) {
            .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .col {
              width: 100%;
              padding-bottom: 10px; } }
          .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .col.full-width {
            width: 100%; }
        .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .treatment-date-input {
          position: relative; }
          .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .treatment-date-input input:disabled + .input-append {
            opacity: 0.5; }
          .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .treatment-date-input .input-append {
            position: absolute;
            right: 8px;
            top: 0;
            font-size: 19px;
            pointer-events: none; }
            .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .treatment-date-input .input-append:before {
              line-height: 32px; }
        .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .actions {
          padding-top: 2.6rem;
          flex-basis: 100%; }
          @media screen and (max-width: 767px) {
            .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .actions {
              padding-top: 15px; } }
          .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .actions button {
            margin-right: 2.4rem; }
            .tutor-interface .animal-modal .reminders-section .reminders-table .reminder-row .actions button:last-child {
              margin-right: 0; }
  .tutor-interface .pet-item {
    padding: 8px 0;
    border-bottom: 1px solid #d0d0d0;
    position: relative;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .tutor-interface .pet-item {
        text-align: center;
        padding: 18px 0;
        flex-direction: column; } }
    .tutor-interface .pet-item .pet-image {
      width: 15%;
      max-height: 68px;
      padding-right: 2.7rem;
      align-self: stretch; }
      @media screen and (max-width: 767px) {
        .tutor-interface .pet-item .pet-image {
          align-self: center;
          padding-right: 0; } }
      .tutor-interface .pet-item .pet-image img {
        max-height: 68px; }
    .tutor-interface .pet-item .name-container {
      width: 23%; }
    .tutor-interface .pet-item .name {
      font-size: 18px;
      color: #252525;
      font-weight: bold;
      position: relative;
      display: inline-block; }
      @media screen and (max-width: 767px) {
        .tutor-interface .pet-item .name {
          margin-top: 22px;
          margin-bottom: 12px; } }
      .tutor-interface .pet-item .name .gender-symbol {
        position: absolute;
        top: -8px;
        left: 100%;
        margin-left: 11px;
        font-size: 1.9rem; }
    .tutor-interface .pet-item .birth {
      font-size: 1.3rem;
      color: #252525; }
      @media screen and (max-width: 767px) {
        .tutor-interface .pet-item .birth {
          display: none; } }
      .tutor-interface .pet-item .birth span {
        color: #6e6e6e; }
    .tutor-interface .pet-item .alerts {
      padding: 7px 9px;
      color: #FFFFFF;
      font-size: 11px;
      border: none;
      margin-right: 2rem;
      width: 120px;
      text-align: center; }
      @media screen and (max-width: 1020px) {
        .tutor-interface .pet-item .alerts {
          display: none; } }
      .tutor-interface .pet-item .alerts:disabled {
        cursor: auto; }
      .tutor-interface .pet-item .alerts.inactive {
        background-color: #d0d0d0; }
    .tutor-interface .pet-item .actions-container .button-flat {
      margin-right: 2.6rem; }
      .tutor-interface .pet-item .actions-container .button-flat:last-child {
        margin-right: unset; }
    @media screen and (max-width: 767px) {
      .tutor-interface .pet-item .actions-container {
        margin-right: auto; } }

.page-clinic {
  background-color: #6da7d4; }
  .page-clinic .title {
    color: #04adee; }
  .page-clinic .button-colored {
    background-color: #04adee; }
  .page-clinic .helper-text a {
    color: #04adee; }
  .page-clinic [class*='icon-']:before {
    color: #04adee; }
  .page-clinic .text-user-type, .page-clinic .section-title {
    color: #04adee; }
  .page-clinic.tutor-interface .full-width-dashed-button {
    color: #04adee;
    border: 2px dashed #04adee; }
  .page-clinic.tutor-interface .animal-modal .pet-information .animal-radio input ~ .checkmark {
    border: 2px solid #04adee; }
  .page-clinic.tutor-interface .animal-modal .pet-information .animal-radio input:checked ~ .checkmark {
    background-color: #04adee; }
  .page-clinic .loading-contents::after {
    border-top-color: #04adee; }
  .page-clinic .full-width-dashed-button {
    color: #04adee;
    border: 2px dashed #04adee; }

.text-clinic {
  color: #04adee; }

.clinic-interface {
  display: block; }
  .clinic-interface .center-contents {
    position: relative; }
  .clinic-interface .white-wrapper {
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
    margin-bottom: 1.8rem; }
  @media screen and (max-width: 767px) {
    .clinic-interface .user-information-container .user-name {
      padding-bottom: 8px; } }
  .clinic-interface .user-information-container .contents > .code-container {
    display: none; }
    @media screen and (max-width: 767px) {
      .clinic-interface .user-information-container .contents > .code-container {
        display: inline-flex;
        margin-bottom: 20px; } }
  .clinic-interface .user-information-container .welcome-header {
    display: flex;
    align-items: stretch; }
    .clinic-interface .user-information-container .welcome-header .right-contents {
      margin-left: auto; }
  .clinic-interface .user-information-container .clinic-image-holder {
    position: relative;
    width: 135px;
    height: 80px; }
    @media screen and (max-width: 767px) {
      .clinic-interface .user-information-container .clinic-image-holder {
        display: none; } }
    .clinic-interface .user-information-container .clinic-image-holder input {
      display: none; }
    .clinic-interface .user-information-container .clinic-image-holder.editing:after {
      content: ""; }
    .clinic-interface .user-information-container .clinic-image-holder.editing::after {
      position: absolute;
      z-index: 2;
      color: #04adee;
      top: 0;
      left: 0;
      right: 0;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: -6px;
      font-size: 4rem;
      text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.75);
      pointer-events: none; }
    .clinic-interface .user-information-container .clinic-image-holder.editing::before {
      content: '135x80';
      position: absolute;
      z-index: 2;
      color: #04adee;
      bottom: 8px;
      left: 0;
      right: 0;
      text-align: center;
      font-size: 10px;
      text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.75);
      pointer-events: none; }
    .clinic-interface .user-information-container .clinic-image-holder.editing img {
      cursor: pointer; }
    .clinic-interface .user-information-container .clinic-image-holder img {
      height: 80px;
      width: 135px;
      position: absolute;
      right: 0;
      object-fit: contain; }
  .clinic-interface .user-information-container .code-container {
    background-color: #04adee;
    color: #FFFFFF;
    height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 0 13px;
    margin-top: 8px; }
    @media screen and (max-width: 767px) {
      .clinic-interface .user-information-container .code-container {
        display: none; } }
    .clinic-interface .user-information-container .code-container .value {
      font-weight: bold;
      text-decoration: underline;
      margin-left: 8px; }
  .clinic-interface .user-information-container .input-group.image-placeholder .form-input {
    height: 32px; }
  .clinic-interface .user-information-container .input-group .form-input.phone-input {
    display: flex;
    margin: 0 -5px;
    width: calc(100% + 10px); }
    .clinic-interface .user-information-container .input-group .form-input.phone-input > div {
      width: 50%;
      padding: 0 5px; }
  .clinic-interface .user-information-container .input-group .form-input.address-input input {
    margin-bottom: 1.2rem; }
  .clinic-interface .user-information-container .input-group .form-input.address-input .postal-code-holder {
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
    .clinic-interface .user-information-container .input-group .form-input.address-input .postal-code-holder > input {
      margin-bottom: 0; }
    .clinic-interface .user-information-container .input-group .form-input.address-input .postal-code-holder > div {
      width: 16px;
      flex: 0 0 16px;
      text-align: center; }
    .clinic-interface .user-information-container .input-group .form-input.address-input .postal-code-holder .postal-code-number-1 {
      width: 53px; }
    .clinic-interface .user-information-container .input-group .form-input.address-input .postal-code-holder .postal-code-number-2 {
      width: 46px; }
    .clinic-interface .user-information-container .input-group .form-input.address-input .postal-code-holder .postal-code-city {
      margin-left: 12px; }
  .clinic-interface .user-information-container .actions {
    margin-right: -2.6rem; }
    .clinic-interface .user-information-container .actions .button-flat {
      margin-right: 2.6rem; }
  @media screen and (min-width: 1021px) {
    .clinic-interface .user-information-container .form-interface .row {
      margin-left: -7rem !important;
      margin-right: -7rem !important; }
      .clinic-interface .user-information-container .form-interface .row .col,
      .clinic-interface .user-information-container .form-interface .row > [class*="col-"] {
        padding-left: 7rem;
        padding-right: 7rem; } }
  @media screen and (max-width: 1020px) {
    .clinic-interface .user-information-container .form-interface .row {
      margin-left: -15px !important;
      margin-right: -15px !important; }
      .clinic-interface .user-information-container .form-interface .row .col,
      .clinic-interface .user-information-container .form-interface .row > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
  .clinic-interface .pagination-controls {
    padding-top: 3.5rem;
    display: flex;
    justify-content: center; }
    .clinic-interface .pagination-controls .veterinary-prev,
    .clinic-interface .pagination-controls .veterinary-next {
      position: relative;
      margin: 0 8px;
      cursor: pointer;
      background: transparent;
      color: #04adee;
      padding: 0;
      border: none;
      outline: none;
      text-decoration: underline;
      transition: color 300ms ease;
      font-weight: bold; }
      .clinic-interface .pagination-controls .veterinary-prev:disabled,
      .clinic-interface .pagination-controls .veterinary-next:disabled {
        color: #d0d0d0;
        cursor: auto; }
      .clinic-interface .pagination-controls .veterinary-prev:before,
      .clinic-interface .pagination-controls .veterinary-next:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 13px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .clinic-interface .pagination-controls .veterinary-prev {
      order: 1; }
      .clinic-interface .pagination-controls .veterinary-prev:before {
        content: "\e901";
        right: 100%;
        margin-right: 14px; }
    .clinic-interface .pagination-controls .veterinary-next {
      order: 3; }
      .clinic-interface .pagination-controls .veterinary-next:before {
        content: "\e900";
        left: 100%;
        margin-left: 14px; }
    .clinic-interface .pagination-controls .veterinary-dots {
      list-style: none;
      display: block;
      text-align: center;
      padding: 0;
      margin: 0;
      order: 2; }
      .clinic-interface .pagination-controls .veterinary-dots li {
        position: relative;
        display: inline-block;
        margin: 0 6px;
        padding: 0;
        cursor: pointer; }
        .clinic-interface .pagination-controls .veterinary-dots li.disabled {
          display: none; }
          .clinic-interface .pagination-controls .veterinary-dots li.disabled.dots {
            display: inline-block; }
            .clinic-interface .pagination-controls .veterinary-dots li.disabled.dots::before {
              width: 24px;
              font-size: 14px;
              content: '...'; }
            .clinic-interface .pagination-controls .veterinary-dots li.disabled.dots button {
              display: none; }
        .clinic-interface .pagination-controls .veterinary-dots li button {
          border: 1px dashed #04adee;
          background: transparent;
          height: 24px;
          width: 24px;
          font-size: 12px;
          color: #6e6e6e;
          cursor: pointer;
          transition: background-color 300ms ease, border 300ms ease; }
          .clinic-interface .pagination-controls .veterinary-dots li button:hover, .clinic-interface .pagination-controls .veterinary-dots li button:focus {
            border-color: rgba(4, 173, 238, 0.2);
            background-color: rgba(4, 173, 238, 0.2); }
        .clinic-interface .pagination-controls .veterinary-dots li.active button {
          color: #FFFFFF;
          background-color: #04adee; }
  .clinic-interface .tutors-listing-container {
    position: relative; }
    .clinic-interface .tutors-listing-container .actions-bar {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .clinic-interface .tutors-listing-container .actions-bar {
          padding-top: 15px;
          flex-wrap: wrap; }
          .clinic-interface .tutors-listing-container .actions-bar .search-input-holder {
            width: 100%; }
          .clinic-interface .tutors-listing-container .actions-bar .button-flat {
            margin-bottom: 12px; } }
      .clinic-interface .tutors-listing-container .actions-bar .search-input-holder {
        display: flex;
        position: relative;
        align-items: stretch;
        padding-right: 28px;
        padding-left: 8px;
        border-bottom: 1px solid #04adee; }
        .clinic-interface .tutors-listing-container .actions-bar .search-input-holder input {
          height: 32px;
          border: none;
          background: none;
          font-size: 1.3rem;
          color: #6e6e6e;
          width: 100%; }
          .clinic-interface .tutors-listing-container .actions-bar .search-input-holder input::placeholder {
            font-style: italic; }
        .clinic-interface .tutors-listing-container .actions-bar .search-input-holder:after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          width: 20px;
          display: flex;
          align-items: center;
          height: 32px;
          background-image: url("/assets/icons/search.svg");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
    .clinic-interface .tutors-listing-container .listing {
      margin-top: 2.2rem; }
      .clinic-interface .tutors-listing-container .listing .no-data {
        padding: 5rem 0;
        display: block;
        text-align: center; }
        .clinic-interface .tutors-listing-container .listing .no-data.search-no-data {
          border-top: 1px solid #d0d0d0; }
      .clinic-interface .tutors-listing-container .listing .search-results-title {
        padding-bottom: 1.6rem;
        font-size: 1.8rem; }
      .clinic-interface .tutors-listing-container .listing .tutor {
        display: flex;
        align-items: center;
        padding: 1.6rem 0;
        border-bottom: 1px solid #d0d0d0;
        justify-content: space-between; }
        .clinic-interface .tutors-listing-container .listing .tutor .contact-details .name {
          font-weight: bold;
          font-size: 1.9rem;
          color: #252525;
          padding-bottom: 9px; }
          @media screen and (max-width: 767px) {
            .clinic-interface .tutors-listing-container .listing .tutor .contact-details .name {
              padding-bottom: 0; } }
        .clinic-interface .tutors-listing-container .listing .tutor .contact-details .email {
          font-size: 1.3rem;
          color: #6e6e6e; }
          @media screen and (max-width: 767px) {
            .clinic-interface .tutors-listing-container .listing .tutor .contact-details .email {
              display: none; } }
          .clinic-interface .tutors-listing-container .listing .tutor .contact-details .email .label {
            color: #252525; }
        .clinic-interface .tutors-listing-container .listing .tutor .actions .alerts {
          padding: 7px 9px;
          background-color: #04adee;
          color: #FFFFFF;
          font-size: 11px;
          border: none;
          margin-right: 2rem; }
          @media screen and (max-width: 767px) {
            .clinic-interface .tutors-listing-container .listing .tutor .actions .alerts {
              display: none; } }
          .clinic-interface .tutors-listing-container .listing .tutor .actions .alerts.inactive {
            background-color: #d0d0d0; }
        .clinic-interface .tutors-listing-container .listing .tutor .actions .view-profile {
          margin-left: 25px;
          position: relative;
          border: none;
          background: none;
          color: #04adee;
          font-size: 1.3rem;
          font-weight: bold;
          text-decoration: underline; }
          .clinic-interface .tutors-listing-container .listing .tutor .actions .view-profile:before {
            content: '';
            background-position: center;
            background-image: url("/assets/icons/view.svg");
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            width: 19px;
            height: 13px;
            left: -25px; }
  .clinic-interface .alerts-listing-container {
    padding-top: 20px; }
    .clinic-interface .alerts-listing-container .imported-reminders-actions {
      display: flex;
      border-bottom: solid 1px #d0d0d0;
      justify-content: space-between;
      margin-bottom: 18px;
      padding: 15px 0 20px; }
    .clinic-interface .alerts-listing-container .full-width-dashed-button.disabled {
      opacity: 0.3;
      pointer-events: none; }
    .clinic-interface .alerts-listing-container .pagination-controls {
      padding-bottom: 3.5rem; }
      .clinic-interface .alerts-listing-container .pagination-controls.disabled {
        pointer-events: none;
        opacity: 0.3; }
    .clinic-interface .alerts-listing-container .remove-reminder {
      cursor: pointer; }
    .clinic-interface .alerts-listing-container .alerts-listing {
      border-spacing: 12px;
      width: 100%;
      font-size: 13px; }
      .clinic-interface .alerts-listing-container .alerts-listing .form-input:disabled {
        padding-left: 0; }
      .clinic-interface .alerts-listing-container .alerts-listing .date-col {
        width: 88px; }
      .clinic-interface .alerts-listing-container .alerts-listing thead tr th {
        font-weight: bold;
        color: #252525;
        text-align: left; }
    .clinic-interface .alerts-listing-container #import_file {
      display: none; }

#page-basic-template {
  background: #4551a2;
  align-items: flex-start; }
  #page-basic-template .center-contents {
    background: #FFFFFF;
    padding: 80px 70px; }
    @media screen and (max-width: 1340px) {
      #page-basic-template .center-contents {
        min-width: 90%;
        padding: 60px 40px;
        flex-grow: 0; } }
    @media screen and (max-width: 767px) {
      #page-basic-template .center-contents {
        padding: 30px 20px; } }
  #page-basic-template h1 {
    color: #111e8e;
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 2.8rem;
    padding-bottom: 20px; }
    @media screen and (max-width: 767px) {
      #page-basic-template h1 {
        font-size: 1.8rem;
        padding-bottom: 10px; } }
  #page-basic-template .long-text {
    font-size: 1.6rem;
    color: #4a4a4a;
    font-family: 'Noto Sans'; }
    #page-basic-template .long-text p, #page-basic-template .long-text li, #page-basic-template .long-text a {
      font-size: 1.6rem;
      color: #4a4a4a;
      font-family: 'Noto Sans'; }
    @media screen and (max-width: 767px) {
      #page-basic-template .long-text {
        font-size: 1.3rem; }
        #page-basic-template .long-text p, #page-basic-template .long-text li, #page-basic-template .long-text a {
          font-size: 1.3rem; } }

html {
  font-size: 62.5%; }
  @media screen and (max-width: 1020px) {
    html {
      font-size: 60%; } }
  @media screen and (max-width: 767px) {
    html {
      font-size: 56%; } }

body {
  font-size: 1.3rem; }

body, html {
  height: 100%;
  background-color: #FFFFFF;
  font-family: "Noto Sans", "sans-serif";
  color: #4a4a4a; }

#app {
  position: relative;
  min-height: 100%;
  padding-bottom: 80px; }
  @media screen and (max-width: 1020px) {
    #app {
      padding-bottom: 0; } }

header {
  height: 140px;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  background-color: white; }
  @media screen and (max-width: 767px) {
    header {
      height: 120px; } }
  header .white-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    padding: 0 24px; }
    @media screen and (max-width: 767px) {
      header .white-bar {
        height: 80px; } }
    header .white-bar #logotype {
      display: inline-block;
      height: 105px;
      margin-top: -20px; }
      header .white-bar #logotype img {
        height: 100%;
        max-width: auto; }
      @media screen and (max-width: 767px) {
        header .white-bar #logotype {
          height: 63px;
          margin-top: 0; } }
    header .white-bar .brand-logo {
      display: inline-block;
      width: 66px;
      height: 62px;
      background-image: url("/assets/images/ceva_logotype.jpg");
      background-size: contain;
      background-repeat: no-repeat; }
      @media screen and (max-width: 767px) {
        header .white-bar .brand-logo {
          height: 55px;
          width: 58px; } }
  header .black-bar {
    background-color: black;
    height: 40px;
    padding: 0 24px; }
  header #menu {
    font-size: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    @media screen and (max-width: 1020px) {
      header #menu {
        justify-content: center; } }
    header #menu .menu-item {
      position: relative;
      padding: 10px 0; }
      header #menu .menu-item::before {
        content: '|';
        padding: 0 10px;
        font-size: 12px;
        color: #FFFFFF; }
      header #menu .menu-item:first-child::before {
        display: none; }
      header #menu .menu-item .title {
        color: #FFFFFF;
        transition: opacity 0.3s linear;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 20px;
        height: 20px;
        display: inline-block;
        opacity: 1; }
      header #menu .menu-item .submenu {
        display: none;
        background: #CCC;
        position: absolute;
        z-index: 100;
        width: 100%; }
        header #menu .menu-item .submenu a {
          display: block;
          padding: 10px 0;
          text-align: center;
          width: 100%;
          font-size: 1.4rem;
          text-transform: uppercase;
          color: #FFFFFF;
          cursor: pointer;
          transition: background-color 300ms ease; }
          header #menu .menu-item .submenu a:hover {
            background-color: #101e8e; }
      header #menu .menu-item.selected .title, header #menu .menu-item:hover .title {
        opacity: 0.8; }
      header #menu .menu-item:hover .submenu {
        display: block; }
    @media screen and (min-width: 1020px) {
      header #menu {
        display: flex !important; } }

#menu-mobile-icon {
  display: none;
  position: absolute;
  top: 20px;
  right: 10px;
  width: 50px;
  height: 50px;
  cursor: pointer; }
  #menu-mobile-icon.from-desktop {
    display: block; }
  #menu-mobile-icon .bar {
    width: 30px;
    height: 6px;
    background-color: #FFFFFF;
    position: absolute;
    left: 10px;
    transform-origin: center;
    -webkit-transform-origin: center;
    transition: all 300ms linear; }
  #menu-mobile-icon.closed .bar1 {
    top: 10px;
    opacity: 1;
    transform: none;
    -webkit-transform: none; }
  #menu-mobile-icon.closed .bar2 {
    top: 22px;
    transform: none;
    -webkit-transform: none; }
  #menu-mobile-icon.closed .bar3 {
    top: 34px;
    transform: none;
    -webkit-transform: none; }
  #menu-mobile-icon .bar1 {
    opacity: 0;
    top: 10px; }
  #menu-mobile-icon .bar2 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 22px; }
  #menu-mobile-icon .bar3 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 22px; }
  @media screen and (max-width: 1020px) {
    #menu-mobile-icon {
      display: block; } }

#langs {
  position: absolute;
  top: 30px;
  left: 0;
  display: none !important; }
  #langs .lang-item {
    margin-right: 10px;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.3rem;
    text-transform: uppercase; }
    #langs .lang-item.selected, #langs .lang-item:hover {
      transition: all 0.3s linear; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80px;
  text-align: center;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (max-width: 1020px) {
    footer {
      position: static; } }
  @media screen and (max-width: 767px) {
    footer {
      height: unset;
      flex-direction: column;
      padding: 25px 0; } }
  footer .menu-item {
    text-transform: uppercase; }
    @media screen and (max-width: 767px) {
      footer .menu-item {
        width: 100%;
        padding: 10px 0; }
        footer .menu-item::after {
          display: none; } }
    footer .menu-item::after {
      content: '-';
      padding: 0 10px; }
    footer .menu-item:last-child::after {
      display: none; }
  footer .brand-logo {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url("/assets/images/ceva_logotype.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    order: 100; }
    @media screen and (max-width: 767px) {
      footer .brand-logo {
        margin-top: 15px;
        margin-left: 0; } }

#networks {
  padding: 4px; }

#page-banner {
  height: 220px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }

.secondary-menu {
  padding: 10px 0 30px; }
  .secondary-menu .sec-menu-item {
    color: #FFF;
    display: inline-block;
    padding: 0 10px; }

.aygmaps {
  width: 100%;
  height: 404px; }
  @media screen and (max-width: 1020px) {
    .aygmaps {
      height: 300px; } }

#video {
  width: 100%;
  height: 400px; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000; }

.newsletter {
  position: absolute;
  top: 0;
  right: 10px;
  width: 200px;
  font-size: 0; }
  .newsletter #newsletter_tf {
    width: 80%;
    border: none;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    background-color: #FFFFFF;
    display: inline-block;
    vertical-align: top; }
  .newsletter .newsletter-button {
    height: 22px;
    width: 18%;
    line-height: 22px;
    background-color: #FFFFFF;
    color: #333333;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 1.4rem;
    margin-left: 2%; }
  .newsletter #newsletter-msg {
    font-size: 1.4rem;
    color: #FFFFFF;
    padding-top: 5px; }

/*OVERIDE DATEPICKER */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_date:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time:hover,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #101e8e !important; }