/* navbar */
/*
html{
    font-size: 1.025vw;
}*/
html {
  font-size: calc(0.4855em + 1vmin) !important;
}
.filesSegment {
  width: calc(18.3em + 1vmin);
  display: flow-root;
}
#suiviForm .ui.disabled.segment {
  opacity: 0.85;
  color: rgba(40, 40, 40, 0.3);
}
.note-selected {
  background-color: #d3d3d3;
}
.suivisSegment {
  width: calc(20.3em + 1vmin);
}
#myModal table {
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}

#open-modal-doctor {
  font-size: 1.2rem !important;
}

/* Start Export note button */
.with-check {
  position: relative;
  overflow: visible;
  flex-direction: column-reverse;
  margin-right: 0;
}

.check-overlay {
  position: absolute;
  bottom: -3px;
  right: -4px;
  font-size: 0.98em;
  color: green;
}

/* End Export note button */

#weeksPregnancy{
  margin-top: 20px;
  margin-bottom: 25px;
}

#pregnancySection{
  margin-top: 10px;
}
#myModal .menu {
  margin-right: 5%;
}

.ui.list.pdf-export .item{
  padding: 10px 0;
}

.inline-dropdown {
  margin-left: 18px;
  margin-right: 8px;
}
.bristol-column {
  margin-top: 10px;
}
.thumbnail {
  border: 1px solid #ddd; /* Gray border */
  border-radius: 4px; /* Rounded border */
  padding: 5px; /* Some padding */
  width: 150px; /* Set a small width */
  cursor: pointer;
}

.thumbnail:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.center.screen.ui.toast-container {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ui.mini.dropdown,
.ui.mini.dropdown .menu > .item {
  font-size: 0.785714rem !important;
}

#sideBarImgItem {
  background-color: #1f2129;
  height: 18vh;
  margin-bottom: 4vw;
  padding: 0;
}
.actionlist {
  margin-top: 10px;
  margin-bottom: 30px;
}
.actionInfo {
  font-size: 0.58571429rem !important;
  margin-left: 15px !important;
}

#eatBehavList .item {
  max-width: 1300px;
}

#eatBehavList label {
  width: 1300px;
  margin: 0.5rem;
}

.dataTable.ui.celled.table > tbody > tr > td {
  border-left: 0 !important;
}
.miniLogo {
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
}

#sideBarCompanyItem {
  padding: 0 0 0 0.5em;
  position: relative;
  top: 12px;
  background-color: #1f2129;
  z-index: 10;
}

#sideBarCompanyItem span {
  vertical-align: sub !important;
  color: #c3c2c2 !important;
}

#sideBarImgDiv {
  height: 124%;
  text-align: center;
}
#suiviForm input[type="checkbox"] {
  width: 100%;
}

/* #originalPlanificationObjectifs {
  list-style-position: inside;
  padding-left: 0;
}

#originalPlanificationObjectifs ul, 
#originalPlanificationObjectifs ol {
    margin: 0;
    padding-left: 20px;
}

#originalPlanificationObjectifs li {
    display: list-item;
} */

.spinnerRewrite {
  width: 18px;
  height: 18px;
  border: 3px solid #ccc;
  border-top: 3px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

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



#evaluationObjectif{
  display:none;
}

#editableEvaluationObjectif {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 10px;
  background-color: #f9f9f9;
  white-space: pre-wrap;
  min-height: 100px;
  resize: vertical;    /* allows vertical resizing only */
  overflow: auto;
  white-space: normal !important; 
}

#editableEvaluationObjectif ul, 
#editableEvaluationObjectif ol {
  padding-left: 15px !important; /* Reduce left indent */
  margin-left:10px;
  margin-bottom: 10px;
}

#editableEvaluationObjectif p {
  margin-bottom:10px;
  margin-top: 20px;
}


#editableEvaluationObjectif li {
  margin-bottom: 10px !important; /* No space between bullets */
  padding: 0px !important; /* No extra padding */
  line-height: 1.2 !important; /* Reduce line height */
}


/* For PlanificationObjectifs */

#planificationObjectifs{
  display:none!important;
}

#editablePlanificationObjectifs {
  border: 1px solid #ccc;
  padding: 10px;
  margin-top: 10px;
  background-color: #f9f9f9;
  white-space: pre-wrap;
  min-height: 100px;
  resize: vertical;    /* allows vertical resizing only */
  overflow: auto;
  white-space: normal !important; 
}

