.ws[system="counseling"] .menuTopMedium .head .icon {
  color: #558fff;
}
.bodyModule[module="calendarAdvised"] #selectTypeFormCalendar {
  width: 120px;
  padding: 3px 5px 2px 5px;
  border-radius: 4px;
  font-size: 13px;
  border: 0px;
  border: 1px solid var(--color-line);
}
.bodyModule[module="calendarAdvised"] .boxColorFormCalendar {
  width: 20px;
  height: 20px;
  margin-right: -7px;
  margin-top: 0px;
  border-radius: 4px;
  background-color: #a1c0fd;
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.bodyModule[module="calendarAdvised"] #spaceDateFormCalendar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}
.bodyModule[module="calendarAdvised"] #spaceDateFormCalendar .formControl {
  margin-bottom: 0px;
}
.bodyModule[module="calendarAdvised"] #spaceDateFormCalendar .formControl .icon {
  margin: 0;
}
.bodyModule[module="calendarAdvised"] #spaceDateFormCalendar .formControl .hours {
  margin: 0;
  display: flex;
  align-items: center;
}
.bodyModule[module="calendarAdvised"] #spaceDateFormCalendar .formControl .line {
  display: flex;
  align-items: center;
  gap: 7px;
}
.calendarAdvised {
  width: 100%;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  overflow-y: hidden;
  position: relative;
}
.calendarAdvised .tbody {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 !important;
  display: flex;
  justify-content: flex-start;
  gap: 0;
}
.calendarAdvised .sidebarCalendar {
  width: 150px;
  background: #e4e7f3;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  overflow-y: auto;
}
.calendarAdvised .sidebarCalendar[num="1"] {
  width: 0;
}
.calendarAdvised .sidebarCalendar label {
  font-size: 12px;
  padding: 10px 15px 10px 15px;
  display: flex;
  opacity: 0.7;
}
.calendarAdvised .sidebarCalendar .list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.calendarAdvised .sidebarCalendar .list li {
  width: 100%;
  display: flex;
}
.calendarAdvised .sidebarCalendar .list li a {
  font-size: 12px;
  padding: 6px 10px;
  margin: 1px 7px;
  width: -webkit-fill-available;
}
.calendarAdvised .sidebarCalendar .list li a:hover {
  color: #3369e7;
}
.calendarAdvised .sidebarCalendar .list li a.active {
  background: #4b5267;
  color: #ffffff;
  font-weight: 500;
  border-radius: 5px;
}
.calendarAdvised .bodyCalendar {
  min-width: 80%;
  width: calc(100% - 150px);
  position: relative;
}
.calendarAdvised .bodyCalendar[num="1"] {
  width: 100%;
}
.calendarAdvised .bodyCalendar .calendar {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.calendarAdvised .bodyCalendar .calendar .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calendarAdvised .bodyCalendar .calendar .title span {
  font-size: 16px;
  margin-left: 10px;
}
.calendarAdvised .bodyCalendar .calendar .title button {
  /* border: 1px solid; */
  border-radius: 5px;
  font-size: 15px;
  background-color: #e4e7f3;
  height: 30px;
}
.calendarAdvised .bodyCalendar .calendar .title button:hover {
  background-color: #b8bfdb;
  color: #ffffff;
}
.calendarAdvised .bodyCalendar .calendar .fc-head {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  background-color: white;
  z-index: 9999 !important;
}
.calendarAdvised .bodyCalendar .calendar .fc-widget-header tr td {
  border: 1px solid red;
}
.calendarAdvised .bodyCalendar .calendar .fc-listMonth-button {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.calendarAdvised .bodyCalendar .calendar .fc-next-button {
  margin-left: 10px;
  border-radius: 5px;
}
.calendarAdvised .bodyCalendar .calendar .fc-view-container {
  overflow-y: auto;
}
.calendarAdvised .bodyCalendar .calendar .fc-event {
  padding: 2px 5px;
  color: #1e3950 !important;
}
.calendarAdvised .bodyCalendar .calendar .fc-bgevent[data="disabled"] {
  background-color: #fd9f9f !important;
  pointer-events: none;
}
.calendarAdvised .bodyCalendar .calendar .fc-toolbar {
  padding: 10px;
  margin-bottom: 0px;
}
.calendarAdvised .bodyCalendar .calendar.active {
  opacity: 1;
  z-index: 1;
  pointer-events: all;
}
.calendarAdvised .innerWindowCalendarList {
  position: absolute;
  z-index: 10;
  background: #ffffff;
  width: 100%;
  height: 100%;
}
.calendarAdvised .innerWindowCalendarList .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px 5px 25px;
}
.error {
  color: red;
}
#modalConfigCalendarAdvised .sidebarMenu button {
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
#modalConfigCalendarAdvised .modalFormCalendar {
  width: 250px;
  max-width: 250px;
}
#modalConfigCalendarAdvised .modalFormCalendar .form {
  margin-top: 20px;
}
#modalConfigCalendarAdvised .boxBtnStateSwitch {
  align-items: flex-start;
}
#modalConfigCalendarAdvised .boxBtnStateSwitch .btnStateSwitch {
  margin-top: 10px;
}
#modalConfigCalendarAdvised .state {
  align-items: flex-start;
}
#modalConfigCalendarAdvised .listHours {
  display: flex;
  flex-direction: column;
  margin-top: -3px;
}
#modalConfigCalendarAdvised .listHours .boxHours {
  display: flex;
  align-items: center;
}
#modalConfigCalendarAdvised .listHours .boxHours .btnRemoveHours .icon {
  font-size: 14px;
}
#modalConfigCalendarAdvised .listHours .boxHours .btnRemoveHours .icon:hover {
  color: #f44336 !important;
}
#modalConfigCalendarAdvised .listHours .day {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#modalConfigCalendarAdvised .listHours .day label {
  min-width: 65px;
}
#formBlockDateAdvised {
  min-height: 100px;
}
#modalCreateAdviser .modalInner {
  width: 550px;
}
/* 
.btnCreateUser {
    margin: 10px auto;
    border: 1px solid @colorLine;
    padding: 5px 10px;
    display: flex;
    gap: 5px;
    border-radius: 5px;
    width: max-content;

    &:hover {
        background-color: @colorPrimary;
        color: @colorWhite;
    }
} */
#formCalendar {
  width: 470px;
  min-width: auto;
}
#formCalendar .head {
  margin-bottom: 10px;
}
#formCalendar .head label {
  display: flex;
  align-items: center;
  gap: 10px;
}
#formCalendar .head label .type {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}
#formCalendar .head .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
#formCalendar .typeTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
#formCalendar .typeTitle .typeColor {
  display: flex;
  width: 10px;
  height: 10px;
  border-radius: 100px;
}
#formCalendar .typeTitle .typeName {
  font-weight: 600;
  font-size: 18px;
}
#formCalendar .headUser {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 17px;
  margin-top: 7px;
  font-size: 15px;
}
#formCalendar .headUser .phone {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 17px;
}
#formCalendar .headUser .phone .icon {
  color: var(--color-whatsapp);
}
#formCalendar .headUser .phone a {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-black);
}
#formCalendar .headUser .phone a:hover {
  text-decoration: underline !important;
}
#formCalendar .formControlDate {
  gap: 7px;
}
#formCalendar .formSelectList {
  margin-bottom: 0;
}
#formCalendar .formSelectList .boxSelectList.on {
  top: 53px;
}
#formCalendar .formSelectList .boxSelectList .searchAccount {
  position: relative;
}
#formCalendar .formSelectList .boxSelectList .searchAccount .btnCreateUser {
  position: absolute;
  z-index: 4;
  right: 2px;
  top: 0px;
}
#formCalendar .formSelectList .boxSelectList .searchAccount .btnCreateUser .icon {
  position: relative;
  top: 0;
  left: 0;
}
#formCalendar .formSelectList .boxInput .formInput {
  padding-left: 15px;
}
#formCalendar .formSelectList .boxInput .icon-search {
  right: auto;
  left: 8px;
}
#formCalendar .formSelectList .boxInput .btnIcon {
  top: 4px;
  position: absolute;
  width: 24px;
  height: 24px;
  pointer-events: all;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  padding: 0px;
  right: 5px;
}
#formCalendar .formSelectList .boxInput .btnIcon:hover .icon {
  color: var(--color-btn-hover) !important;
}
#formCalendar .formSelectList .boxInput .btnIcon .icon {
  font-size: 21px;
  right: 0px;
  top: 0px;
  position: relative;
  pointer-events: all;
  padding: 0px;
  margin: 0;
  z-index: 10;
}
#formCalendar .formActions {
  padding: 0;
  flex-wrap: wrap;
  margin-top: 10px;
}
#formCalendar .formActions .btn {
  padding-left: 7px;
  padding-right: 7px;
}
#formCalendar .otherResults {
  overflow-y: auto;
  background-color: #f4f4fb;
  border-radius: 3px;
}
#formCalendar .otherResults .item {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-bottom: 1px solid var(--color-line);
  padding-top: 7px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 7px;
  gap: 7px;
}
#formCalendar .otherResults .item:first-child {
  margin-top: 10px;
}
#formCalendar .otherResults .item:nth-child(odd) {
  background-color: #f4f4fb;
}
#formCalendar .otherResults .item:nth-child(even) {
  background-color: #ffffff;
}
#formCalendar .otherResults .item .row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
}
#formCalendar .otherResults .item .row label {
  font-size: 13px;
  width: calc 30%;
}
#formCalendar .otherResults .item .row button {
  width: 70px;
}
#formCalendar .otherResults .item .listCounselors {
  display: flex;
  justify-content: flex-start;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  overflow-y: auto;
}
#formCalendar .btns {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 7px;
}
.innerSearchUsersAdvised {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  z-index: 100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.innerSearchUsersAdvised .inner {
  margin-top: 10%;
  background-color: var(--color-white);
  border-radius: 6px;
  width: 80%;
  max-width: 500px;
}
.innerSearchUsersAdvised .inner .search {
  display: flex;
  align-items: center;
  width: -webkit-fill-available;
}
.innerSearchUsersAdvised .inner .search .icon-search {
  font-size: 24px;
  margin: 10px;
  display: flex;
}
.innerSearchUsersAdvised .inner .search input {
  font-size: 21px;
  border: 0;
  width: calc(100% - 70px);
}
.innerSearchUsersAdvised .inner .search .icon-circle-close {
  font-size: 18px;
}
@media (max-width: 470px) {
  .modalFormCalendar {
    top: 45px;
    left: 0;
    margin: 0;
    height: calc(100vh - 65px);
    max-width: none;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
    width: fill-available !important;
  }
}
@media (max-width: 850px) and (max-height: 850px) {
  .modalFormCalendar {
    top: 45px;
    left: 0;
    margin: 0;
    height: calc(100vh - 65px);
    max-width: none;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
    width: fill-available !important;
    overflow-y: auto;
  }
  .formSelectList .boxSelectList.on {
    height: calc(100vh - 155px) !important;
    top: 54px !important;
  }
  .bodyCalendar .fc button {
    padding: 0 0.25em;
    font-size: 12px;
  }
  .bodyCalendar .fc-day-header {
    font-size: 12px;
  }
  .bodyCalendar .fc-toolbar .fc-center {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
    justify-content: space-between;
  }
  .bodyCalendar .fc-toolbar .fc-center h2 {
    font-size: 14px;
  }
  .bodyCalendar .title .btnCalendarList {
    height: 25px !important;
    padding: 0px 7px;
  }
  .bodyCalendar .formActions {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
  }
  #inputComments {
    height: 24px !important;
  }
}