.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  .modal.opened {
    z-index: 999999;
    opacity: 1; }
  .modal .modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(30, 30, 30, 0.8); }
    .modal .modal__bg.noclick {
      pointer-events: none; }
  .modal .modal-flex {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center; }
  .modal .modal__close {
    position: absolute;
    top: -30px;
    right: 0; }
  .modal .modal__wrap {
    position: relative;
    z-index: 9;
    max-width: 600px;
    background: #ffffff;
    padding: 30px; }

html {
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background: #F4F4F4;
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  padding-bottom: 60px; }
  @media (min-width: 576px) {
    body {
      padding-bottom: 0; } }
aside.sidebar {
  background: #ffffff;
  -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999; }
  @media (min-width: 768px) {
    aside.sidebar {
      position: sticky;
      height: 100vh;
      left: 0;
      top: 0; } }
  aside.sidebar .logo {
    margin-bottom: 30px;
    display: none; }
    @media (min-width: 768px) {
      aside.sidebar .logo {
        display: block; } }
  aside.sidebar .user {
    display: none; }
    @media (min-width: 768px) {
      aside.sidebar .user {
        display: block;
        position: static;
        margin-bottom: 30px; } }
    aside.sidebar .user h2 {
      font-size: 1.4rem;
      margin-top: 10px;
      font-weight: 500; }
    aside.sidebar .user .user--image {
      width: 40px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        aside.sidebar .user .user--image {
          width: 80px; } }
      @media (min-width: 992px) {
        aside.sidebar .user .user--image {
          width: auto; } }
      aside.sidebar .user .user--image img {
        border-radius: 100%;
        max-width: 160px;
        height: 160px; }
  aside.sidebar nav {
    width: 75%; }
    @media (min-width: 768px) {
      aside.sidebar nav {
        width: auto;
        border-top: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5; } }
    aside.sidebar nav ul.menu {
      display: flex; }
      @media (min-width: 768px) {
        aside.sidebar nav ul.menu {
          display: block; } }
    aside.sidebar nav li {
      width: 33.3333%; }
      @media (min-width: 768px) {
        aside.sidebar nav li {
          width: auto;
          border-left: 7px solid transparent; } }
      @media (min-width: 768px) {
        aside.sidebar nav li {
          border-top: 1px solid #e5e5e5; } }
      aside.sidebar nav li:first-child {
        border-top: none; }
      aside.sidebar nav li.current-menu-item, aside.sidebar nav li.current-page-ancestor {
        color: #235BA8;
        border-bottom: 1px solid #235BA8; }
        @media (min-width: 768px) {
          aside.sidebar nav li.current-menu-item, aside.sidebar nav li.current-page-ancestor {
            border-bottom: 2px solid #235BA8;
            border-left: 7px solid #235BA8;
            border-bottom: none; } }
        aside.sidebar nav li.current-menu-item a, aside.sidebar nav li.current-page-ancestor a {
          color: #235BA8; }
    aside.sidebar nav a {
      height: 56px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      color: #8E8E8E;
      text-align: center;
      font-size: 0.9rem;
      padding-bottom: 2px; }
      @media (min-width: 768px) {
        aside.sidebar nav a {
          display: block;
          padding-bottom: 0;
          height: auto;
          text-align: left;
          font-size: 1.6rem;
          padding-left: 50px;
          line-height: 56px; } }
  aside.sidebar li a {
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: 15px; }
    @media (min-width: 768px) {
      aside.sidebar li a {
        background-size: auto;
        background-position: 15px center !important;
        text-indent: initial; } }
  aside.sidebar li.dashboard a {
    background-position: center 16px;
    background-image: url("assets/img/icons/grey/icon_g_dashboard.svg"); }
  aside.sidebar li.dashboard.current-menu-item a, aside.sidebar li.dashboard.current-page-ancestor a {
    background-image: url("assets/img/icons/blue/icon_dashboard.svg"); }
  aside.sidebar li.profile a {
    background-position: center 16px;
    background-image: url("assets/img/icons/grey/icon_g_user.svg"); }
  aside.sidebar li.profile.current-menu-item a, aside.sidebar li.profile.current-page-ancestor a {
    background-image: url("assets/img/icons/blue/icon_user.svg"); }
  aside.sidebar li.consultations a {
    background-position: center 18px;
    background-image: url("assets/img/icons/grey/icon_g_consultations.svg"); }
  aside.sidebar li.consultations.current-menu-item a, aside.sidebar li.consultations.current-page-ancestor a {
    background-image: url("assets/img/icons/blue/icon_consultations.svg"); }
  aside.sidebar li.text a {
    background-image: url("assets/img/icons/grey/icon_g_text.svg"); }
  aside.sidebar li.text.current-menu-item a, aside.sidebar li.text.current-page-ancestor a {
    background-image: url("assets/img/icons/blue/icon_text.svg"); }
  aside.sidebar li.archive a {
    background-image: url("assets/img/icons/grey/icon_g_archive.svg");
    background-position: center 18px; }
    @media (min-width: 768px) {
      aside.sidebar li.archive a {
        background-size: 20px; } }
  aside.sidebar li.archive.current-menu-item a, aside.sidebar li.archive.current-page-ancestor a {
    background-image: url("assets/img/icons/blue/icon_archive.svg");
    background-position: center 18px; }
    @media (min-width: 768px) {
      aside.sidebar li.archive.current-menu-item a, aside.sidebar li.archive.current-page-ancestor a {
        background-size: 20px; } }
  aside.sidebar li.logud a {
    background-image: url("assets/img/icons/grey/icon_g_logout.svg"); }
  aside.sidebar .logout {
    border-left: 7px solid transparent;
    background-image: url("assets/img/icons/grey/icon_g_logout.svg");
    background-repeat: no-repeat;
    background-size: 15px;
    color: #8E8E8E;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-position: center 17px;
    width: 25%;
    height: 56px;
    font-size: 0.9rem;
    padding-bottom: 3px; }
    @media (min-width: 768px) {
      aside.sidebar .logout {
        background-size: auto;
        height: auto;
        line-height: 56px;
        display: block;
        padding-left: 50px;
        padding-bottom: 0;
        font-size: 1.6rem;
        width: auto;
        background-position: 15px center;
        text-indent: initial;
        position: absolute;
        bottom: 15px;
        left: 0; } }
    aside.sidebar .logout:hover {
      color: #235BA8;
      background-image: url("assets/img/icons/blue/icon_logout.svg"); }

aside.sidebar .menu-contact_manager {
  width: 100%; }

aside.sidebar.contact-manager-sidebar {
  background: #235BA8; }
  @media (min-width: 768px) {
    aside.sidebar.contact-manager-sidebar {
      background: #ffffff; } }
  aside.sidebar.contact-manager-sidebar li a {
    color: #ffffff; }
    @media (min-width: 768px) {
      aside.sidebar.contact-manager-sidebar li a {
        color: #8E8E8E; } }
  aside.sidebar.contact-manager-sidebar li.current-menu-item a, aside.sidebar.contact-manager-sidebar li.current-page-ancestor a {
    color: white; }
    @media (min-width: 768px) {
      aside.sidebar.contact-manager-sidebar li.current-menu-item a, aside.sidebar.contact-manager-sidebar li.current-page-ancestor a {
        color: #235BA8; } }
  aside.sidebar.contact-manager-sidebar li.consultations a {
    background-image: url("assets/img/icons/icon_w_consultations.svg"); }
    @media (min-width: 768px) {
      aside.sidebar.contact-manager-sidebar li.consultations a {
        background-image: url("assets/img/icons/grey/icon_g_consultations.svg"); } }
  @media (min-width: 768px) {
    aside.sidebar.contact-manager-sidebar li.consultations.current-menu-item a, aside.sidebar.contact-manager-sidebar li.consultations.current-page-ancestor a {
      background-image: url("assets/img/icons/blue/icon_consultations.svg"); } }
  aside.sidebar.contact-manager-sidebar li.archive a {
    background-image: url("assets/img/icons/icon_w_archive.svg"); }
    @media (min-width: 768px) {
      aside.sidebar.contact-manager-sidebar li.archive a {
        background-image: url("assets/img/icons/grey/icon_g_archive.svg"); } }
  @media (min-width: 768px) {
    aside.sidebar.contact-manager-sidebar li.archive.current-menu-item a, aside.sidebar.contact-manager-sidebar li.archive.current-page-ancestor a {
      background-image: url("assets/img/icons/blue/icon_archive.svg"); } }
  aside.sidebar.contact-manager-sidebar li.logud a {
    background-image: url("assets/img/icons/icon_w_logout.svg"); }
    @media (min-width: 768px) {
      aside.sidebar.contact-manager-sidebar li.logud a {
        background-image: url("assets/img/icons/grey/icon_g_logout.svg"); } }
  @media (min-width: 768px) {
    aside.sidebar.contact-manager-sidebar li.logud.current-menu-item a, aside.sidebar.contact-manager-sidebar li.logud.current-page-ancestor a {
      background-image: url("assets/img/icons/blue/icon_logout.svg"); } }
.login-page {
  background: url("assets/img/login_bg.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%; }
  @media (min-width: 768px) {
    .login-page {
      height: 100vh; } }
  .login-page .logo {
    width: 80%; }
    @media (min-width: 992px) {
      .login-page .logo {
        width: 380px; } }
  .login-page .form {
    background: rgba(22, 54, 121, 0.55);
    height: 100%;
    color: #ffffff;
    padding: 3rem; }
    @media (min-width: 768px) {
      .login-page .form {
        height: 50vh;
        padding-left: 3rem;
        padding-right: 3rem; } }
    @media (min-width: 992px) {
      .login-page .form {
        height: 100vh; } }
  .login-page .welcome {
    text-align: center;
    margin-bottom: 60px; }
    @media (min-width: 768px) {
      .login-page .welcome {
        margin-bottom: 0; } }
    .login-page .welcome h2 {
      font-size: 4.8rem;
      font-weight: 600; }
    .login-page .welcome p {
      font-size: 1.4rem; }
  .login-page #loginform {
    margin-top: 45px; }
    .login-page #loginform label {
      display: block;
      font-size: 1.4rem;
      margin-bottom: 5px; }
    .login-page #loginform input[type="text"], .login-page #loginform input[type="password"] {
      border: none;
      display: block;
      width: 100%;
      line-height: 42px;
      padding: 0 10px;
      font-size: 1.2rem;
      background: rgba(255, 255, 255, 0.09); }
      @media (min-width: 768px) {
        .login-page #loginform input[type="text"], .login-page #loginform input[type="password"] {
          min-width: 400px; } }
    .login-page #loginform input[type="submit"] {
      width: 100%;
      line-height: 42px;
      border-radius: 40px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      background: #235BA8;
      color: #ffffff;
      font-weight: 500;
      font-size: 1.6rem;
      text-transform: uppercase; }
    .login-page #loginform .field {
      margin-bottom: 30px; }
  .login-page .login-error {
    background: #e74c3c;
    color: #ffffff;
    padding: 1.5rem;
    margin-top: 15px;
    font-size: 14px; }
  .login-page .forgot-link {
    float: right;
    margin-top: -1.5rem; }
    .login-page .forgot-link:hover {
      text-decoration: underline; }

.cleanlogin-container {
  margin-top: 3rem; }
  .cleanlogin-container .cleanlogin-field-website {
    display: none; }
  .cleanlogin-container .cleanlogin-field input {
    width: 100%;
    line-height: 42px;
    font-size: 1.4rem;
    padding: 0 1rem;
    font-weight: 300;
    color: #000000;
    font-family: 'Montserrat', sans-serif; }
  .cleanlogin-container input[type="submit"] {
    background: #235BA8;
    color: #ffffff;
    width: 100%;
    line-height: 42px;
    text-align: center;
    border-radius: 20px;
    font-size: 1.6rem;
    margin-top: 1.5rem;
    cursor: pointer; }

.cleanlogin-notification {
  font-size: 1.2rem;
  padding: 1rem;
  color: #ffffff;
  margin-top: 1.5rem; }
  .cleanlogin-notification.error {
    background: #D6574D; }
  .cleanlogin-notification.success {
    background: #23A870; }

.create-profile-page {
  background: url("assets/img/login_bg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%; }
  @media (min-width: 768px) {
    .create-profile-page {
      height: 100vh; } }
  .create-profile-page .introduction {
    padding: 3rem; }
    @media (min-width: 768px) {
      .create-profile-page .introduction {
        margin-bottom: 0;
        height: 50vh;
        margin-bottom: 60px; } }
    @media (min-width: 992px) {
      .create-profile-page .introduction {
        height: 100vh; } }
    .create-profile-page .introduction .welcome {
      color: #ffffff; }
      .create-profile-page .introduction .welcome p {
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: 1.5rem; }
        @media (min-width: 768px) {
          .create-profile-page .introduction .welcome p {
            font-size: 1.5rem;
            font-weight: 500; } }
  .create-profile-page #alreadyexist-modal {
    color: #235BA8;
    font-size: 18px;
    font-weight: 500;
    text-align: center; }
    .create-profile-page #alreadyexist-modal a.link {
      text-decoration: underline; }

#registerform .form-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    #registerform .form-title {
      font-size: 2.2rem; } }
#registerform .field {
  margin-bottom: 20px; }
  #registerform .field.w-1\/2 {
    width: 48%; }
  #registerform .field label {
    display: block;
    font-size: 1.3em;
    margin-bottom: 5px; }
  #registerform .field input[type="text"], #registerform .field input[type="password"] {
    display: block;
    width: 100%;
    line-height: 38px;
    padding: 0 15px;
    font-size: 1.3rem;
    font-weight: 300;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.09); }
  #registerform .field select {
    display: block;
    width: 100%;
    line-height: 18px;
    padding: 0 15px;
    height: 38px;
    font-size: 1.3rem;
    font-weight: 300;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.09);
    max-height: 80px;
    -webkit-appearance: none; }
  #registerform .field input[type="submit"] {
    background: #235BA8;
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 40px;
    line-height: 42px;
    font-size: 1.4rem;
    cursor: pointer; }

#registerform .pw-text {
  margin-top: 10px;
  font-style: italic;
  display: block; }