#editablePlanificationObjectifs ul, 
#editablePlanificationObjectifs ol {
  padding-left: 15px !important; /* Reduce left indent */
  margin-left:10px;
  margin-bottom: 10px;
}

#editablePlanificationObjectifs p {
  margin-bottom:10px;
  margin-top: 20px;
}


#editablePlanificationObjectifs li {
  margin-bottom: 10px !important; /* No space between bullets */
  padding: 0px !important; /* No extra padding */
  line-height: 1.2 !important; /* Reduce line height */
}

#sideBarImgDiv span {
  position: absolute;
  left: calc(33% - 25px);
  height: 50px;
  top: 10%;
  width: 59%;
  color: #fff;
  display: inline-block;
  /* float:left;  remove */
  margin: 0 !important;
  font-size: 1.2em !important;
}

.imageCircle {
  position: relative;
  display: block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
  background-size: cover;
  border-radius: 50% 50% 50% 50%;
  width: 5.1vw;
  height: 5.1vw;
  align-self: flex-end;
  top: 60%;
  left: 50%;
  transform: translateX(-50%);
  border: 7px solid #2d323e;
}

.upload-banner {
  margin: 0 auto;
  display: block;
}

.edit-profile-pic .imageCircle {
  width: 8.1vw;
  height: 8.1vw;
  border: 3px solid #d4d4d5;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.miniSpan {
  font-size: 0.8em !important;
  margin-left: 0 !important;
}

.keenoaData {
  margin-top: 10px;
  margin-bottom: 20px;
}

.imageCircle.mini {
  width: 90px;
  height: 90px;
}

#topMenu {
  margin-left: 15.373vw;
  background-color: #fafafb;
}

.footerMargin {
  margin-left: 15.373vw;
  padding-left: 0.732vw;
}

.veryThinSideBar {
  width: 6vw !important;
}
.thinMargin {
  margin-left: 6vw !important;
}

#langue-menu > .item {
  color: #26a69a !important;
}
.ui[class*="very thin"].left.sidebar {
  width: 6vw;
}

.inner {
  display: inline-block;
}

.isDisabled {
  color: #ededed;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.validate-btn-loader {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

#langue-menu a {
  font-weight: bold !important;
}

#settings-menu > .item {
  color: #26a69a !important;
}

#settings-menu a {
  font-weight: bold !important;
}

.displaynone {
  display: none !important;
}

.disabled-section {
  opacity: 0.6;        
  background-color: #f0f0f0 !important; 
  cursor: not-allowed;
}

#pageTitle {
  position: relative;
  top: 1vw;
  margin-bottom: 5vw;
}

.copyBtn {
  margin-bottom: 15px !important;
}

.rewrite-button{
  background-color: #2d323e!important;
  color: white!important;
}

#pageTitle h2 {
  color: white;
}

#pageTitle .icon {
  font-size: 0.85em;
}

.banner {
  height: 11vw;
  width: 100%;
  background: #31b2bf;
  position: absolute;
  top: 0;
  left: 0;
}

#prefclose{
  cursor: pointer;
}

#prefclose i{
  cursor: pointer;
}

.bannerEval{
  height: 16vh;
  width: 100%;
  position: fixed;
  background: #31b2bf;
  z-index: 10;
}

.pageTitleEval {
  position: fixed!important;
  top: 85px !important;;
  z-index: 2;
  margin-left: 16vw;
}

.dropdown-menu{
  position: fixed;
  right:10px;
  top:16vh;
  min-width: 500px;
  background-color: white;
  z-index: 1000;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
  padding:20px;
}
.preferences-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.preferences-head-title{
  font-weight: 600;
  font-size: 20px;
  display: flex;
  align-items: center;

}
.preferences-head i{
  margin-right: 10px;
  cursor: pointer;
}

.preferences-body{
  padding:20px
}

.preferences-spinner{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:20px
}

.pref-head{
  font-weight: 300;
  font-size: 16px;
  margin-top: 10px;
  font-weight: 700;
}

#prefBody{
  padding: 20px 0px;
}

.pref-item-container{
  display:flex;
  margin-top:5px;
  border-bottom: #d1d1d1 1px solid;
  padding-bottom: 10px;
  flex-wrap: wrap;
}

