/* ------------------------- */
/* COMMON */
/* ------------------------- */

::-webkit-scrollbar {
  width: 2.5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f100;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #8888884f;
}

.no-portrait{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background: #EDEDF3;
  font-size: 1.8em;
  color: rgb(139, 139, 139);
}

.choose-paciente-options, .choose-atendimento-options, .choose-local-options, .choose-local-paciente-options {
  padding: 10px 18px;
}

.choose{
  padding: 30px 0px 0px 0px;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;

  .choose-container{
    display: flex;
    flex-wrap: wrap;
    align-content: start;
    justify-content: center;
    width: 100%;
    max-width: 550px;
  }
  .choose-container-header{
    width: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;

    .choose-container-header-logo{
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      img{
        width: 40px;
      }
    }
    .choose-container-header-greeting{
      width: 100%;
      margin-top: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      h3{
        margin: 0;
      }
    }
    .choose-container-header-info{
      width: 100%;
      p{
        margin-top: 10px;
        color: #696969cc;
        font-size: 0.75em;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
          width: 12px;
          margin: 0 3px;
        }
      }
    }
  }
}
.choose-container-content{
  /* background: rgb(255, 180, 180); */
  border-radius: 20px;
  height: 70%;
  max-height: 500px;
  min-height: 400px;
  z-index: 3;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.choose-container-content-out{
  height: 0px !important;
  width: 0px !important;
  opacity: 0;
  min-height: 0px;
  transition: 0.5s;
}

.choose-container-content-paciente, .choose-container-content-atendimento, .choose-container-content-local, .choose-container-content-local-paciente{
  height: 100%;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
}
.choose-container-content-unidade{
  height: 100%;
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
}

.search-active{
  left: 0;
  transition: 0s ease-in-out;
  width: 100%;
  background: white;
}
.search-inactive{
  left: 100% !important;
  transition: 0.3s ease-in-out;
  width: 100%;
}

.active-choose-option{
  background-color: rgba(24, 74, 182, 0.121) !important;
  border-radius: 8px;
  overflow: hidden;
}

.disabled-option{
  background-color: rgb(239, 239, 239) !important;
  border-radius: 8px;
}

.continue-options-message{
  height: 80%;
  z-index: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  opacity: 0;
  transition: 0.2s ease-in-out;
  p{
    color: rgb(139, 139, 139);
    text-align: center;
    font-size: 0.8em;
  }
}
.continue-options-message-invalid{
  opacity: 1;
  transition: 0.2s ease-in-out;
}

.choose-absolute-button{
  position: absolute;
  right: 10px;
  border-radius: 4px;
  font-size: 0.85em;
  font-weight: 500;
  border: none;
  background-color: white;
  color: rgb(24, 74, 182);
  opacity: 0;
  transition: 0.3s ease-in-out;
  pointer-events: none;
}
.choose-absolute-button-on{
  opacity: 1;
  pointer-events: all;
}

/* ------------------------- */
/* CHOOSE LOADING */
/* ------------------------- */
.choose-loading{
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 0;
  border-radius: 10px;
}

.choose-loading-out{
  opacity: 0;
  transition: 0.6s ease-in-out; 
  z-index: -1;
}
.choose-loading-in{
  opacity: 1;
  transition: 0.6s ease-in-out; 
  z-index: 4;
}

.choose-loading-chat{
  position: absolute;
  width: 100%;
  top: 80%;
}
.choose-loading-chat-out{
  display: none;
  opacity: 0;
}
.choose-loading-chat-in{
  display: flex;
  opacity: 0.8;
}



/* ------------------------- */
/* CHOOSE UNIDADE */
/* ------------------------- */
.choose-unidade-options{
  height: 100%;
  width: 100%;
  z-index: 1;
  /* background: white; */
  /* padding: 10px 18px; */

  .choose-unidade-options-content{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-between;

    .choose-unidade-options-content-title{
      width: 100%;
      font-weight: 550;
      margin: 0;
    }
    .choose-unidade-options-content-subtitle{
      width: 100%;
      font-weight: 450;
      font-size: 0.9em;
      color: #8C94A1;
    }

    .choose-unidade-options-content-search{
      width: 100%;
      z-index: 0;

      p{
        margin: 0;
      }

      .choose-unidade-options-content-search-title{
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        color: #78808D;
      }

      .choose-unidade-options-content-search-content{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        width: 100%;

        .choose-unidade-options-content-search-content-item{
          background-color: white;
          border-radius: 16px;
          width: 47.5%;
          height: 54px;
          display: flex;
          align-items: center;
          padding: 0 15px;
          cursor: pointer;
          box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
          position: relative;

          i{
            font-size: 1.4em;
            color: #0D53A5;
          }

          .fa-chevron-right{
            position: absolute;
            right: 20px;
            font-size: 0.8em;
          }

          .choose-unidade-options-content-search-content-item-description{
            margin-left: 13px;

            .choose-unidade-options-content-search-content-item-description-title{
              font-weight: 450;
              font-size: 0.83em;
              color: #8C94A1;
            }
            .choose-unidade-options-content-search-content-item-description-detail{
              font-weight: bold;
              font-size: 0.99em;
              color: #0D53A5;
            }
          }

        }

      }
    }

    .choose-unidade-options-content-divider{
      width: 100%;
      p{
        width: 100%;
        text-align: center;
        margin: 0;
        color: #78808D;
      }
    }

    .choose-unidade-options-content-select{
      width: 100%;
      background: white;
      padding: 10px 18px 50px 18px;
      border-radius: 20px;
      height: 73%;
      box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

      .choose-unidade-options-content-select-divider{
        width: 95%;
        display: block;
        background: rgba(231, 231, 231, 0.742);
        height: 1px;
        margin: auto; 
      }

      .choose-unidade-options-content-select-options{
        width: 100%;
        height: 92%;
        overflow-y: scroll;
        padding-bottom: 36px;
  
        .choose-unidade-options-content-select-options-data{
          display: flex;
          align-items: center;
          height: 48px;
          cursor: pointer;
          position: relative;
          justify-content: space-between;
          border-radius: 8px;
  
          .choose-unidade-options-content-select-options-data-divider{
            position: absolute;
            top: 0;
            left: 2.5%;
            background: rgba(231, 231, 231, 0.742);
            width: 95%;
            height: 1px;
          }
  
          .choose-unidade-options-content-select-options-data-local{
            margin-left: 15px;
            font-size: 0.85em;
          }
          i{
            margin-right: 20px;
            color: rgb(150, 150, 150);
            transform: rotate(-90deg);
            font-size: 0.85em;
          }
        }
        .choose-unidade-options-content-select-options-data:hover{
          background-color: rgba(24, 74, 182, 0.077);
        }
      }
    }
  }
}


/* ------------------------- */
/* CHOOSE PACIENTE */
/* ------------------------- */
.choose-paciente-options{
  height: 100%;
  width: 100%;
  z-index: 2;
  background: white;

  .choose-paciente-options-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    padding-bottom: 15px;

    .choose-paciente-options-content-title{
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;

      .choose-paciente-options-content-title-icon{
        padding: 0px 5px;
        margin-right: 10px;
        border-radius: 100%;
        cursor: pointer;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .choose-paciente-options-content-title-icon:active{
        background: rgb(234, 234, 234);
      }
    }
    .choose-paciente-options-content-search{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      height: 34px;
      font-size: 0.85em;
      border-radius: 8px;
      position: relative;
      font-size: 0.9em;
      font-weight: 400;
      color: rgb(77, 77, 77);
      overflow-x: hidden;
      white-space: nowrap;

      input{
        width: 100%;
        height: 100%;
        background-color: #EDEDF3;
        border: none;
        border-radius: 8px;
        padding: 5px 0 5px 28px;
      }
      i{
        position: absolute;
        left: 10px;
        top: 1px;
        height: 100%;
        display: flex;
        align-items: center;
        pointer-events: none;
        color: #78808D;
      }
      .choose-absolute-button {
        height: 22px;
        padding: 0 10px;
      }

    }

    .choose-paciente-options-content-text-1{
      display: flex;
      align-items: center;
      margin: auto;
      padding: 12px 0 0 10px;
      width: 97%;
      font-size: 0.95em;
      color: rgb(141, 141, 141);
      box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    }

    .choose-paciente-options-content-options{
      width: 100%;
      flex: 1;
      overflow-y: scroll;

      .choose-paciente-options-content-options-data{
        display: flex;
        align-items: center;
        padding: 12px 8px;
        margin: 1px 5px 0 5px;
        position: relative;
        cursor: pointer;
        border-radius: 8px;

        .choose-paciente-options-content-options-data-divider{
          position: absolute;
          top: 0;
          left: 2.5%;
          background: rgba(231, 231, 231, 0.742);
          width: 95%;
          height: 1px;
        }

        .choose-paciente-options-content-options-data-paciente{
          display: flex;
          flex-wrap: nowrap;
          align-content: start;
          font-size: 0.85em;
          width: 100%;

          .choose-paciente-options-content-options-data-paciente-image{
            margin-left: 8px;
            img{
              width: 40px;
              height: 40px;
              border-radius: 100%;
            }
          }

          .choose-paciente-options-content-options-data-paciente-info{
            width: 100%;
            margin-left: 10px;
            display: flex;
            flex-wrap: wrap;
            p{
              margin: 0;
              padding: 0;
            }
            .choose-paciente-options-content-options-data-paciente-info-text{
              width: 100%;
              height: 20px;
              margin-right: 10px;
              overflow-x: hidden;
              position: relative;

              .choose-paciente-options-content-options-data-paciente-info-text-name{
                bottom: 0;
                left: 0;
                width: 100%;
                font-weight: bold;
                white-space: nowrap;
                position: absolute;
              }
            }
            .choose-paciente-options-content-options-data-paciente-info-age{
              font-size: 1em;
              color: rgb(100, 100, 100);
              width: 100%;
            }
          }
        }

        .fa-chevron-down{
          margin-right: 10px;
          color: rgb(150, 150, 150);
          transform: rotate(-90deg);
          font-size: 0.85em;
        }
      }
      .choose-paciente-options-content-options-data:hover{
        background-color: rgba(24, 74, 182, 0.077);
      }
    }
    .choose-paciente-options-content-button{
      width: 100%;
      height: 20%;
      display: flex;
      align-items: end;
      position: relative;
      button {
        z-index: 1;
        width: 100%;
        color: white;
        background-color: rgb(24, 74, 182);
        opacity: 1 !important;
      }
    }
  }
}


/* ------------------------- */
/* CHOOSE ATENDIMENTO */
/* ------------------------- */
.choose-atendimento-options{
  height: 100%;
  width: 100%;
  z-index: 3;
  background: white;

  .choose-atendimento-options-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    padding-bottom: 20px;
    position: relative;

    .choose-atendimento-options-content-title{
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;

      .choose-atendimento-options-content-title-icon{
        padding: 0px 5px;
        margin-right: 10px;
        border-radius: 100%;
        cursor: pointer;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .choose-atendimento-options-content-title-icon:active{
        background: rgb(234, 234, 234);
      }
    }

    .choose-atendimento-options-content-paciente{
      border: 1px solid #EDEDF3;
      display: flex;
      flex-wrap: nowrap;
      align-content: center;
      font-size: 0.85em;
      width: 100%;
      border-radius: 8px;
      padding: 5px 0;

      .choose-atendimento-options-content-paciente-image{
        display: flex;
        align-items: center;
        justify-items: center;
        margin: 1px 0 1px 8px;
        img{
          width: 40px;
          height: 40px;
          border-radius: 100%;
        }
      }

      .choose-atendimento-options-content-paciente-info{
        width: 100%;
        margin-left: 10px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        p{
          width: 100%;
          margin: 0;
          padding: 0;
        }
        .choose-atendimento-options-content-paciente-info-text{
          width: 100%;
          height: 20px;
          margin-right: 10px;
          overflow-x: hidden;
          position: relative;
          .choose-atendimento-options-content-paciente-info-text-name{
            bottom: 0;
            left: 0;
            width: 100%;
            font-weight: bold;
            white-space: nowrap;
            position: absolute;
          }
        }
        .choose-atendimento-options-content-paciente-info-age{
          font-size: 0.95em;
          color: rgb(100, 100, 100);
        }
      }
    }

    .choose-atendimento-options-content-search{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      height: 34px;
      font-size: 0.85em;
      border-radius: 8px;
      position: relative;
      font-size: 0.9em;
      font-weight: 400;
      color: rgb(77, 77, 77);
      overflow-x: hidden;
      white-space: nowrap;
      margin-top: 10px;

      input{
        width: 100%;
        height: 100%;
        background-color: #EDEDF3;
        border: none;
        border-radius: 8px;
        padding: 5px 0 5px 28px;
      }
      i{
        position: absolute;
        left: 10px;
        top: 1px;
        height: 100%;
        display: flex;
        align-items: center;
        pointer-events: none;
        color: #78808D;
      }
      .choose-absolute-button {
        height: 22px;
        padding: 0 10px;
      }
    }

    .choose-atendimento-options-content-text-1{
      display: flex;
      align-items: center;
      margin: auto;
      padding: 12px 0 0 10px;
      width: 97%;
      font-size: 0.95em;
      color: rgb(141, 141, 141);
      box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    }

    .choose-atendimento-options-content-options-multiple{
      height: 60% !important;

      .fa-chevron-down {
        display: none;
      }
    }

    .choose-atendimento-options-content-options{
      width: 100%;
      height: 80%;
      flex: 1;
      font-size: 0.9em;
      overflow-y: scroll;
      padding-bottom: 50px;

      .choose-atendimento-options-content-options-data{
        display: flex;
        align-items: center;
        padding: 12px 8px;
        position: relative;
        margin: 1px 5px 0 5px;
        cursor: pointer;
        border-radius: 8px;

        .choose-atendimento-options-content-options-data-divider{
          position: absolute;
          top: 0;
          left: 2.5%;
          background: rgba(231, 231, 231, 0.742);
          width: 95%;
          height: 1px;
        }

        .choose-atendimento-options-content-options-data-select{
          display: inline-block;
          background-color: #EDEDF3;
          width: 20;
          height: 20;
          opacity: 1;
          border-radius: 100px;
          padding: 2px 5px;
          font-size: 0.8em;
          color: transparent;
          border: 1px solid white;
        }
        .choose-atendimento-options-content-options-data-select-active{
          background: #0D53A5;
          color: white;
        }

        .choose-atendimento-options-content-options-data-atendimento{
          display: flex;
          flex-wrap: wrap;
          align-content: start;
          font-size: 0.85em;
          width: 100%;
          margin-left: 8px;

          p{
            margin: 0;
            padding: 0;
            color: rgb(129, 129, 129);
          }

          .choose-atendimento-options-content-options-data-atendimento-info{
            width: 70%;
            .choose-atendimento-options-content-options-data-atendimento-info-paciente{
              display: flex;
              flex-wrap: wrap;
              .choose-atendimento-options-content-options-data-atendimento-info-paciente-nome{
                font-weight: bold !important;
                color: #424A57 !important;
                width: 100%;
              }
            }
            
          }
          .choose-atendimento-options-content-options-data-atendimento-detail{
            width: 30%;
            display: flex;
            justify-content: center;
            align-items: center;
            p{
              padding: 5px 5px;
              text-align: center;
              border: 1px solid #EDEDF3;
              border-radius: 6px;
              font-size: 0.95em;
              color: #0D53A5;
              font-weight: bold;
            }

          }
        }

        .fa-chevron-down{
          margin-right: 10px;
          color: rgb(150, 150, 150);
          transform: rotate(-90deg);
          font-size: 0.85em;
        }

      }
      .choose-atendimento-options-content-options-data:hover{
        background-color: rgba(24, 74, 182, 0.077);
      } 

      .choose-atendimento-options-content-options-no-results{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: rgb(129, 129, 129);
      }
    }
    .choose-atendimento-options-content-button{
      width: 100%;
      height: 50px;
      display: flex;
      position: absolute;
      bottom: 10px;
      justify-content: center;
      align-items: center;
      color: white;
      background-color: #0D53A5;
      font-size: 14px;
      line-height: 100%;
      font-weight: 500;
      border-radius: 8px;
      border: none;


      .choose-atendimento-options-content-button-alert-out {
        opacity: 0 !important;
      }
      .choose-atendimento-options-content-button-alert {
        position: absolute;
        background: rgba(13, 83, 165, 0.38);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(7.6px);
        -webkit-backdrop-filter: blur(7.6px);

        top: -50px;
        display: flex;
        align-content: center;
        padding: 10px 20px;
        color: white;
        font-weight: bold;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.472);
        font-size: 0.8em;
        user-select: none;
        opacity: 1;
        transition: 0.5s ease-in-out;
        pointer-events: none;
      }
    }
  }
}


