:root {
    --color-sistema-dark: #f5cec6;
    --color-sistema-light: #f5cec6;

    --color-sistema: #810042;
    --color-buttom:  #5551FF ;
    --color-buttom-light:  #10CFC9;
    --color-buttom-confirm: #5551FF;
    --background-dark: #59001A;
    --font-primary: "Inter";
    --font-secundary: "Roboto";
    --font-tertiary: "Poppins";
    --font-color-light: #A68787;
}

@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-VariableFont_slnt\,wght.ttf") format("woff2")
}
@font-face {
  font-family: "Roboto";
  src: url("../../fonts/Roboto-Regular.ttf") format("woff2")
}
@font-face {
  font-family: "Poppins";
  src: url("../../fonts/poppins-v20-latin-regular.ttf") format("woff2")
}


.public p, .public span,
.public input,.public h3, .public h1,
.public h2,
.public h5,
.public h6{
  color: #A68787;
  font-weight: 600;
  line-height: 19px;
}
p,span,input{
  font-size: 14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, .tab-item, button, h1, h2, h3, h4, h5, h6, input, select, textarea{
  font-family: 'Inter';
}
p,span,input,h3,h1,h2,h5,h6{
  font-family: 'Inter';
  color: #333333;
  font-weight: 600;
  line-height: 19px ;
}



p,span,input{
  font-size: 14px;
}

input[type=search], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=color], textarea {
  display: block;
  padding-top: 2px;
  padding-left: 0;
  height: 34px;
  color: #A68787;
  font-size: 14px;
  line-height: 19px;
  border: 0;
  font-weight: 500;
}

.background-form{
   background-color: #FFF9F9;
}
.link-text{
   color: #AA7C7C;
}

/*uitls*/
.text-disabled{
    color:#d5d5d5 !important;
}
.text-gray{
    color:#aeaeae !important;
}
.text-blue{
    color:#1e6caa !important;
}
.text-red{
    color:red !important;
}
.text-green{
    color:green !important;
}
.text-dark{
  color: #333333
}

.text-yellow{
    color: #f39c12!important;
}
.text-light{
    color:#2B2F3A !important;
}


.text-lighter{
  color: #888686 !important;
 }

.text-default{
    color:var(--color-sistema);/*--color-sistema*/
}
.background-color-blue{
 background-color:#a7bac9 !important;
}

.background-color-red{
background-color: #e0b4af !important;
}

.background-color-green{
    background-color:#cfffca !important;
}
.background-color-yellow{
    background-color:#f8d7aa !important;
}

.text-no-ext{
    border:none;
    background-color:transparent;
    text-align: center;
}
.bold{
    font-weight: bold !important;
}
/*config*/

.spinner-branco svg {
    width: 28px;
    height: 28px;
    stroke:var(--color-sistema); /*--color-sistema*/
    fill: var(--color-sistema); /*--color-sistema*/
  }

.box-shadow{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.item-desabled{
    color:#ccc;
}

/*bar navigation*/
.bar.bar-positive{
    border-color:var(--background-dark); /*--color-sistema*/
    background-color:var(--background-dark); /*--color-sistema*/
    background-image: linear-gradient(45deg, var(--background-dark), var(---background-dark) 50%, transparent 50%);/*--color-sistema*/
    color: #2B2F3A;
}

.bar-footer.bar-button-flout{
    background-color: transparent;
    border:none;
    background-image: none;
}

.bar-filters{
    border-color: var(--background-dark);/*--color-sistema*/
    background-color: var(--background-dark);/*--color-sistema*/
    color: #2B2F3A;
}
.bar-info-clientes{
    border-color: var(--background-dark); /*--color-sistema*/
    background-color: var(--background-dark); /*--color-sistema*/
    color: #2B2F3A;
}

.popup-container.ion-datetime-picker-popup .popup
{
  width: 350px;
}

.ion-datetime-picker .calendar .weekday {
  font-size: 18px;
}

.popup-container.select-items > .popup > .popup-head .popup-title{
    color:var(--color-sistema) !important;/*--color-sistema*/
    margin-top: 5px;
}

.popup-container.select-items .popup-head {
  position: relative;
}



.popup-container.select-items.loader .popup-buttons {
  margin-top: 30px;
}

.popup-container.no-margin-buttons .popup-buttons {
  margin-top: 0px !important;
}


.button.button-icon.icon.ion-arrow-left-c {
  position: absolute;
  top: 10px;
  color: var(--color-sistema);
  left: 18px;
  background-color: transparent;
}

.opaque-content{
   opacity: .5;
   transition: opacity 300ms ease-in-out;
}

.menu{
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.3) ;
  }