.pref-item{
  margin-right: 10px;
  background-color: #31b3bf26;
  color: #31b3bf;
  padding:5px 10px;
  border-radius: 5px;
  border:#31b3bf 1px solid;
  font-weight: 600;
}
#prefInterest{
  margin-top: 10px;
}
.pageTitleEval h2{
  font-size: 20px!important;
}

.topSpace{
  margin-top: 5vw!important;
}

.gridwithMargin{
  margin-top: 5vh!important;
}

.preferencesBtn{
  position: relative;
  right:0;
  color:white;
  height:100%;
  display: flex;
  justify-content: flex-end;
}

.preferencesBtn .prefbtn{
  border-left:white 0.1px solid;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 30px;
  padding-left: 20px;
  cursor: pointer;
  font-size:17px;
  padding-right:50px;
  /* background-color:; */
}

.prefbtn:hover{
  background-color: #2da7b2;
  transition-duration: 0.5s;
}

.prefbtn i{
  margin-right: 5px;
}

#expandIcon{
  margin-left: 10px;
}

.dropdown-arrow {
  display: inline-block;
  transition: transform 0.3s ease;
}
.dropdown-arrow.rotated {
  transform: rotate(180deg);
}

.pref-not-set{
  color: #d1d1d1;
  font-style: italic;
}


.main-content {
  margin-left: 17.7vw;
  margin-top: 5.49vw;
  float: left;
}

.main-content-colapsed {
  margin-left: 8vw !important;
}

.ui.header {
  color: #495057;
}

.imageLogin {
  width: 110px;
}

/* sidebar */
#sideBar .item {
  position: static;
  display: inline-block;
  width: 100%;
}

.card-container {
  margin-left: 50px;
  width: 200px;
}

#sideBar {
  transition: width 0.3s ease;
}
#sideBarImg img {
  width: calc(10.2em + 1vmin) !important;
}

.left-margin {
  margin-left: 2.4vw;
}

#sideBar div > div {
  display: inline-block;
}

.activeItem {
  background-color: #31b2bf !important;
  max-width: 14vw !important;
}

#sidebarSections .item {
  border-radius: 0 100em 100em 0 !important;
  padding: 0.5vw;
}

#sideBar .item span {
  margin-left: 1.464vw;
  vertical-align: super;
  color: white;
  font-size: 0.9em;
}

#sideBar .item .material-icons {
  vertical-align: baseline;
  color: white;
}

.side-width {
  width: 15.373vw !important;
}

#sideBar {
  /*  max-height: calc(100% - 2.928vw) !important;
    height:calc(100% - 2.928vw) !important;*/
  max-height: 100vh !important;
  height: 100vh !important;
  border: none;
  background-color: #2d323e;
}

#sideBar .item .material-icons {
  font-size: 1.757vw;
}

.dataTables_filter {
  float: right;
  margin-bottom: 20px;
}

.addItemTable {
  background-color: #31b2bf !important;
}

.addKeenoa {
  background-color: #3791d5 !important;
  margin-left: 10px !important;
}

td.details-control {
  position: relative;
}

td.details-control .dot, .pendingExclamation {
  position: absolute;
  margin-top: -3px;
  margin-left: -13px;
  width: 10px;
  height: 10px;
  background-color: #912D2B;
  color: #912D2B;
  border-radius: 50%;
}

.messageExample{
  margin-top: -14px;
  margin-left: -10px;
  z-index: 1;
  width: 8px;
  height: 8px;
  background-color: #912D2B;
  color: #912D2B;
  border-radius: 50%;
}
.centerMessage{
  display: flex;
  align-items: center;
  justify-content:center
}

i.pendingExclamation.exclamation.circle.icon {
  margin-left: -5px;
}

.pendingExclamation, .pendingButton{
  background-color: #FFF;
  border: none
}
/* .alignCenter{
  display: flex;
  align-items: center;
} */

.pendingButton{
  position: absolute;
}

.dt-button-collection{
  width:max-content !important;
}

.ui.menu .ui.dropdown .menu > .item{
  display: flex !important;
  align-items: center !important;
  padding: 0 15px !important;
}

.ui.default.dropdown.selectClientsActions:not(.button) > .text, .ui.dropdown.selectClientsActions:not(.button) > .default.text{
  color: #4a4a4a
}

th.koalaStatusList > p{
  position: absolute;
  margin-left: -30px;
  font-weight: bold;
}
.selectClientsActions > .remove{
  display: none !important;
}