/* ------------------------- */
/* CHOOSE LOCAIS */
/* ------------------------- */
.choose-local-options{
  height: 100%;
  width: 100%;
  z-index: 2;
  background: white;

  .choose-local-options-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    padding-bottom: 15px;

    .choose-local-options-content-title{
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;
      margin-bottom: 10px;

      .choose-local-options-content-title-icon{
        padding: 0px 5px;
        margin-right: 10px;
        border-radius: 100%;
        cursor: pointer;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .choose-local-options-content-title-icon:active{
        background: rgb(234, 234, 234);
      }

      .choose-local-options-content-title-descricao{
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        .choose-local-options-content-title-descricao-unidade{
          font-size: 0.85em;
          color: rgb(128, 128, 128);
        }
        .choose-local-options-content-title-descricao-local{
          font-weight: 550;
          font-size: 0.95em;
        }
        p{
          margin: 0;
          padding: 0;
          width: 100%;
          height: 50%;
        }
      }
    }

    .choose-local-options-content-change{
      width: 100%;
      background-color: #EDEDF3;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 0px;
      margin: 10px 10px 10px 10px;

      .choose-local-options-content-change-options{
        width: 95%;
        display: flex;
        border-radius: 6px;
        position: relative;
        
        .choose-local-options-content-change-options-data {
          margin: 0;
          padding: 5px 5px;
          width: 50%;
          text-align: center;
          cursor: pointer;
          z-index: 2;
          color: #78808D !important;
          transition: 0.2s ease-in-out;
          font-size: 0.95em;
        }
        .choose-local-options-content-change-options-data-selected {
          color: #424A57 !important;
        }

        .choose-local-options-content-change-options-active{
          width: 50%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: white;
          border-radius: 8px;
          z-index: 1;
          transition: 0.2s ease-in-out;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        }
        .choose-local-options-content-change-options-active-right{
          left: 50%;
        }
      }

    }

    .choose-local-options-content-options{
      width: 100%;
      flex: 1;
      overflow-y: scroll;
      padding-bottom: 36px;

      .choose-local-options-content-options-data{
        display: flex;
        align-items: center;
        height: 48px;
        margin: 0 5px;
        position: relative;
        cursor: pointer;
        border-radius: 8px;

        .choose-local-options-content-options-data-divider{
          position: absolute;
          bottom: 0;
          left: 2.5%;
          background: rgba(231, 231, 231, 0.742);
          width: 95%;
          height: 1px;
        }

        .choose-local-options-content-options-data-local{
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 0.85em;

          .choose-local-options-content-options-data-local-descricao{
            margin-left: 10px;
          }
          .choose-local-options-content-options-data-local-count{
            margin-right: 10px;
            padding: 3px 5px;
            text-align: center;
            border: 1px solid #EDEDF3;
            border-radius: 6px;
            font-size: 0.95em;
            color: #0D53A5;
            font-weight: bold;
            min-width: 30px;
          }

          p{
            margin: 0;
          }
        }

        .fa-chevron-down{
          margin-right: 10px;
          color: rgb(150, 150, 150);
          transform: rotate(-90deg);
          font-size: 0.85em;
        }
      }
      .choose-local-options-content-options-data:hover{
        background-color: rgba(24, 74, 182, 0.077);
      } 

      .choose-local-options-content-options-no-results{
        display: flex;
        justify-content: center;
        color: rgb(129, 129, 129);
      }
    }

    .choose-local-options-content-divider{
      width: 100%;
      display: block;
      background: rgba(231, 231, 231, 0.742);
      height: 1px;
      margin: 0px 10px;
      padding: 0;
    }
  }
}