.background-user-perfil{
    background-position: center;
    background-size: 100% 100%;
    background-size: cover;
    background-color: var(--background-dark);
}

  .user-image-perfil{
    background-color: beige;

  }

 .agenda-lista-wrapper{
  /* height: 58vh; */
  border: 1px solid black;
  /* margin-top: 63px; */
  margin: 10px;
  margin-top: 63px;
 }

 .list.agenda .list{
  height: 100%;
 }

.content,.content-agenda,.content-comissao{
   height: 100%;
}

/*popup*/
.popup-head{
    background-color:var(--color-sistema) !important;/*--color-sistema*/
}
.popup-title{
    margin-top: 10px;
    color:  #ffffff;
}

.custom-popup-title{
    color: var(--color-sistema);
    font-weight: 600;
    line-height: 24px;
    font-size: 20px;
}
.custom-popup-title.destaque{
   color: #D7BE8C;
}
.popup-buttons{
  margin-top: 30px;
  margin-bottom: 10px;

}
.popup-buttons .button{
    border-radius: 25px;
    font-size: 16px;
    line-height: 21.78px;
    font-weight: 600;
}
.popup-buttons .button.button-positive {
    background-color:var(--color-sistema);
    border-color:var(--color-sistema);
}

.spinner-android {
    stroke: var(--color-sistema-light);/*--color-sistema-light*/
}

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

/*buttons*/
.button{
    border: 1px solid transparent;
    min-height: 50px;
    background-color: #5B5B5B;
    color: #fff;
}
.button.button-principal{
    background-color:var(--color-sistema);/*--color-sistema-light*/
    color:#fff;
    font-weight: 500;
    font-size: 18px;
}

.button.button-cancel{
  color: var(--color-sistema);
  border: 1px solid var(--color-sistema);
  background-color: #f2f2f2;
  font-weight: 600;
}

.button.button-tab{
    background-color:#f2f2f2;/*--color-sistema-light*/
    color:var(--color-sistema);
}
.button.button-tab.active{
    background-color:var(--color-sistema);/*--color-sistema-light*/
    color:#fff;
}

.button.button-positive{
    background-color: var(--color-buttom-confirm);
    border-color: var(--color-buttom-confirm);;
}

.button.button-round.button-float{
    background-color:var(--color-sistema);/*--color-sistema-light*/
    color: #fff !important;
}
.button.button-round.button-acao{
    background-color: #d2d6de;
    color:#6a6a6a !important;
}
.button-select-cancel{
    border-radius:15px;
}
/*forms*/
.bar-filters .item-input{
    border:none;
    background-color: var(--color-sistema);/*--color-sistema-light*/
    color: #fff;
}

.bar-filters .item-input select{
    background-color: var(--color-sistema-light);/*--color-sistema-light*/
    color: #fff;
}
.bar-filters .input-label{
    color: #fff;
}

.bar-filters .bar-title-wrapper{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-end;
}

.agendamento-content{
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  height: 80%;
  overflow-y: auto;
}

.box{
  background-color: #DEDEDE;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px;
  margin: 6px 10px;
  min-height: 51px;
}
.box-row{
  display: flex;
}
.box-row .box {
  width: 50%;
  min-width: 46.1%;
  flex-direction: column;
  display: flex;
}
.box-row .box:not(:first-child){
  margin-left: 0px;
}