.confirmBtn {
  color: white !important;
  background-color: #26a69a !important;
}

.infoItem {
  margin-bottom: 8px;
}

#suiviCard .item {
  width: 30%;
  margin-bottom: 10px;
  font-size: 16px;
}

.ribbon.label {
  border-color: #31b2bf !important;
  background-color: #31b2bf !important;
}

.positiveBtn {
  color: white !important;
  background-color: #31b2bf !important;
}

#suiviList .item {
  font-size: 15px;
}
.content.resize {
  padding-bottom: 0.4em !important;
  padding-top: 0 !important;
  border: 0 !important;
}
/* footer */
.ui.bottom.fixed.menu.footer {
  min-height: 1.098vw;
}
/* Login page */
#body-login {
  background-color: white;
  overflow: hidden !important;
}
td.details-control {
  cursor: pointer;
  font-size: 1.22em !important;
  color: #6d6060;
}
body {
  background: #f5f7fb;
  overflow-x: hidden !important;
}

.body-colapsed {
  width: calc(90%);
}

.body-notcolapsed {
  width: calc(100% - 21.962vw);
}

body > .grid {
  height: 100%;
}
#imageLogin {
  margin-top: -100px;
  width: auto;
  height: 60px;
}
#columnLogin {
  max-width: 450px;
}
.linkFill {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.8em;
  margin: -0.8em;
}

.infoFileList {
  margin-top: 4px !important;
  margin-left: 10px !important;
  display: inline-grid;
}


#table-equipenutrition-client-archive_filter {
  float: left !important;
  margin-bottom: 20px;
}

#floatEvalMenu {
  width: calc(13.3655em + 1vmin) !important;
  top: calc(3.8em + 1vmin) !important;
  margin-top: 3vw;
  z-index: 0;
}

#floatEvalMenu.ui.sticky.bound {
  position: fixed !important;
}

#firstSuiviColumn {
  padding-right: 0;
}
#secondSuiviColumn {
  padding-left: 0.5vw;
}
#floatEvalMenu .item {
  font-size: small;
  padding-left: 1vw;
  padding-top: 0.3vw;
  padding-bottom: 0.4vw;
}

.suiviSubmitBtn {
  bottom: calc(0.7em + 1vmin) !important;
  position: fixed;
  z-index: 1;
}
.suiviSubmitBtn.validate {
  right: 18%;
}
.suiviSubmitBtn.finishLater {
  right: 0;
  width: 172px;
  font-size: 1.1em;
}
.ui.teal.button {
  background-color: #31b2bf !important;
}
.btnscontainer{
  position: fixed;
  bottom: 100px;
  right: 0;
}
.suivi-email-doctor-btn {
  right: -18px;
}
.halfCircular {
  border-radius: 20px 0px 0px 20px !important;
}
.halfCircular i{
  position: relative !important;
  left:5px !important;
}
.submitHiddenBtn {
  visibility: hidden;
  position: absolute;
}
.rightBtnMarginExpanded {
  right: 13%;
}
img {
  text-indent: -10000px;
}
.rightMargin {
  margin-right: 50px !important;
}
.autosaveMsg {
  bottom: calc(2em + 1vmin) !important;
  right: 3em;
  position: fixed;
}
.autosaveMsgSuivi {
  bottom: calc(4.5em + 1vmin) !important;
  right: 0;
  position: fixed;
  width: 12.3%;
  background-color: white;
  z-index: 1;
}
.sendNoteToDoctorBtn {
  bottom: calc(1.5em + 1vmin) !important;
  right: 0;
  position: fixed;
  background-color: white;
  z-index: 1;
}
.suiviFontColor, #infoIcon .infoIcon {
  background: -webkit-linear-gradient(#2196f3, #87c656);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#infoIcon{
  font-size: 10px;
  margin: -10px 0px 0px 5px;
}

#foodJournal .label {
  font-size: inherit;
  color: black;
  background: transparent;
}

span.section {
  vertical-align: middle;
  margin-left: 6px;
}

input.radio {
  width: 72px !important;
}

.loginDiv {
  margin-top: 6% !important;
}

.noMargin {
  margin: 0 !important;
}

.ui.dropdown {
  line-height: unset;
}

.row.noPaddingTop {
  padding-top: 0px !important;
}
.row.noPaddingBottom {
  padding-bottom: 0px !important;
}

.row.textarea.noPadding {
  padding: 0 !important;
}