/* ------------------------- */
/* CHOOSE PACIENTES LOCAIS */
/* ------------------------- */
.choose-local-paciente-options{
  height: 100%;
  width: 100%;
  z-index: 2;
  background: white;

  .choose-local-paciente-options-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100%;
    padding-bottom: 15px;

    .choose-local-paciente-options-content-title{
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;

      .choose-local-paciente-options-content-title-icon{
        padding: 0px 5px;
        margin-right: 10px;
        border-radius: 100%;
        cursor: pointer;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .choose-local-paciente-options-content-title-icon:active{
        background: rgb(234, 234, 234);
      }

      .choose-local-paciente-options-content-title-descricao{
        display: flex;
        flex-wrap: wrap;
        .choose-local-paciente-options-content-title-descricao-unidade{
          font-size: 0.85em;
          color: rgb(128, 128, 128);
        }
        .choose-local-paciente-options-content-title-descricao-local{
          font-weight: 550;
          font-size: 0.95em;
        }
        p{
          margin: 0;
          padding: 0;
          width: 100%;
          height: 50%;
        }
      }
    }
    .choose-local-paciente-options-content-search{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      height: 34px;
      border-radius: 8px;
      position: relative;
      font-size: 0.9em;
      font-weight: 400;
      color: rgb(77, 77, 77);
      overflow-x: hidden;
      white-space: nowrap;
      margin-top: 10px;

      input{
        width: 100%;
        height: 100%;
        background-color: #EDEDF3;
        border: none;
        border-radius: 8px;
        padding: 5px 0 5px 28px;
      }
      i{
        position: absolute;
        left: 10px;
        top: 1px;
        height: 100%;
        display: flex;
        align-items: center;
        pointer-events: none;
        color: #78808D;
      }
      .choose-absolute-button {
        height: 22px;
        padding: 0 10px;
      }

    }

    .choose-local-paciente-options-content-text-1{
      display: flex;
      align-items: center;
      margin: auto;
      padding: 12px 0 0 10px;
      width: 97%;
      font-size: 0.95em;
      color: rgb(141, 141, 141);
      box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    }

    .choose-local-paciente-options-content-options{
      width: 100%;
      flex: 1;
      overflow-y: scroll;

      .choose-local-paciente-options-content-options-data{
        display: flex;
        align-items: center;
        padding: 12px 8px;
        margin: 1px 5px 0 5px;
        position: relative;
        cursor: pointer;
        border-radius: 8px;

        .choose-local-paciente-options-content-options-data-divider{
          position: absolute;
          top: 0;
          left: 2.5%;
          background: rgba(231, 231, 231, 0.742);
          width: 95%;
          height: 1px;
        }

        .choose-local-paciente-options-content-options-data-paciente{
          display: flex;
          flex-wrap: nowrap;
          align-content: start;
          font-size: 0.85em;
          width: 100%;

          .choose-local-paciente-options-content-options-data-paciente-image{
            margin-left: 8px;
            display: flex;
            align-items: center;
            img{
              width: 40px;
              height: 40px;
              border-radius: 100%;
            }
          }

          .choose-local-paciente-options-content-options-data-paciente-info{
            width: 100%;
            margin-left: 10px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            p{
              margin: 0;
              padding: 0;
            }

            .choose-local-paciente-options-content-options-data-paciente-info-name{
              width: 100%;
              font-weight: bold;
            }
            .choose-local-paciente-options-content-options-data-paciente-info-age, .choose-local-paciente-options-content-options-data-paciente-info-leito{
              font-size: 1em;
              color: rgb(100, 100, 100);
              width: 100%;
            }
          }
          .choose-local-paciente-options-content-options-data-paciente-atendimento{
            margin: 0px 10px;
            padding: 3px 5px;
            text-align: center;
            border: 1px solid #EDEDF3;
            border-radius: 6px;
            font-size: 0.95em;
            color: #0D53A5;
            font-weight: bold;
            min-width: fit-content;
            max-height: fit-content;
            display: flex;
            align-self: center;
          }
        }

        .fa-chevron-down{
          margin-right: 10px;
          color: rgb(150, 150, 150);
          transform: rotate(-90deg);
          font-size: 0.85em;
        }
      }
      .choose-local-paciente-options-content-options-data:hover{
        background-color: rgba(24, 74, 182, 0.077);
      } 

      .choose-local-paciente-options-content-options-no-results{
        display: flex;
        justify-content: center;
        color: rgb(129, 129, 129);
      }
    }
  }
}