.box span, .box input, .box-row.text-area .box-content textarea{
  font-size: 15px;
  line-height: 18px;
  color: #333333;
  font-weight: 600;
  background-color: transparent
}

.box > div{
  width: 50%;
}
.box-row{
  flex-grow: 1;
  display: flex;
}

.box-row .box > div{
  width: 100%;
  text-align: center;
}

.box-row .box-content{
   padding: 18px;
   padding-bottom: 8px;
   flex-grow: 1;
   display: flex;
   justify-content: center;
   align-items: center;

}

.box-row.text-area{
  flex-grow: 3;
}

.box-row.text-area .box{
  width: 100%;
}
.box-row.text-area .box > div{
  text-align: left;
}

.text-area .box-title span{
  margin-left: 0px;
}

.box-row.text-area .box-title textarea{
  text-align: left;
  margin-left: 0px;
}

.box-row.text-area .box-content{
  padding-left: 0px;
  padding-top: 10px;
  flex-grow: 1;
}

.box-row.text-area .box-content textarea{
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  min-height: 35px;
  height: 100%
}

.box-title{
  display: flex;
  align-content: center;
  align-items: center;
}

.box-title span{
  margin-left: 15px;
  color: var(--color-sistema);
}
@media (max-width: 369px)  {
  .box-title span{
    margin-left: 0px;
  }
}


.box-content{
  color: #333333;
  width: 50%;
}


.bar-title{
   color: #FCFCFC;
   font-weight: 500;
   font-size: 18px;
   line-height: 22px;
}

/*listas*/
.list.agenda .item h2{
    color:#333333;
}

#login-page,
#register-page,
#forgot-password-page,
#terms-conditions {
    background-color: var(--color-sistema);
    background-size: 100% 100%;
  }

  #login-page *,
#register-page *,
#forgot-password-page *,
#terms-conditions * {
    font-family: 'Segoe UI'
  }

  .msg-container-wrapper{
    display: flex;
    align-items: center;
     justify-content: center;
     height: 85%;
  }

.msg-container {
    display: flex;
    justify-content: center;
}

.logo-msg{
  display: flex;
  justify-content: center;
  align-items: center;
}

.msg-title{
  font-size: 24px;
  line-height: 29.05px
}

.msg-text{
  margin-top: 24px;
  font-size: 16px;
}

.input-with-label-container span{
  margin-left: 10px;
}

.forgot-your-password {
  margin-left: 10px;
  margin-top: 5px;
  font-weight: 700px;
  color: #AA7C7C;
}

.cadastre-se-text{
  font-size: 18px;
}


.login-container{
  position: fixed;
  bottom: 0;
  width: calc(100% - 59px);
  display: flex;
  justify-content: center;
}


#logo{
   /* background-image: url('../../../img/Default/logo.png');*/
}


.button-default{
    box-shadow: inset 0 0 115px transparent /* Inset shadow */ 0 0 12px transparent, /* Outset shadow */ inset -999px 0 0 transparent;
    /*background-image: linear-gradient(45deg,var(--color-buttom-light) 0%, var(--color-buttom)  100%);*/
    color:#ffffff;
    background-color: var(--color-sistema);
    font-size: 19px;
    font-weight: 500;
}
.button.button-light.button-clear {
  color: #c96296;
  border: 1px solid #c96296;
  border-radius: 15px;
}