.displayContent {
  display: contents !important;
}

textarea {
  min-height: 15px !important;
}
.unsetLineHeight {
  line-height: unset !important;
}
.marginTop10 {
  margin-top: 10px !important;
}

.marginTop20 {
  margin-top: 20px;
}

.spanToLabel {
  display: block;
  margin: 0 0 0.28571429rem 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 0.92857143em;
  font-weight: 700;
  text-transform: none;
}

.toggleLabel {
  width: 9.3em !important;
}

#reasonsList {
  margin-top: -1.14285714em;
}

.filesBtn {
  background: transparent !important;
}

#reasonsList .label {
  background-color: transparent;
  padding-bottom: 0;
  font-size: 0.99714286rem;
}

#reasonNiveau1SelectDiv {
  padding-top: 0;
  padding-bottom: 25px;
  margin-left: 32px;
}

#reasonsListRow .label span {
  color: #4a4a4a;
}

#reasonsListRow {
  padding-bottom: 0.188em;
}

#show-app-data{
  margin-bottom: 15px;
}

#tabacSuppl {
  margin-bottom: 32px;
  display:block!important;
}

#restFrequencyDropdown {
  margin-left: 4px;
  margin-right: 4px;
}

.pesLvl2 {
  margin-left: 3em !important;
  margin-top: 0.2em !important;
}

.checkboxAutre {
  vertical-align: bottom !important;
}

.pesLvl3 {
  margin-left: 6em !important;
  margin-top: 0.2em !important;
}

.pesLvl4 {
  margin-left: 9em !important;
  margin-top: 0.2em !important;
}

.subreason {
  margin-top: 1em !important;
}

.pes-input {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.pes-item{
  background-color: rgba(49, 178, 191,0.1);
  padding:10px;
  margin: 10px 0px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.generate-diagnostic{
  background-color: #2d323e!important;
  color: white!important;
}

.generate-diagnostic-note{
  background-color: #2d323e!important;
  color: white!important;
}

.pes-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.pes-edit-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.pes-delete-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
}

.pes-edit-icon:hover {
  transform: scale(1.2);
}

.pes-delete-icon:hover {
  transform: scale(1.2);
}

.pes-container.editing-mode .pes-edit-icon {
  display: none !important;
}

.pes-item:hover .pes-edit-icon {
  display: flex;
}

.pes-item--head{
  font-weight: 600;
}

.pes-item-div{
  margin-bottom: 5px;
  width:100%
}

.pes-item-div--confidence{
  position: "absolute";
  font-size: 14px;
  padding:10px;
  background-color: rgba(49, 178, 191,0.2);
  /* margin-right:5px; */
  margin-left:5px;
  border-radius: 5px 0px 0px 5px;
  border-right:#00000015 1px solid;
}

.pes-item-div--ncp_code{
  position: "absolute";
  font-size: 14px;
  padding:10px;
  background-color: rgba(49, 178, 191,0.2);
  margin-right:10px;
  /* margin-left:5px; */
  border-radius: 0px 5px 5px 0px;
  min-width: 100px;
}

.pes-item--main{
  width:90%
}

.pes-edit-input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  background-color: rgba(255, 255, 255, 0.771)!important;
  border-radius: 5px;
  line-height: 1.5;
  box-sizing: border-box;
  overflow: hidden;
  resize: none;
  outline: none;
  z-index: 100;
  margin-top:5px!important;
}

.pes-save-btn, .pes-cancel-btn {
  padding: 8px 15px;
  font-size: 16px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin: 5px 10px 0 0;
}

.pes-save-btn {
  background-color: #31b2bf;
  color: #fff;
}

.pes-cancel-btn {
  border-color: #e65100;
  color: #e65100;
  background-color: #fff;
  border-width: 1px;
}

#undoRewrite {
  margin-bottom: 20px;
}


.button-container {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.pes-edit-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.pes-edit-icon {
  cursor: pointer;
  font-size: 20px;
  transition: color 0.3s ease;
}



@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translateY(20px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

.pes-item {
  animation-fill-mode: both;
}


.pesMarginLeft {
  margin-left: 0.5em;
}

/* Spinner Style */
.spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc; /* Light gray */
  border-top: 2px solid #3498db; /* Blue */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 10px; /* Space between spinner and text */
  vertical-align: middle;
}

/* Keyframe for Spinner Rotation */
@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

/* Dots Animation */
@keyframes blinkDots {
  0% {
      content: ".";
  }
  33% {
      content: "..";
  }
  66% {
      content: "...";
  }
  100% {
      content: "";
  }
}

#processingText .dots::after {
  content: "";
  animation: blinkDots 1.5s steps(3, end) infinite;
}