/* BOTÃO CLEAR */
.selection .select2-selection .select2-selection__rendered .select2-selection__clear{
  padding-right: 10px;
}
/* CAMPO SELECT OPCOES */
.select2-container--krajee-bs5 .select2-dropdown .select2-results .select2-results__option .select2-results__group{
  font-size: 0.85em;
}
.select2-container--krajee-bs5 .select2-dropdown .select2-results .select2-results__option {
  font-size: 0.9em;
}
/* CAMPO SELECT HOVER */
.select2-results__option--highlighted[aria-selected] {
  background-color: #f3f3f3;
  color: black;
}
/* CAMPO SELECT SELECIONADO */
.select2-container--krajee-bs5 .select2-dropdown .select2-results .select2-results__option[aria-selected = true] {
  background-color: #d7d7d7;
  color: rgb(104, 104, 104);
}

/* ------------------------- */
/* MEDIA */
/* ------------------------- */
@media(max-width:852.98px) {
  .choose{
    .choose-container-header{
      .choose-container-header-logo{
        img{
          width: 30px;
        }
      }
    }
  }
}

@media(max-width:555.98px) {
  .choose-container-header{
    height: 24%;
  }
  .choose-container-content{
    height: 76%;
    max-height: 76%;
    border-radius: 20px 20px 0 0 !important;
  }
  
  .choose-unidade-options-content{
    .choose-unidade-options-content-select{
      border-radius: 20px 20px 0 0 !important;
    }
  }
}