#registerform .input-wrap {
  position: relative; }
  #registerform .input-wrap input[type="submit"]:disabled {
    opacity: 0.5; }
  #registerform .input-wrap .loader {
    position: absolute;
    top: 5px;
    right: 10px;
    display: none; }

.dashboard article {
  margin-bottom: 30px; }

.dashboard .consultations {
  background: #ffffff; }
  .dashboard .consultations h2 {
    font-size: 18px;
    font-weight: 600;
    color: #235BA8;
    margin-bottom: 15px; }
    .dashboard .consultations h2 .notification {
      display: inline-block;
      font-size: 1rem;
      color: #ffffff;
      height: 20px;
      border-radius: 10px;
      padding: 0 10px;
      text-align: center;
      background: #D6574D;
      line-height: 20px;
      margin-left: 15px; }
  .dashboard .consultations .first-time-description {
    font-size: 1.4rem;
    margin-bottom: 15px; }
  .dashboard .consultations .list {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA; }
    .dashboard .consultations .list a {
      font-size: 1.4rem;
      line-height: 58px;
      padding: 0 15px; }
      .dashboard .consultations .list a:hover {
        background: #f7f7f7; }
    .dashboard .consultations .list .arw {
      display: inline-block;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
    .dashboard .consultations .list li {
      border-bottom: 1px solid #EAEAEA; }
      .dashboard .consultations .list li:last-child {
        border-bottom: none; }
      .dashboard .consultations .list li:hover .arw {
        padding-right: 5px; }
  .dashboard .consultations .create-new {
    margin-top: 30px; }
  .dashboard .consultations .button {
    background: #235BA8;
    color: #ffffff;
    border-radius: 40px;
    display: inline-block;
    padding: 10px 30px;
    font-size: 1.6rem;
    font-weight: 300; }

.dashboard .doctor {
  background: #ffffff; }
  .dashboard .doctor h2 {
    font-size: 18px;
    font-weight: 600;
    color: #235BA8;
    margin-bottom: 15px; }
  .dashboard .doctor h4 {
    font-size: 1.6rem;
    margin-bottom: 15px; }
  .dashboard .doctor img {
    border-radius: 100%; }
  .dashboard .doctor .doctor-wrap {
    background: #235BA8;
    color: #ffffff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; }
    .dashboard .doctor .doctor-wrap h3 {
      font-size: 1.6rem;
      font-weight: 600;
      margin-bottom: 10px; }
  .dashboard .doctor .doctor__info {
    padding-left: 15px; }
    .dashboard .doctor .doctor__info .info__wrap__address {
      padding-left: 10px;
      font-size: 1.2rem; }
    .dashboard .doctor .doctor__info svg path {
      fill: #ffffff;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
  .dashboard .doctor .disclaimer {
    font-size: 1.2rem; }
    .dashboard .doctor .disclaimer a {
      color: #235BA8;
      text-decoration: underline; }

.dashboard .create-new__button {
  border: 1px solid #235BA8;
  color: #235BA8;
  line-height: 42px;
  display: block;
  width: 100%;
  border-radius: 40px;
  font-size: 1.2rem;
  font-weight: 300;
  outline: none; }
  @media (min-width: 768px) {
    .dashboard .create-new__button {
      font-size: 1.6rem; } }
.dashboard .create-new__input {
  display: block;
  width: 100%;
  line-height: 42px;
  border: 1px solid #EAEAEA;
  padding: 0 10px;
  margin-top: 15px;
  font-size: 1.4rem;
  font-weight: 300; }

.dashboard .modal h3 {
  font-size: 1.4rem; }

.dashboard .modal .doctor__form button {
  background: #123D57;
  display: block;
  width: 100%;
  line-height: 42px;
  color: #ffffff;
  margin-top: 15px;
  border-radius: 40px;
  padding: 0 10px;
  margin-top: 15px;
  font-size: 1.4rem;
  font-weight: 300;
  outline: none; }

.id-wrap {
  background: #ffffff;
  padding: 3rem; }
  .id-wrap h2 {
    font-size: 18px;
    font-weight: 500;
    color: #235BA8;
    margin-bottom: 15px; }
  .id-wrap .input-wrap {
    position: relative;
    color: #235BA8;
    display: flex;
    align-items: center; }
  .id-wrap input[type="text"] {
    background: #f4f4f4;
    padding: 1.5rem;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    color: #235BA8;
    cursor: copy; }
  .id-wrap .copy-icon {
    position: absolute;
    right: 10px;
    fill: currentColor; }

.assigned_mlo {
  background: #ffffff;
  padding: 3rem; }
  .assigned_mlo h2 {
    font-size: 18px;
    font-weight: 500;
    color: #235BA8;
    margin-bottom: 15px; }
  .assigned_mlo .mlo-wrap {
    background: #123D57;
    padding: 2rem; }
  .assigned_mlo .mlo__info {
    padding-left: 1.5rem;
    color: #ffffff; }
    .assigned_mlo .mlo__info h3 {
      font-size: 1.6rem;
      font-weight: 500; }

.stats-wrap {
  background: #ffffff;
  padding: 3rem; }
  .stats-wrap h2 {
    font-size: 18px;
    font-weight: 500;
    color: #235BA8;
    margin-bottom: 15px; }
  .stats-wrap .stat {
    font-size: 1.2rem; }
  .stats-wrap .stat__number {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 15px auto 0;
    line-height: 60px;
    background: #235BA8;
    color: #ffffff;
    border-radius: 100%; }

.patient-overview {
  background: #ffffff;
  padding-bottom: 15px; }
  .patient-overview .header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .patient-overview .header {
        margin-bottom: 20px; } }
  .patient-overview .cm-tabs h3 {
    margin-bottom: 15px;
    font-size: 16px; }
  .patient-overview .cm-tabs ul {
    display: flex;
    margin-bottom: 15px; }
  .patient-overview .cm-tabs .cm-tab {
    background: #ececec;
    padding: 0px 10px;
    line-height: 32px;
    font-size: 12px;
    font-weight: bold; }
  .patient-overview .cm-tabs li {
    display: flex;
    align-items: center;
    margin-right: 10px; }
    .patient-overview .cm-tabs li.active .cm-tab {
      background: #123D57;
      color: #ffffff; }
    .patient-overview .cm-tabs li.last {
      margin-left: auto; }
  .patient-overview .cm-tabs button.cm-tab {
    background: #235BA8 !important;
    line-height: 32px;
    color: #fff; }
    .patient-overview .cm-tabs button.cm-tab.delete {
      background: #D6574D !important; }
    .patient-overview .cm-tabs button.cm-tab svg {
      width: 8px;
      line-height: 32px;
      height: 32px; }
      .patient-overview .cm-tabs button.cm-tab svg path {
        fill: #fff; }
  .patient-overview .cm-tabs a.cm-tab.delete {
    line-height: 32px;
    color: #fff; }
    .patient-overview .cm-tabs a.cm-tab.delete.delete {
      background: #D6574D !important; }
    .patient-overview .cm-tabs a.cm-tab.delete svg {
      width: 8px;
      line-height: 32px;
      height: 32px; }
      .patient-overview .cm-tabs a.cm-tab.delete svg path {
        fill: #fff; }
  .patient-overview .cm-form {
    display: block; }
    .patient-overview .cm-form input {
      display: block;
      border: 1px solid #cccccc;
      font-size: 12px;
      padding: 8px 15px;
      background: none;
      margin-bottom: 10px;
      width: 100%; }
      .patient-overview .cm-form input[type="submit"] {
        background: #235BA8;
        color: #ffffff;
        border: none;
        font-weight: bold;
        font-size: 16px; }
  .patient-overview .search {
    font-size: 12px; }
    @media (min-width: 768px) {
      .patient-overview .search {
        font-size: 14px; } }
    .patient-overview .search input {
      border: 1px solid #ececec;
      padding: 10px 15px;
      border-radius: 20px;
      outline: none;
      width: 120px; }
      @media (min-width: 768px) {
        .patient-overview .search input {
          width: auto; } }
      .patient-overview .search input:active, .patient-overview .search input:focus {
        border: 1px solid #123D57; }
    .patient-overview .search form {
      position: relative; }
      .patient-overview .search form svg {
        position: absolute;
        top: 14px;
        right: 15px;
        pointer-events: none; }
  .patient-overview h1 {
    font-size: 16px;
    font-weight: 600;
    color: #123D57; }
    @media (min-width: 768px) {
      .patient-overview h1 {
        font-size: 18px; } }
  .patient-overview table {
    width: 100%;
    border-spacing: 5em; }
  .patient-overview th, .patient-overview td {
    font-size: 10px; }
    @media (min-width: 768px) {
      .patient-overview th, .patient-overview td {
        font-size: 14px; } }
  .patient-overview th {
    padding: 15px 10px;
    text-align: left;
    color: #555555; }
    .patient-overview th.date-col {
      width: 12%; }
      .patient-overview th.date-col .toggle-button {
        display: flex;
        align-items: center;
        cursor: pointer; }
        .patient-overview th.date-col .toggle-button svg {
          margin-left: 10px; }
    .patient-overview th.name-col {
      width: 40%; }
    .patient-overview th.status-col {
      width: 20%;
      position: relative; }
      .patient-overview th.status-col .toggle-button {
        display: flex;
        align-items: center;
        cursor: pointer;
        flex-wrap: wrap; }
        .patient-overview th.status-col .toggle-button svg {
          margin-left: 10px; }
      .patient-overview th.status-col .active {
        width: 100%;
        display: block;
        font-size: 10px;
        font-weight: 300; }
      .patient-overview th.status-col .toggler {
        background: #f7f7f7;
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.16); }
        .patient-overview th.status-col .toggler button {
          width: 100%;
          display: block;
          text-align: left;
          padding: 8px 20px;
          font-weight: 600; }
          .patient-overview th.status-col .toggler button.pending {
            color: #2ECC71; }
          .patient-overview th.status-col .toggler button.engaged {
            color: #3498DB; }
          .patient-overview th.status-col .toggler button.prescribed {
            color: #539090; }
          .patient-overview th.status-col .toggler button.referred {
            color: #34495E; }
          .patient-overview th.status-col .toggler button.untraceable {
            color: #e74c3c; }
          .patient-overview th.status-col .toggler button.not_interested {
            color: #c0392b; }
          .patient-overview th.status-col .toggler button.followup {
            color: #f1c40f; }
    .patient-overview th.file-col {
      width: 10%; }
  .patient-overview td {
    padding: 20px 10px; }
  .patient-overview th {
    background: #F7F7F7; }
  .patient-overview .icons {
    display: flex;
    align-items: center; }
    .patient-overview .icons svg {
      margin: 0 4px;
      max-height: 20px; }
      .patient-overview .icons svg path {
        fill: #666666; }
  .patient-overview .has-comment {
    width: 16px; }
    .patient-overview .has-comment path {
      fill: #666666; }
  .patient-overview .status {
    font-weight: 600;
    color: #cccccc; }
    .patient-overview .status.pending {
      color: #2ECC71; }
    .patient-overview .status.engaged {
      color: #3498DB; }
    .patient-overview .status.prescribed {
      color: #539090; }
    .patient-overview .status.referred {
      color: #34495E; }
    .patient-overview .status.untraceable {
      color: #e74c3c; }
    .patient-overview .status.not_interested {
      color: #c0392b; }
    .patient-overview .status.followup {
      color: #f1c40f; }
  .patient-overview .view-button {
    background: #F4F4F4;
    padding: 12px 15px;
    color: #6E6E6E;
    border-radius: 5px;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s; }
    .patient-overview .view-button:hover {
      background: #123D57;
      color: #ffffff; }
  .patient-overview .page-numbers {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px; }
    .patient-overview .page-numbers .page-numbers {
      font-size: 12px;
      margin: 0 8px; }
      @media (min-width: 768px) {
        .patient-overview .page-numbers .page-numbers {
          font-size: 14px;
          margin: 0 15px; } }
      .patient-overview .page-numbers .page-numbers.current {
        font-weight: 600;
        color: #235BA8; }
    .patient-overview .page-numbers .prev, .patient-overview .page-numbers .next {
      border: 1px solid #ececec;
      padding: 10px 15px;
      font-size: 12px;
      border-radius: 20px;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
      @media (min-width: 768px) {
        .patient-overview .page-numbers .prev, .patient-overview .page-numbers .next {
          padding: 10px 30px; } }
      .patient-overview .page-numbers .prev:hover, .patient-overview .page-numbers .next:hover {
        background: #123D57;
        color: #ffffff;
        border: 1px solid #123D57; }

.patient-file {
  background: #ffffff; }
  .patient-file h2 {
    font-size: 18px;
    font-weight: 600;
    color: #235BA8;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin-bottom: 30px; }
  .patient-file .info {
    margin-bottom: 15px; }
    .patient-file .info p {
      font-size: 14px;
      color: #000000;
      font-weight: 500; }
    .patient-file .info .label {
      font-size: 14px;
      font-weight: 400;
      color: #8E8E8E; }
    .patient-file .info textarea {
      border: 1px solid #cccccc;
      padding: 15px;
      font-size: 14px;
      text-align: left;
      width: 100%; }
    .patient-file .info ol {
      list-style: decimal;
      padding-left: 20px;
      font-weight: 500;
      font-size: 14px;
      color: #000000; }
  .patient-file .doctor-wrap {
    margin-bottom: 60px; }
  .patient-file .status-wrap.m-wrap {
    margin-bottom: 15px; }
  .patient-file .status-wrap .header {
    position: relative; }
    .patient-file .status-wrap .header button {
      position: absolute;
      top: 5px;
      right: 0;
      text-decoration: underline; }
  .patient-file .status-wrap select {
    border: 1px solid #EAEAEA;
    background: #F8F8F8;
    padding: 15px;
    width: 100%;
    font-weight: 400;
    text-align: center;
    font-size: 14px; }
  .patient-file .status-wrap input[type="submit"] {
    background: #123D57;
    color: #ffffff;
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
    display: block;
    width: 100%;
    line-height: 48px;
    font-weight: 500;
    border-radius: 40px; }
  .patient-file .record {
    margin-top: 30px; }
  .patient-file .question {
    margin-bottom: 45px; }
    .patient-file .question .q-label {
      font-size: 12px;
      font-weight: 500;
      color: #ADADAD; }
    .patient-file .question .q {
      font-size: 14px;
      color: #123D57;
      font-weight: 400;
      margin-bottom: 10px; }
  .patient-file .radio-group {
    display: flex;
    flex-wrap: wrap; }
    .patient-file .radio-group .input-wrap {
      margin-right: 30px;
      display: flex;
      align-items: center;
      width: 100%; }
      @media (min-width: 768px) {
        .patient-file .radio-group .input-wrap {
          width: auto; } }
      .patient-file .radio-group .input-wrap label {
        margin-left: 10px;
        font-size: 14px;
        color: #123D57;
        font-weight: 400; }
      .patient-file .radio-group .input-wrap input {
        border: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #ffffff;
        border: 1px solid #eaeaea;
        height: 14px;
        width: 14px;
        border-radius: 100%; }
        .patient-file .radio-group .input-wrap input:checked {
          background: #123D57; }
  .patient-file .text-input {
    margin-top: 10px;
    display: block;
    width: 100%;
    font-size: 14px;
    border: 1px solid #e8e8e8;
    padding: 10px;
    background: none; }
  .patient-file .remark {
    margin-top: 15px; }
    .patient-file .remark .desc {
      font-size: 12px;
      font-weight: 400;
      color: #adadad; }
  .patient-file .doctor {
    background: #F8F8F8;
    padding: 15px;
    display: flex;
    align-items: center; }
    .patient-file .doctor .img-wrap {
      margin-right: 15px; }
    .patient-file .doctor img {
      max-width: 100px; }
    .patient-file .doctor h3 {
      font-size: 14px;
      font-weight: 500;
      margin-bottom: 10px; }
    .patient-file .doctor .info {
      margin-bottom: 0; }
    .patient-file .doctor button {
      border: 1px solid #123D57;
      text-align: center;
      width: 100%;
      font-size: 14px;
      line-height: 36px;
      color: #123D57;
      border-radius: 20px;
      margin-bottom: 0;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
      .patient-file .doctor button:hover {
        color: #ffffff;
        background: #123D57;
        border-color: #123D57; }
  .patient-file .doctor-description {
    font-size: 14px; }
    .patient-file .doctor-description .modal__close {
      top: 10px;
      right: 5px; }
      @media (min-width: 768px) {
        .patient-file .doctor-description .modal__close {
          top: -30px;
          right: 0; } }
      .patient-file .doctor-description .modal__close svg path {
        fill: #000000; }
        @media (min-width: 768px) {
          .patient-file .doctor-description .modal__close svg path {
            fill: #ffffff; } }
    .patient-file .doctor-description .modal__wrap {
      max-width: 800px; }
    @media (min-width: 768px) {
      .patient-file .doctor-description .wrap {
        display: flex;
        align-items: flex-start; } }
    .patient-file .doctor-description .img-wrap {
      text-align: center; }
      @media (min-width: 768px) {
        .patient-file .doctor-description .img-wrap {
          width: 190px;
          border-radius: 100%;
          overflow: hidden; } }
      .patient-file .doctor-description .img-wrap img {
        margin: 0 auto;
        border-radius: 100%;
        margin-bottom: 15px;
        width: 80px; }
        @media (min-width: 768px) {
          .patient-file .doctor-description .img-wrap img {
            width: 100px;
            border-radius: 0;
            margin: auto;
            margin-bottom: 0; } }
    @media (min-width: 768px) {
      .patient-file .doctor-description .description {
        padding-left: 30px; } }
    .patient-file .doctor-description .description h2 {
      border-bottom: none;
      margin-bottom: 0;
      font-size: 14px; }
      @media (min-width: 768px) {
        .patient-file .doctor-description .description h2 {
          font-size: 18px; } }
    .patient-file .doctor-description .description .info-wrap {
      display: flex; }
      .patient-file .doctor-description .description .info-wrap .wrapper {
        width: 50%; }
    .patient-file .doctor-description .description .label {
      font-size: 10px;
      color: #8E8E8E; }
      @media (min-width: 768px) {
        .patient-file .doctor-description .description .label {
          font-size: 12px; } }
    .patient-file .doctor-description .description .info {
      font-size: 12px;
      font-weight: 500;
      color: #333333; }
      @media (min-width: 768px) {
        .patient-file .doctor-description .description .info {
          font-size: 14px; } }
    .patient-file .doctor-description .description .desc {
      font-size: 12px; }
      @media (min-width: 768px) {
        .patient-file .doctor-description .description .desc {
          margin-top: 15px; } }
      .patient-file .doctor-description .description .desc h2 {
        margin-bottom: 0px;
        padding-bottom: 5px; }
    .patient-file .doctor-description p {
      margin-bottom: 15px;
      font-size: 11px; }
      @media (min-width: 768px) {
        .patient-file .doctor-description p {
          font-size: 12px; } }
  .patient-file .help-description {
    font-size: 14px; }
    .patient-file .help-description h3 {
      font-size: 16px;
      font-weight: 600;
      margin-top: 20px; }
      .patient-file .help-description h3:first-child {
        margin-top: 0; }
      .patient-file .help-description h3.pending {
        color: #2ECC71; }
      .patient-file .help-description h3.engaged {
        color: #3498DB; }
      .patient-file .help-description h3.prescribed {
        color: #539090; }
      .patient-file .help-description h3.referred {
        color: #34495E; }

.modal-contactinfo {
  font-size: 1.3rem; }
  .modal-contactinfo .modal__wrap {
    padding: 0;
    max-height: 90vh;
    width: 90vw; }
  .modal-contactinfo .modal__content {
    overflow-y: scroll;
    max-height: 90vh;
    padding: 30px; }
  .modal-contactinfo p {
    font-size: 1.3rem;
    margin-bottom: 10px; }
  .modal-contactinfo .modal-contactinfo-phonewrap {
    margin-bottom: 20px; }
    .modal-contactinfo .modal-contactinfo-phonewrap .prefix {
      color: #999;
      padding-right: 5px; }
    .modal-contactinfo .modal-contactinfo-phonewrap input[type="text"] {
      margin-bottom: 0; }
  .modal-contactinfo input[type="text"] {
    border: 1px solid #EAEAEA;
    padding: 5px 8px;
    width: 100%;
    margin-bottom: 10px; }

.contactinfo-button {
  background: #23A870;
  color: #ffffff;
  border-radius: 40px;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  margin-top: 15px;
  padding: 10px 30px; }

.devloginform {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #173f82;
  background-image: url(assets/img/login_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
  .devloginform form {
    width: 80%;
    max-width: 250px; }
  .devloginform input[type="password"] {
    border: none;
    display: block;
    width: 100%;
    line-height: 42px;
    padding: 0 10px;
    font-size: 1.2rem;
    background: rgba(255, 255, 255, 0.09);
    margin-bottom: 10px;
    color: #fff; }
  .devloginform button {
    width: 100%;
    line-height: 42px;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    background: #235BA8;
    color: #ffffff;
    font-weight: 500;
    font-size: 1.6rem;
    text-transform: uppercase; }

.single-consultation .item {
  margin-bottom: 45px; }

.single-consultation h1 {
  color: #235BA8;
  font-size: 3.2rem;
  font-weight: 800;
  margin-bottom: 15px; }

.single-consultation .description {
  font-size: 1.4rem;
  font-weight: 300; }

.single-consultation .form {
  background: #ffffff;
  padding: 1.5rem; }
  @media (min-width: 768px) {
    .single-consultation .form {
      padding: 4rem; } }
.single-consultation .date {
  margin: 15px 0;
  font-size: 1.2rem;
  color: #8E8E8E; }

.single-consultation .question {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #EAEAEA; }
  .single-consultation .question h3 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000000; }
  .single-consultation .question h5 {
    font-size: 1.4rem;
    margin-bottom: 20px; }
  .single-consultation .question h6 {
    margin-top: 10px;
    font-size: 1.2rem;
    margin-bottom: 5px; }

.single-consultation .radio-group li {
  margin-right: 45px; }

.single-consultation .radio-group label {
  font-size: 1.4rem;
  margin-left: 5px; }

.single-consultation .input-field input {
  border: 1px solid #EAEAEA;
  line-height: 32px;
  padding: 0 10px;
  font-size: 1.4rem;
  font-weight: 300;
  width: 100%;
  background: none; }

.single-consultation textarea {
  width: 100%;
  background: none;
  border: 1px solid #EAEAEA;
  padding: 1rem;
  text-align: left;
  font-size: 1.4rem;
  font-weight: 300;
  max-height: 140px; }

.single-consultation .image {
  width: 32%; }

.single-consultation .notice {
  padding: 20px;
  background: #ffffff;
  font-size: 1.2rem;
  background: #123D57;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
  -moz-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
  box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
  -webkit-animation: highlight 3.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  animation: highlight 3.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 2s; }

.consultation-data {
  background: #235BA8;
  color: #ffffff; }
  .consultation-data h2 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px; }
  .consultation-data h3 {
    font-weight: 200;
    margin-bottom: 5px;
    font-size: 1.2rem; }
    .consultation-data h3.consultation-id {
      font-weight: 500; }
    .consultation-data h3 a {
      text-decoration: underline; }

.data-column .date {
  margin: 15px 0;
  font-size: 1.2rem;
  color: #8E8E8E; }

.data-column .other {
  margin-top: 30px;
  background: #ffffff;
  padding: 3rem; }
  .data-column .other h2 {
    color: #235BA8;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 15px; }
  .data-column .other .list {
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA; }
    .data-column .other .list .item {
      line-height: 42px;
      font-size: 1.2rem;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
      .data-column .other .list .item .arw {
        width: 15px;
        margin-right: 5px;
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s; }
      .data-column .other .list .item:hover {
        background: #f4f4f4; }
        .data-column .other .list .item:hover .arw {
          margin-right: 15px; }

.founders {
  margin-top: 30px; }
  .founders div.signature {
    margin-top: 3rem; }
  .founders img.profile-img {
    margin-right: 1.5rem; }
  .founders h2 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3; }
  .founders .name {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1rem; }
  .founders img.signature {
    width: 100px; }
    .founders img.signature.jan {
      width: 150px; }
  .founders .title {
    font-size: 1.4rem; }

.founders-mobile {
  margin-top: 30px;
  margin-bottom: 60px;
  display: block; }
  @media (min-width: 1200px) {
    .founders-mobile {
      display: none; } }
  .founders-mobile div.signature {
    margin-top: 3rem; }
  .founders-mobile img.profile-img {
    margin-right: 1.5rem; }
  .founders-mobile h2 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3; }
  .founders-mobile .name {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 1rem; }
  .founders-mobile img.signature {
    width: 100px; }
    .founders-mobile img.signature.jan {
      width: 150px; }
  .founders-mobile .title {
    font-size: 1.4rem; }

@-webkit-keyframes highlight {
  0% {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
    box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6); }
  100% {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; } }

@keyframes highlight {
  0% {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
    -moz-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
    box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6); }
  100% {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; } }

.create-consultation .form {
  background: #ffffff; }
  .create-consultation .form h1 {
    font-size: 32px;
    font-weight: 800;
    color: #235BA8;
    margin-bottom: 10px; }
  .create-consultation .form .description {
    font-size: 1.4rem;
    margin-bottom: 30px; }

.create-consultation .acf-fields > .acf-field {
  padding: 0;
  border-top: none; }

.create-consultation label[for="acf-field_5f22a86453704"] {
  display: none; }

.create-consultation .acf-input, .create-consultation .acf-fields.-border {
  border: none; }

.create-consultation .acf-field {
  margin-bottom: 30px; }
  .create-consultation .acf-field input[type="text"] {
    border: 1px solid #EAEAEA;
    width: 100%;
    font-weight: 300;
    line-height: 32px; }
  .create-consultation .acf-field textarea {
    border: 1px solid #EAEAEA;
    width: 100%;
    min-height: 100px;
    font-weight: 300;
    padding: 10px; }
  .create-consultation .acf-field .acf-label {
    margin-bottom: 20px; }

.create-consultation .acf-label label {
  font-size: 1.6rem;
  font-weight: 400; }

.create-consultation ul.acf-radio-list.acf-hl li {
  margin-right: 40px; }

.create-consultation .acf-input li label {
  display: flex;
  font-size: 1.4rem;
  font-weight: 300; }

.create-consultation ul.acf-radio-list li input[type="radio"] {
  margin-right: 5px;
  margin-top: 5px; }

.create-consultation .image-upload {
  position: relative; }
  .create-consultation .image-upload .acf-image-uploader {
    position: static; }
  .create-consultation .image-upload .acf-input {
    width: 100%;
    height: 150px;
    border: 1px solid #EAEAEA;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    .create-consultation .image-upload .acf-input.invalid {
      border-color: red; }
    .create-consultation .image-upload .acf-input:hover {
      border-color: #235BA8; }
  .create-consultation .image-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer; }
  .create-consultation .image-upload .acf-basic-uploader {
    display: flex;
    height: 150px;
    align-items: center;
    justify-content: center; }
    .create-consultation .image-upload .acf-basic-uploader:before {
      content: '+ Choose a file';
      display: block;
      text-align: center;
      font-size: 1.4rem;
      color: #235BA8; }
  .create-consultation .image-upload .acf-label {
    display: none; }

.create-consultation .acf-field[data-width] + .acf-field[data-width] {
  border-left: none; }

.create-consultation .acf-field-5f27cce718bd8 .acf-fields {
  display: flex;
  width: 100%;
  justify-content: space-between; }
  .create-consultation .acf-field-5f27cce718bd8 .acf-fields:after {
    display: none; }

.create-consultation .acf-field-5f27cce718bd8 .acf-field-image {
  margin-bottom: 0; }

.create-consultation .sub_question {
  margin-top: -45px; }
  .create-consultation .sub_question .acf-label {
    margin-bottom: 5px; }
    .create-consultation .sub_question .acf-label label {
      display: none; }
    .create-consultation .sub_question .acf-label .description {
      margin-bottom: 0;
      font-size: 1.2rem;
      font-weight: 400; }

.create-consultation .acf-field:not(.sub_question) {
  border-top: 1px solid #EAEAEA;
  padding-top: 15px; }
  .create-consultation .acf-field:not(.sub_question) .description {
    margin-bottom: 0; }

.create-consultation .acf-field-group {
  border-top: none !important; }

.create-consultation .acf-form-submit .acf-button {
  display: block;
  background: #235BA8;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  width: 100%;
  line-height: 62px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px; }

.create-consultation .acf-field-5f22a86453704 {
  margin-bottom: 0; }

.consultations-listing {
  background: #ffffff;
  padding: 1.5rem; }
  @media (min-width: 576px) {
    .consultations-listing {
      padding: 3rem; } }
  .consultations-listing .toolbar {
    margin-bottom: 30px; }
  .consultations-listing .toolbar__search {
    border: 1px solid #EAEAEA;
    line-height: 36px;
    padding: 0 15px;
    font-size: 1.2rem;
    font-weight: 300;
    border-radius: 40px; }
  .consultations-listing h1 {
    color: #235BA8;
    font-size: 1.8rem;
    font-weight: 700; }
  .consultations-listing .listing .item-consultation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.4;
    font-size: 1.2rem;
    padding: 25px 10px;
    border-bottom: 1px solid #EAEAEA; }
    @media (min-width: 576px) {
      .consultations-listing .listing .item-consultation {
        font-size: 1.4rem; } }
    .consultations-listing .listing .item-consultation .icon {
      margin-right: 1rem;
      width: 18px; }
    .consultations-listing .listing .item-consultation .notification {
      background: #D6574D;
      display: inline-block;
      color: #ffffff;
      border-radius: 10px;
      font-size: 1rem;
      line-height: 20px;
      padding: 0 15px;
      margin-left: 15px; }
    .consultations-listing .listing .item-consultation:first-child {
      border-top: 1px solid #EAEAEA; }
    .consultations-listing .listing .item-consultation:hover {
      background: #F7F7F7; }
    .consultations-listing .listing .item-consultation .arw {
      display: inline-block;
      margin-left: auto;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s; }
    .consultations-listing .listing .item-consultation:hover .arw {
      padding-right: 5px; }

.mlo-response {
  background: #ffffff;
  padding: 1.5rem; }
  @media (min-width: 576px) {
    .mlo-response {
      padding: 4rem; } }
  .mlo-response h2 {
    font-size: 1.8rem;
    font-weight: 400;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .mlo-response h2 {
        font-size: 2.2rem; } }
    .mlo-response h2.title {
      font-size: 2rem;
      font-weight: 600; }
      @media (min-width: 768px) {
        .mlo-response h2.title {
          font-size: 2.6rem; } }
  .mlo-response .message {
    font-size: 12px;
    font-family: 'Lora', serif; }
    @media (min-width: 1200px) {
      .mlo-response .message {
        width: 90%; } }
    .mlo-response .message p {
      margin-bottom: 1.5rem;
      font-size: 1.3rem;
      line-height: 1.6; }
      .mlo-response .message p strong {
        font-weight: 700; }
      .mlo-response .message p a {
        color: #235BA8;
        font-weight: 500;
        text-decoration: underline; }
      .mlo-response .message p.manchet {
        font-weight: 700;
        font-size: 1.5rem; }
    .mlo-response .message h2 {
      font-size: 1.8rem;
      margin-bottom: 0rem;
      font-weight: 700;
      color: #235BA8;
      font-family: 'Montserrat', sans-serif; }
      @media (min-width: 768px) {
        .mlo-response .message h2 {
          font-size: 2.2rem; } }
      .mlo-response .message h2.blue {
        font-weight: 600;
        margin-bottom: 1.5rem; }
      .mlo-response .message h2.underline {
        font-weight: 600;
        text-decoration: underline; }
    .mlo-response .message h3 {
      font-size: 1.6rem;
      font-family: "Montserrat", sans-serif;
      font-weight: 600;
      margin-bottom: 2rem;
      display: flex;
      align-items: center; }
      .mlo-response .message h3 svg {
        margin-right: 1rem;
        min-width: 35px; }
      .mlo-response .message h3.blue {
        color: #235BA8; }
        .mlo-response .message h3.blue svg path {
          fill: currentColor; }
      .mlo-response .message h3.red {
        color: #D6574D; }
        .mlo-response .message h3.red svg path {
          fill: currentColor; }
    .mlo-response .message h4 {
      font-weight: 600;
      font-size: 1.4rem;
      font-family: 'Montserrat', sans-serif;
      margin-bottom: 0; }
    .mlo-response .message .comment {
      font-style: italic; }
    .mlo-response .message a.line {
      border-bottom: 1px solid #ffffff;
      font-weight: bold;
      color: #ffffff;
      text-decoration: none; }
    .mlo-response .message ul {
      list-style: disc;
      padding-left: 20px;
      margin-top: 15px;
      margin-bottom: 15px; }
  .mlo-response img.checkboxes {
    margin-top: -1.5rem; }
  .mlo-response hr {
    margin-bottom: 2rem;
    margin-top: 2rem;
    display: block; }
  .mlo-response .blue-box {
    background: #235BA8;
    color: #ffffff;
    margin: 0 -1.5rem;
    padding: 2rem 1.5rem; }
    @media (min-width: 576px) {
      .mlo-response .blue-box {
        margin: 0 -4rem;
        padding: 3rem 4rem; } }
    .mlo-response .blue-box p {
      margin-bottom: 1.5rem;
      font-size: 1.3rem;
      line-height: 1.6; }
      .mlo-response .blue-box p strong {
        font-weight: 700; }
    .mlo-response .blue-box h2 {
      font-size: 1.8rem;
      text-decoration: underline;
      margin-bottom: 0;
      font-weight: 600;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif; }
      @media (min-width: 768px) {
        .mlo-response .blue-box h2 {
          font-size: 2.2rem; } }
      .mlo-response .blue-box h2.underline {
        text-decoration: underline; }
    .mlo-response .blue-box h3 {
      font-size: 1.6rem;
      font-family: "Montserrat", sans-serif;
      font-weight: 600;
      margin-bottom: 2rem;
      display: flex;
      align-items: center; }
      .mlo-response .blue-box h3 svg {
        margin-right: 1rem;
        min-width: 35px; }
      .mlo-response .blue-box h3.red {
        color: #D6574D; }
    .mlo-response .blue-box u {
      font-weight: 700; }
  .mlo-response .gray-box {
    background: #eee;
    margin: 0 -1.5rem;
    padding: 2rem 1.5rem; }
    @media (min-width: 576px) {
      .mlo-response .gray-box {
        margin: 0 -4rem;
        padding: 3rem 4rem; } }
    .mlo-response .gray-box .message {
      width: 100%; }
  .mlo-response a.button-link {
    background: #235BA8;
    color: #ffffff !important;
    text-align: center;
    display: block;
    width: 100%;
    text-decoration: none !important;
    border-radius: 40px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 42px;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important; }
  .mlo-response .conclusion {
    font-size: 1.2rem !important;
    font-style: italic; }
    @media (min-width: 1200px) {
      .mlo-response .conclusion {
        width: 90%; } }
  .mlo-response .doctors {
    margin-top: 30px; }
    .mlo-response .doctors.mt-0 {
      margin-top: 0.5rem; }
    .mlo-response .doctors h3 {
      font-size: 1.4rem;
      font-weight: 500;
      margin-bottom: 15px; }
    .mlo-response .doctors img {
      border-radius: 100%; }
    .mlo-response .doctors .subtitle {
      margin-bottom: 0;
      font-weight: 700; }
    .mlo-response .doctors .explainer {
      font-size: 1.1rem;
      font-style: italic;
      margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .mlo-response .doctors .list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    .mlo-response .doctors .doctors-preview {
      max-height: 220px;
      overflow: hidden;
      position: relative;
      margin-bottom: 20px; }
      .mlo-response .doctors .doctors-preview .doctors-preview-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 5;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+90&0.45+0,1+100 */
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.95) 90%, white 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.95) 90%, white 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.95) 90%, white 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ffffff', endColorstr='#ffffff',GradientType=0 );
        /* IE6-9 */
        display: flex;
        align-items: center;
        justify-content: center; }
        .mlo-response .doctors .doctors-preview .doctors-preview-overlay span {
          color: #235BA8;
          font-weight: bold;
          font-size: 1.6rem;
          display: block; }
    .mlo-response .doctors .doctor {
      background: #f8f8f8;
      padding: 15px;
      width: 100%;
      border-radius: 10px;
      margin-bottom: 15px;
      position: relative;
      -moz-transition: all ease 0.3s;
      -o-transition: all ease 0.3s;
      -webkit-transition: all ease 0.3s;
      transition: all ease 0.3s;
      cursor: pointer; }
      @media (min-width: 992px) {
        .mlo-response .doctors .doctor {
          width: 49%; } }
      .mlo-response .doctors .doctor h3 {
        font-size: 1.4rem;
        margin-bottom: 10px; }
      .mlo-response .doctors .doctor svg path {
        -moz-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        transition: all ease 0.3s; }
      .mlo-response .doctors .doctor .info {
        padding-left: 15px; }
        .mlo-response .doctors .doctor .info .address {
          padding-left: 10px;
          font-size: 1.1rem; }
      .mlo-response .doctors .doctor .overlay {
        opacity: 0;
        position: absolute;
        z-index: 99;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 10px;
        background: rgba(35, 91, 168, 0.9);
        display: flex;
        justify-content: center;
        align-items: center;
        -moz-transition: all opacity 0.3s;
        -o-transition: all opacity 0.3s;
        -webkit-transition: all opacity 0.3s;
        transition: all opacity 0.3s; }
        .mlo-response .doctors .doctor .overlay button {
          font-size: 1.2rem;
          color: #ffffff;
          border: 1px solid #ffffff;
          border-radius: 40px;
          display: inline-block;
          padding: 1rem 2rem;
          cursor: pointer;
          margin: 0 0.5rem; }
          .mlo-response .doctors .doctor .overlay button:hover {
            background: #ffffff;
            color: #235BA8; }
        .mlo-response .doctors .doctor .overlay .choose-wrap {
          font-size: 1.2rem;
          color: #ffffff;
          border: 1px solid #ffffff;
          border-radius: 40px;
          display: inline-block;
          padding: 1rem 2rem;
          cursor: pointer;
          position: relative;
          margin: 0 0.5rem; }
          .mlo-response .doctors .doctor .overlay .choose-wrap input[type="radio"] {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            cursor: pointer; }
          .mlo-response .doctors .doctor .overlay .choose-wrap:hover {
            background: #ffffff;
            color: #235BA8; }
      .mlo-response .doctors .doctor:hover {
        background: #235BA8;
        color: #ffffff; }
        .mlo-response .doctors .doctor:hover svg path {
          fill: #ffffff; }
        .mlo-response .doctors .doctor:hover .overlay {
          opacity: 1; }
      .mlo-response .doctors .doctor.chosen {
        background: #235BA8;
        color: #ffffff; }
        .mlo-response .doctors .doctor.chosen svg path {
          fill: #ffffff; }
        .mlo-response .doctors .doctor.chosen .choose-wrap {
          background: #ffffff;
          color: #235BA8; }
    .mlo-response .doctors .doctor-description p {
      margin-bottom: 1.5rem;
      font-size: 1.2rem; }
    .mlo-response .doctors .connected .doctor:hover:not(.chosen) {
      background: #f8f8f8;
      color: #000000; }
      .mlo-response .doctors .connected .doctor:hover:not(.chosen) svg path {
        fill: #000000; }
    .mlo-response .doctors .contact-form .flex {
      margin-bottom: 5px; }
    .mlo-response .doctors .contact-form label {
      font-size: 1.2rem;
      margin-left: 6px; }
    .mlo-response .doctors .contact-form input[type="text"], .mlo-response .doctors .contact-form input[type="tel"] {
      border: 1px solid #EAEAEA;
      width: 294px;
      padding: 1rem 1rem;
      font-size: 1.2rem; }
      .mlo-response .doctors .contact-form input[type="text"].telephone-input, .mlo-response .doctors .contact-form input[type="tel"].telephone-input {
        width: 263px;
        min-width: auto; }
    .mlo-response .doctors .contact-form .choice {
      margin-bottom: 1rem; }
    .mlo-response .doctors .contact-form .prefix {
      font-size: 1.2rem;
      color: #cccccc;
      margin-right: 10px;
      font-weight: 400; }
    .mlo-response .doctors form {
      margin-bottom: 2rem; }
    .mlo-response .doctors .doctors__submit {
      background: #23A870;
      color: #ffffff;
      border-radius: 40px;
      display: block;
      width: 100%;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 42px;
      margin-top: 15px; }
      .mlo-response .doctors .doctors__submit:disabled {
        background: #EAEAEA; }
  .mlo-response.create h2 {
    color: #235BA8;
    font-size: 1.8rem;
    font-weight: 500; }
  .mlo-response.create .acf-fields > .acf-field {
    padding: 0;
    border-top: none;
    margin-bottom: 30px; }
  .mlo-response.create .acf-field .acf-label label {
    font-size: 1.2rem;
    font-weight: 300;
    color: #A3A3A3; }
  .mlo-response.create input[type="text"] {
    border: 1px solid #EAEAEA; }
  .mlo-response.create input[type="submit"] {
    background: #235BA8;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    font-size: 1.6rem;
    width: 100%;
    line-height: 42px;
    border-radius: 40px; }

.nostate {
  position: relative; }
  .nostate:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    display: block;
    width: 36px;
    background: url(assets/img/down.svg) no-repeat center center;
    background-size: 10px;
    pointer-events: none; }
  .nostate select {
    border: 1px solid #EAEAEA;
    width: 100%;
    height: 42px;
    padding: 0 1rem;
    font-size: 1.4rem;
    font-weight: 300;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-bottom: 1.5rem; }
  .nostate button[type="submit"] {
    background: #235BA8;
    color: #ffffff;
    text-align: center;
    line-height: 42px;
    display: block;
    width: 100%;
    margin-top: 1.5rem;
    font-size: 1.4rem;
    border-radius: 20px; }

.message-wrap {
  background: #ffffff;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 1.5rem; }
  @media (min-width: 576px) {
    .message-wrap {
      padding: 4rem; } }
  .message-wrap h2 {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 15px; }
  .message-wrap p {
    font-family: 'Lora', serif; }

.delete svg {
  width: 16px; }
  .delete svg:hover path {
    fill: red; }

.create-message {
  background: #ffffff;
  font-size: 1.2rem;
  line-height: 1.6;
  padding: 1.5rem; }
  @media (min-width: 576px) {
    .create-message {
      padding: 4rem; } }
  .create-message h2 {
    color: #235BA8;
    font-size: 1.8rem;
    font-weight: 500; }
  .create-message .acf-fields > .acf-field {
    padding: 0;
    border-top: none;
    margin-bottom: 30px; }
  .create-message .acf-field .acf-label label {
    font-size: 1.2rem;
    font-weight: 300;
    color: #A3A3A3; }
  .create-message input[type="text"] {
    border: 1px solid #EAEAEA; }
  .create-message input[type="submit"] {
    background: #235BA8;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    font-size: 1.6rem;
    width: 100%;
    line-height: 42px;
    border-radius: 40px; }

.og-data input[type="radio"]:disabled:checked {
  background: #235BA8;
  appearance: none;
  height: 12px;
  width: 12px;
  display: inline-block;
  border-radius: 100%; }

.og-data input[type="text"] {
  font-weight: bold;
  color: #235BA8; }

.edit-profile .form {
  background: #ffffff;
  padding: 1.5rem; }
  @media (min-width: 992px) {
    .edit-profile .form {
      padding: 4rem; } }
  .edit-profile .form h1 {
    font-size: 18px;
    font-weight: 700;
    color: #235BA8;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 15px;
    margin-bottom: 15px; }
  .edit-profile .form label {
    display: block;
    font-weight: 300;
    font-size: 1.4rem;
    color: #8E8E8E;
    margin-bottom: 0.8rem; }
  .edit-profile .form input, .edit-profile .form select {
    border: 1px solid #EAEAEA;
    width: 100%;
    padding: 10px;
    font-size: 1.4rem;
    font-weight: 400; }
  .edit-profile .form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #ffffff;
    border-radius: 0;
    outline: none; }
    .edit-profile .form select:focus, .edit-profile .form select:active {
      outline: none; }
  .edit-profile .form .select-wrap {
    position: relative; }
    .edit-profile .form .select-wrap:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      display: block;
      width: 36px;
      background: url("assets/img/down.svg") no-repeat center center;
      background-size: 10px;
      pointer-events: none; }
  .edit-profile .form .phone-wrap .prefix {
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #cccccc; }
  .edit-profile .form input[type="submit"] {
    background: #123D57;
    color: #ffffff;
    border-radius: 40px;
    border: none;
    font-weight: 600;
    cursor: pointer; }
  .edit-profile .form .avatar {
    max-width: 140px;
    height: 140px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    display: block;
    margin: 0 auto 15px; }
  .edit-profile .form .avatar-label {
    text-align: center;
    color: #235BA8;
    font-size: 1.2rem;
    font-weight: 500;
    display: block;
    margin-bottom: 0;
    border: none;
    cursor: pointer; }
  .edit-profile .form .succes {
    background: rgba(49, 255, 192, 0.9);
    color: #000000;
    margin-top: 15px;
    text-align: center;
    line-height: 44px;
    font-size: 1.4rem;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .edit-profile .form .change-password {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #EAEAEA; }

.edit-profile .pw-title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #235BA8; }

@keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden; } }

@-webkit-keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    visibility: hidden; } }

.register-page {
  background: url("assets/img/login_bg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%; }
  @media (min-width: 992px) {
    .register-page {
      height: 100vh; } }
  .register-page .introduction {
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      .register-page .introduction {
        padding-top: 0;
        padding-bottom: 0;
        height: 100vh; } }
    .register-page .introduction h1 {
      font-size: 26px;
      font-weight: 700;
      line-height: 36px;
      margin-bottom: 1rem; }
      @media (min-width: 768px) {
        .register-page .introduction h1 {
          font-size: 36px;
          line-height: 50px;
          margin-bottom: 2rem; } }
      @media (min-width: 992px) {
        .register-page .introduction h1 {
          font-size: 48px;
          line-height: 56px;
          margin-bottom: 1rem; } }
    .register-page .introduction h3 {
      font-size: 2rem;
      font-weight: 500;
      margin-bottom: 3rem;
      font-style: italic; }
    .register-page .introduction p {
      font-size: 1.4rem;
      font-weight: 300;
      margin-bottom: 2rem; }
      @media (min-width: 992px) {
        .register-page .introduction p {
          font-size: 1.6rem; } }
    .register-page .introduction strong {
      font-weight: 500; }
    .register-page .introduction .consent-label {
      margin-bottom: 0;
      margin-left: 0;
      font-size: 1rem; }
  .register-page .register-logo {
    width: 280px;
    margin-bottom: 3rem; }
    @media (min-width: 1200px) {
      .register-page .register-logo {
        padding-top: 0;
        padding-bottom: 0;
        width: 380px;
        margin-bottom: 6rem; } }
  .register-page .form {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media (min-width: 992px) {
      .register-page .form {
        height: 100vh; } }
  .register-page hr {
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 15px; }

#confirm-register .form-title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 15px; }
  #confirm-register .form-title br {
    display: none; }
    @media (min-width: 992px) {
      #confirm-register .form-title br {
        display: block; } }
  @media (min-width: 992px) {
    #confirm-register .form-title {
      font-size: 2.4rem; } }
#confirm-register .field {
  margin-bottom: 20px; }
  #confirm-register .field.w-1\/2 {
    width: 48%; }
  #confirm-register .field label {
    display: block;
    font-size: 1.3em;
    margin-bottom: 5px; }
  #confirm-register .field input[type="text"], #confirm-register .field input[type="password"], #confirm-register .field input[type="email"] {
    display: block;
    width: 100%;
    line-height: 38px;
    padding: 0 15px;
    font-size: 1.3rem;
    font-weight: 300;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.09);
    cursor: not-allowed; }
  #confirm-register .field textarea {
    max-height: 80px;
    display: block;
    width: 100%;
    line-height: 16px;
    padding: 15px 15px;
    font-size: 1.3rem;
    font-weight: 300;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.9); }
  #confirm-register .field select {
    display: block;
    width: 100%;
    line-height: 18px;
    padding: 0 15px;
    height: 38px;
    font-size: 1.3rem;
    font-weight: 300;
    color: #333333;
    background: white;
    max-height: 80px;
    -webkit-appearance: none; }
  #confirm-register .field input[type="submit"] {
    background: #235BA8;
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 40px;
    line-height: 52px;
    font-size: 1.2rem;
    cursor: pointer;
    background: #235BA8;
    -moz-transition: background ease 0.3s;
    -o-transition: background ease 0.3s;
    -webkit-transition: background ease 0.3s;
    transition: background ease 0.3s; }
    #confirm-register .field input[type="submit"]:hover {
      background: #23A870; }
    @media (min-width: 576px) {
      #confirm-register .field input[type="submit"] {
        font-size: 1.5rem; } }
    @media (min-width: 768px) {
      #confirm-register .field input[type="submit"] {
        font-size: 1.8rem; } }
  #confirm-register .field .select__wrap {
    position: relative; }
    #confirm-register .field .select__wrap:after {
      display: inline-block;
      background: url("assets/img/angle-down.svg") no-repeat center center;
      background-size: 10px 10px;
      width: 38px;
      height: 38px;
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      pointer-events: none; }
  #confirm-register .field .submit-wrapper {
    position: relative; }
    #confirm-register .field .submit-wrapper img {
      position: absolute;
      left: 7px;
      top: 7px;
      pointer-events: none; }
  #confirm-register .field .consent-wrap {
    margin-top: 15px; }
  #confirm-register .field #consent {
    border: none;
    margin-top: 3px;
    zoom: 1.3;
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0; }
    @media (min-width: 768px) {
      #confirm-register .field #consent {
        zoom: 1;
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1); } }
#confirm-register .consent-label {
  position: absolute;
  bottom: -38%;
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 1rem; }
  @media (min-width: 768px) {
    #confirm-register .consent-label {
      margin-left: 5px; } }
#confirm-register .notice {
  background: rgba(255, 255, 255, 0.09);
  padding: 2rem;
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
  -moz-box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
  box-shadow: 0px 0px 15px 0px rgba(35, 91, 168, 0.6);
  -webkit-animation: highlight 3.0s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  animation: highlight 3.0s forwards;
  animation-iteration-count: 1;
  animation-delay: 2s; }

.library-content {
  background: #ffffff;
  padding: 3rem; }
  .library-content h1 {
    font-size: 18px;
    font-weight: 500;
    color: #235BA8;
    margin-bottom: 15px; }
  .library-content .description {
    font-size: 1.4rem;
    font-family: 'Lora', serif; }
  .library-content .folders {
    margin-top: 3rem; }
  .library-content .folder {
    margin-top: 3rem; }
  .library-content .folder-title {
    color: #235BA8;
    cursor: pointer; }
    .library-content .folder-title h3 {
      font-size: 1.4rem;
      font-weight: 500; }
    .library-content .folder-title svg {
      fill: currentColor; }
    .library-content .folder-title.open svg {
      transform: rotate(180deg); }
  .library-content .texts {
    margin-top: 1.5rem;
    display: none; }
  .library-content .text {
    margin-top: 3rem;
    font-size: 1.2rem;
    padding: 2rem;
    width: 100%;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: copy; }
    .library-content .text:hover {
      -webkit-box-shadow: 0px 0px 6px 0px rgba(35, 91, 168, 0.8);
      -moz-box-shadow: 0px 0px 6px 0px rgba(35, 91, 168, 0.8);
      box-shadow: 0px 0px 6px 0px rgba(35, 91, 168, 0.8);
      color: rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: center; }
      .library-content .text:hover:after {
        content: 'Copy to generated message';
        position: absolute;
        color: #235BA8;
        text-align: center;
        display: block;
        font-size: 1.6rem;
        font-weight: 500; }

.generated-message {
  padding: 3rem;
  background: #ffffff; }
  .generated-message h2 {
    font-size: 18px;
    font-weight: 500;
    color: #235BA8;
    margin-bottom: 15px; }
  .generated-message #message {
    width: 100%;
    background: none;
    border: 1px solid #EAEAEA;
    width: 100%;
    padding: 1.5rem;
    font-size: 1.4rem;
    font-weight: 300;
    font-family: 'Lora', serif; }
  .generated-message .copy {
    background: #235BA8;
    color: #ffffff;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-radius: 40px;
    font-size: 1.4rem;
    margin-top: 1.5rem; }
    .generated-message .copy svg {
      height: 16px;
      margin-right: 5px;
      fill: currentColor; }