.pes-analysis-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#analysingTextblock {
  padding:20px;
  display: flex;  
  font-weight: 300;
}

#processingText {
  font-size: 20px;
  text-align: center;
}


.pesListRow textarea {
  height: 4.2em;
}

.peslvl2Row {
  padding-top: 0 !important;
}
.peslvl1Row {
  padding-bottom: 0 !important;
}
.clientFilesIcon {
  float: left;
  margin-top: 6px !important;
  color: #607d8b;
}

.modal {
  height: auto;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
}
#footerText {
  width: 100%;
  margin-right: 20px;
}

.flexDiv{
  display: inline-flex
}

.centerDiv{
  margin: 0 auto;
  text-align: center;
}

.centerDiv input[type="checkbox"]{
  transform: scale(1.5);
}

.ui.dropdown.item.selectClientsActions {
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 7px 0px;
    border-radius: 0.3rem;
    height: 1.5rem !important;
    width: 7rem !important;
    padding: 15px!important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.ui.dropdown .menu > .item{
  display: flex !important;
  align-items: center;
  padding: 10px !important;
}

.ui.dropdown .menu{
  margin-top: 5px
}
/*Koala Status*/
.koalaStatusList{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.koalaStatus{
  white-space: nowrap !important;
}

.koalaStatusBlack{
  color: #79798b !important;
  background-color: transparent !important;
  border:1px solid #79798b!important;
}

.koalaStatusRedButton{
  color: #FFF !important;
  background-color: #912D2B !important;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

.koalaStatusOrange{
  color: #FFF !important;
  background-color: #F17828 !important;
   box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

.koalaStatusPurple {
  color: #FFF !important;
  background-color: #aa97b8 !important; 
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

.koalaStatusActive{
  color: #31B2BF !important;
  background-color: transparent !important;
  border: 1px solid #31B2BF !important; 
}

.inviteButton{
  border: 1px solid #912D2B;
  border-radius: 0.26rem;
  margin-right: 4px;
  padding: 0 10px; 
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.inviteButton:hover{
  cursor: pointer;
}

.nullOkButton{
  display: none
}

.sendStatus{
  margin-bottom: 15px!important;
}

.sendStatus:hover, .promptButton:hover{
  cursor: pointer;
}

#promptStatus{
  font-size: 16px;
}

.promptButton{
  margin: 5px -10px 0 0 !important;
}

.headerPrompt{
  display: flex;
  justify-content: space-between;
}
#close-modal-btn:hover, #ok-modal-btn:hover{
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .submitBtn {
    right: 0;
  }
}

#table-equipenutrition-client-archive_filter {
    float: right!important;
    margin-bottom: 20px;
}
/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
  height: 800px;
  align-content: center;
  text-align: center;
}

/* Hide the images by default */
.slideshow-container .mySlides {
  display: none;
}

/* Hide the images by default */
.slideshow-container .header {
  display: none;
}
/* Hide the images by default */
.slideshow-container .actions {
  display: none;
}

/* Next & previous buttons */
.slideshow-container .slide-prev,
.slide-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 50px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: rgba(0, 0, 0, 0.8);
}

/* Position the "next button" to the right */
.slide-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* Caption text */
.slide-text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background-color: #2d323e;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

#noAccessMessage{
  background-color: #e0e1e2;
  padding:10px;
  border-radius: 5px;
}