#custom-overlay {
    background-color:  var(--color-sistema);/*--color-sistema*/

  }

  .login-form{
    background-color: #FFF9F9;/*--color-sistema*/
    background-image: none;
    border-radius: 44px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .login-form .item-checkbox {
    background: transparent;
  }


  .login-form .item-input {
      height: 45px;
      font-size: 15px;
      border: 1px solid #c96296;
      border-radius: 15px;
      color:#000;
      margin-top: 3px;
  }



/*tab*/

.tab.active{
  background-color: var(--color-sistema);/*--color-sistema*/
    color: #fff;

  }

  .item-input img{
    margin-right: 10px;
  }

  .item-input.error, .item-input.error i, .item-input.error span{
    color:red;
  }

  .flex-item-horizontal{
      color:#2B2F3A;
  }


.term-link {
  font-style: italic;
}

.term-wrapper {
  background: #fff;
  border-radius: 8px;
  max-height: 320px;
  padding: 45px 15px;
  overflow-y: scroll;
}

.form-wrapper{
  background-color: #9d9d9d;
  border-radius: 10px;
  margin-bottom: 28px;
  margin-top: 5px;
  padding-top: 1px;
  padding-bottom: 2px;
  padding-right: 14px;
  padding-left: 14px;
}

.popup-buttons {
  flex-direction: column;
  gap: 5px 0;
}

.rounded-input {
  border-radius: 10px;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  overflow: visible;
}

.title {
  text-decoration: underline;
  font-weight: bold;
}

.field-wrap {
  display: flex;
  gap: 0 15px;
}

.field-wrap label:nth-child(1) {
  flex: 100vw;
}

.input-error {
  box-shadow: 0 0 0px 2px #f04141ba;
}

.input-error-message {
  color: #f04141ba;
  position: absolute;
  bottom: -20px;
  font-size: 12px !important;
}

.checkbox-wrapper {
  display: flex;
  margin: 15px 0;
  align-items: center;
}

.checkbox-wrapper label {
  margin-right: -12px;
}

.checkbox-wrapper span {
  font-size: 14px;
}

.navbar-icons span {
  display: flex;
  width: 100%;
  height: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 0 !important;
  gap: 0 23px;
  font-size: 16px;
  color: #636363;
}

.navbar-icons span i {
  width: 23px;
  font-size: 25px;
}

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

.feedback-img img {
  width: 274px;
  height: 274px;
  display: block;
  margin: auto;
}

.feedback-img span {
  color: var(--color-sistema);
  font-size: 15px;
  margin: 25px 0;
  display: block;
}

.agenda-buttons-wrapper {
  display: flex;
  gap: 0 15px;
}

.toggle input:checked+.track {
  border-color: var(--color-sistema);
  background-color: var(--color-sistema);
}

.toggle .track {
  border-color: #DEDEDE;
  background-color: #DEDEDE;
}

.navbar-profile-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 0 15px;
  padding: 0 15px;
}

.profile-function-name-wrapper {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.custom-popup-error-connection h3 {
  color: #B19697;
}

.custom-popup-error-connection p {
  color: #B19697;
}

.custom-popup-error-connection .popup {
  background-color: transparent !important;
}

.custom-popup-error-connection .popup-head {
    background-color: transparent !important;
}

.custom-popup-error-connection .popup-body {
  overflow: unset !important;
}

.padding-custom-configuration-list {
  padding-bottom: 35px;
}

.scroll-profissionais {
  min-height: 400px;
  overflow-y: auto;
  margin-top: 5px;
}

.scroll-profissionais::-webkit-scrollbar {
  width: 0px;               /* width of the entire scrollbar */
}

.scroll-profissionais::-webkit-scrollbar-track {
  background: transparent;        /* color of the tracking area */
}

.scroll-profissionais::-webkit-scrollbar-thumb {
  background-color: transparent;
}


.nao-permitido{
  background: var(--font-color-light) !important;
  border: 3px var(--color-sistema) !important;
  pointer-events: none;
}

.caixa-item{
  padding: 20px;
  border-radius: 14px;
  background-color: #fff;
  margin: 10px;
}

.corte-texto {
  white-space: nowrap;        /* Não permite quebra de linha */
  overflow: hidden;           /* Oculta o texto que ultrapassa a largura */
  text-overflow: ellipsis;    /* Adiciona "..." ao final do texto cortado */
}