.tw-toggle {
  display: inline-block;
  padding: 2px 3px;
  border-radius: 25px;
  position: relative;
  border: 2px solid #95A5A6;
  min-width: 80px; /* Increased width */
  min-height: 25px; /* Increased height */
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.tw-toggle label {
  text-align: center;
  font-family: sans-serif;
  display: inline-block;
  color: #95A5A6;
  position: relative;
  z-index: 2;
  margin: 0;
  text-align: center;
  font-size: 18px; /* Slightly bigger font */
  width: 33%;
  cursor: pointer;
}

.tw-toggle input {
  position: absolute;
  z-index: 3;
  opacity: 0;
  cursor: pointer;
  display:none
}

.tw-toggle span {
  height: 30px; /* Bigger size for better UI */
  width: 30px;
  border-radius: 50%;
  background: #fff;
  display: block;
  position: absolute;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
}

/* Default Position (Middle) */
.tw-toggle input[value="-1"]:checked ~ span {
  background: #95A5A6;
  left: 22px; /* Adjusted for new width */
}

/* Left Position (Red) */
.tw-toggle input[value="0"]:checked ~ span {
  background: #ffffff;
  left: -10px;
}

.tw-toggle input[value="0"]:checked ~ .tw-toggle {
  background: rgba(0, 0, 0, .05); /* Grey background */
}


/* Right Position (Green) */
.tw-toggle input[value="1"]:checked ~ span {
  background: #ffffff;
  left: 54px; /* Adjusted for new width */
}

.tw-toggle input[value="0"] + label, 
.tw-toggle input[value="1"] + label {
  color: transparent;
}

/* Color Change on Selection */
/* .tw-toggle input[value="false"]:checked + label, 
.tw-toggle input[value="true"]:checked + label,  */
.tw-toggle input[value="-1"] + label {
  color: #fff;
  font-size: 12px;
}

.fieldLabels{
  align-items: center!important;
  height:100%!important;
  display: flex!important;
}

#stress-section{
  display: none;
}

#qualiteSommeilDropdown{
  display: none;
  margin-top:20px;
}

.switch-container {
  display: flex;
  align-items: center;
  gap: 15px;
}

#pbSantePasseNew {
  display: none;
}

#antecedentsNew{
  display: none;
}

.antecedentsTxt{
  display: block!important;
}

.pbSantePasseTxt{
  display: block!important;
}

#healthIssuedropdown input[type="checkbox"] {
  width: 20px;
}

#familyHistoryDropdownFamily input[type="checkbox"] 
{
  width: 20px;
}

#healthIssueDropText{
  display: none;
}

#healthIssueDropTextFamily{
  display: none;
}

#currentHealthIssueDropText{
  display: none;
}

#view-vitals-btn{
  background-color: #e8f5e9;
  color: #2e7d32;
  pointer-events: auto!important;
  cursor: pointer!important;
}

.ripple-button{
  position: relative;
  overflow: hidden;
  animation: button-bounce 2s ease-in-out infinite;
}

.ripple-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(76, 175, 80, 0.3);
  transform: translate(-50%, -50%);
  animation: ripple-pulse 2s infinite;
  pointer-events: none;
}

.ripple-button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(76, 175, 80, 0.2);
  transform: translate(-50%, -50%);
  animation: ripple-pulse 2s infinite 1s;
  pointer-events: none;
}

@keyframes ripple-pulse {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}

@keyframes button-bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}

@keyframes slide-fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}

.selected-tab-dropdown{
  display: flex;
  flex-wrap: wrap;
}

.selected-tab{
    margin: 2px;
    background-color: #31b3bf26;
    color: #31b3bf;
    padding: 5px 10px;
    border-radius: 5px;
    border: #31b3bf 1px solid;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selected-tab:hover{
  cursor: pointer;
  background-color: #31b3bf42;
}

.close-files-btn {
  float: right;
}

.healthIssuesdropdown {
  min-width: 400px;
}

.currentHealthIssuesdropdown{
  min-width: 400px;
}

/* Ensure dropdown menu items are aligned to the left */
.healthIssuesdropdown .menu {
  text-align: left !important; /* Force left alignment */
  padding: 5px 10px; /* Add some padding */
}

.currentHealthIssuesdropdown .menu{
  text-align: left !important; /* Force left alignment */
  padding: 5px 10px; /* Add some padding */
}

/* Style individual items */
.healthIssuesdropdown .menu .item {
  display: flex; /* Flexbox for proper alignment */
  align-items: center; /* Align checkbox and text */
  gap: 8px; /* Space between checkbox and label */
  padding: 8px 12px; /* Proper padding */
  cursor: pointer; /* Make items clickable */
}

.currentHealthIssuesdropdown .menu .item {
  display: flex; /* Flexbox for proper alignment */
  align-items: center; /* Align checkbox and text */
  gap: 8px; /* Space between checkbox and label */
  padding: 8px 12px; /* Proper padding */
  cursor: pointer; /* Make items clickable */
}

.healthIssuesdropdownFamily .menu .item {
  display: flex; /* Flexbox for proper alignment */
  align-items: center; /* Align checkbox and text */
  gap: 8px; /* Space between checkbox and label */
  padding: 8px 12px; /* Proper padding */
  cursor: pointer; /* Make items clickable */
}

/* Ensure checkboxes don't shift */
.healthIssuesdropdown .menu .item input[type="checkbox"] {
  margin: 0; /* Remove extra margin */
  width: 16px; /* Keep checkbox size consistent */
  height: 16px;
}

.currentHealthIssuesdropdown .menu .item input[type="checkbox"] {
  margin: 0; /* Remove extra margin */
  width: 16px!important; /* Keep checkbox size consistent */
  height: 16px;
}


.healthIssuesdropdownFamily .menu .item input[type="checkbox"] {
  margin: 0; /* Remove extra margin */
  width: 16px; /* Keep checkbox size consistent */
  height: 16px;
}


/* Ensure the text stays aligned properly */
.healthIssuesdropdown .menu .item label {
  flex-grow: 1; /* Allow text to take space */
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden;
  text-overflow: ellipsis; /* Add '...' for long text */
  cursor: pointer;
}

.healthIssuesdropdownFamily .menu .item label {
  flex-grow: 1; /* Allow text to take space */
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden;
  text-overflow: ellipsis; /* Add '...' for long text */
  cursor: pointer;
}

.currentHealthIssuesdropdown .menu .item label {
  flex-grow: 1; /* Allow text to take space */
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden;
  text-overflow: ellipsis; /* Add '...' for long text */
  cursor: pointer;
}
/* Make sure the dropdown itself doesn't expand */
.healthIssuesdropdown {
  width: 100%; /* Set a fixed width */
  max-width: 400px; /* Adjust as needed */
}

.currentHealthIssuesdropdown {
  width: 100%; /* Set a fixed width */
  max-width: 400px; /* Adjust as needed */
}

.healthIssuesdropdownFamily {
  width: 100%; /* Set a fixed width */
  max-width: 400px; /* Adjust as needed */
}


#doctorData {
  background-color: #e8f5e9;
}



@media (max-width: 1200px) {
  #sideBarImgDiv,
  #menuBtn,
  #sideBarImgItem,
  #sideBarCompanyItem {
    display: none;
    background-color: #2d323e;
  }
  #sideBar {
    width: 6.392vw !important;
  }
  #topMenu {
    margin-left: 6.373vw !important;
  }
  .thinMargin {
    margin-left: 0px !important;
  }
  .suiviSubmitBtn.validate {
    right: -1%;
  }
  .btnscontainer{
    right: 0;
  }
  .main-content {
    margin-left: 10.7vw !important;
  }
  #sideBar .item span {
    margin-left: 0;
  }
  #sideBar .item .material-icons {
    font-size: 3.757vw;
  }
  span.logout {
    display: none;
  }
  .sideBarItem.logout {
    display: none;
  }
  .sideBarItem {
    margin-left: 0px;
  }
  #sidebarSections {
    text-align: center;
  }
  .finishLater {
    display: none !important;
  }
}

/* Align DataTables buttons and search layout */
#table-equipenutrition-doctor_wrapper .dt-buttons {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Keep "Add" button on the left, push others to the right */
#table-equipenutrition-doctor_wrapper .dt-buttons .addItemTable {
  margin-right: auto;
}

/* CSV dropdown button */
#table-equipenutrition-doctor_wrapper .dt-buttons .csv-actions-dropdown {
  order: 1;
}

/* DataTables collection dropdown styling */
.dt-button-collection {
  min-width: 200px !important;
  background: white !important;
  border: 1px solid rgba(34,36,38,.15) !important;
  box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15) !important;
  border-radius: 4px !important;
}

.dt-button-collection .dt-button {
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  padding: 10px 15px !important;
  width: 100% !important;
  border-radius: 0 !important;
  font-size: 14px !important;
}

.dt-button-collection .dt-button:hover {
  background: rgba(0,0,0,.05) !important;
}

.dt-button-collection .dt-button .icon {
  margin-right: 8px;
}

/* Search box on the right, same line */
#table-equipenutrition-doctor_wrapper .dataTables_filter {
  display: inline-block;
  margin-left: 10px;
}

/* Wrapper adjustments to keep everything on one line */
#table-equipenutrition-doctor_wrapper .dt-buttons,
#table-equipenutrition-doctor_wrapper .dataTables_filter {
  vertical-align: middle;
}