@keyframes piscarVer {
     0% { opacity: 1; }
         50% { background-color: #DF2F4A78; }
        100% { opacity: 1; }
}

.piscarVer {
    animation: piscarVer 1s infinite;
}

@keyframes piscarAma {
     0% { opacity: 1; }
         50% { background-color: #FDAB3D78; }
        100% { opacity: 1; }
}

.piscarAma {
    animation: piscarAma 1s infinite;
}


#envelope_messages {
    display: none !important;
}
#envelope_notifications{
   display: none !important;
}
#builder-layout .form-control.tfield:focus {
    border-color : rgba(82, 168, 236, 0.8) !important;
    background: #fefbde !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
}

#builder-layout .tfield:focus {
    border-color : rgba(82, 168, 236, 0.8) !important;
    background: #fefbde !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
}
#builder-layout  span:not(.beditorcss).select2-selection.select2-selection--single:focus {
    background: #fefbde !important;
    border-color : rgba(82, 168, 236, 0.8) !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
}
#builder-layout  span:not(.beditorcss).select2-selection.select2-selection--multiple:focus {
    background: #fefbde !important;
    border-color : rgba(82, 168, 236, 0.8) !important;
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
}
#builder-layout  select:not(.beditorcss).form-control.tcombo:focus { /* sem busca*/
    background: #fefbde !important;
    border-color : rgba(82, 168, 236, 0.8) !important;
    border-top-width: 2px !important;
    border-right-width: 3px !important;
    border-bottom-width: 3px !important;
    border-left-width: 2px !important;
   }

#builder-layout [page-name='TarefasList'] div:not(.beditorcss).card.panel {
    background: rgb(255, 255, 255) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 20px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;

    color: rgb(97, 103, 118) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style:  !important;
    border-right-style:  !important;
    border-bottom-style:  !important;
    border-left-style:  !important;
    border-color: #FFFFFF !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}


#builder-layout [page-name='TarefasList'] div:not(.beditorcss).card-header.panel-heading {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 20px !important;
    margin-bottom: 0px !important;
    margin-left: 20px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #616776 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    display: none;
}

#builder-layout  span:not(.beditorcss).ml-2.p-1.badge {

    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 8px !important;
    padding-top: 8px !important;
    padding-right: 15px !important;
    padding-bottom: 8px !important;
    padding-left: 15px !important;
    box-shadow: none !important;
  
    font-size: 11.25px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    /*
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(255, 255, 255) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    */
}

#builder-layout  button:not(.beditorcss).pcr-button.clear {
    background: #FFFFFF !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 4.74381px !important;
    padding-right: 4.74381px !important;
    padding-bottom: 4.74381px !important;
    padding-left: 4.74381px !important;
    box-shadow: none !important;
    color: rgba(0, 0, 0, 0.15) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: rgb(201, 206, 219) rgb(201, 206, 219) rgb(201, 206, 219) rgba(173, 179, 192, 0.686) !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 0px !important;
}


.timelinex {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.li {
  transition: all 200ms ease-in;
}

.timestamp {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
}

.timestampstart {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
}

.start {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 0px solid #66DC71;
  position: relative;
  transition: all 200ms ease-in;
}

.start:before {
 font-family: 'FontAwesome';
 content: '\f144';
 color:#66DC71;
 font-size: 25px;
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 0px solid #ddd;
  position: absolute;
  top: -2px;
  left: 75%;
  transition: all 200ms ease-in;
}

.end {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 0px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
.end:before {
 font-family: 'FontAwesome';
 content: '\f11e';
 color:#c4c4c4;
       font-size: 25px;
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 0px solid #ddd;
  position: absolute;
  top: -15px;
  left: 0%;
  transition: all 200ms ease-in;
}

.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}

.status h4 {
  font-weight: 600;
}


.status:before {
 font-family: 'FontAwesome';
 content: '\f058';
 color:#c4c4c4;
font-size: 26px;
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 0px solid #ddd;
  position: absolute;
  top: -19px;
  left: 45%;
  transition: all 200ms ease-in;
}


.li.complete .status {
  border-top: 2px solid #66DC71;
}


.li.complete .status:before {
          content: '\f058'; /* Código do ícone FontAwesome para check (quando completo) */
          color:#66DC71;
  background-color: white;
  border: none;
  transition: all 200ms ease-in;
}


.li.complete .status h4 {
  color: #66DC71;
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timelinex {
    list-style-type: none;
    display: block;
  }

  .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }

  .timestamp {
    width: 100px;
  }

  .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
}

#builder-layout [page-name='TarefasCardList'] a:not(.beditorcss).btn.btn-default {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 3px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 21px !important;
    padding-right: 25px !important;
    padding-bottom: 22px !important;
    padding-left: 25px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

#builder-layout [page-name='TarefasCardList'] div:not(.beditorcss).panel-footer.card-footer.card-item-actions {
    background:  !important;
    margin-top: 3px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 13px !important;
    padding-right: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 13px !important;
    box-shadow: none !important;
    color: #999999 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #dfe4ed !important;
    border-top-width: 1.11111px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

#builder-layout [page-name='ApontaHoras'] label:not(.beditorcss).btn.btn-default {
    background: #c0c0c0 !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    padding-top: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 25px !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(223, 228, 237) !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
#builder-layout [page-name='ApontaHorasPara'] label:not(.beditorcss).btn.btn-default {
    background: #c0c0c0 !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    padding-top: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 25px !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(223, 228, 237) !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}


#builder-layout  label:not(.beditorcss).btn.btn-defaulzt.active {
    background: #4CAF50 !important;
    margin-top: 10px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 10px !important;
    padding-top: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 25px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1.11111px !important;
    border-right-width: 1.11111px !important;
    border-bottom-width: 1.11111px !important;
    border-left-width: 1.11111px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.oculta{
    display:none;
}




#builder-layout [page-name='ProjetosForm'] [form]  label:not(.beditorcss).btn.btn-default {
    background: #ffffff !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 13px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
}

#builder-layout [page-name='ProjetosForm'] [form]  label:not(.beditorcss).btn.btn-default.active {
    background: #4CAF50 !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 13px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgb(223, 228, 237) !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 8px !important;
}


#builder-layout [page-name='TarefasListGeral'] [datagrid]  span:not(.beditorcss).select2.select2-container.select2-container--default {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: -23px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(0, 0, 0) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout [page-name='TarefasHeaderListGeral'] [datagrid]  span:not(.beditorcss).select2.select2-container.select2-container--default {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: -23px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(0, 0, 0) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}



#builder-layout  input:not(.beditorcss).tfield {
    background: rgb(255, 255, 255) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: rgb(81, 98, 131) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: rgba(223, 228, 237, 0.384) !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

#builder-layout  span:not(.beditorcss).bdaterange-icon.btn.btn-default.tdate-group-addon {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 13px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout [page-name='TarefasHeaderListConcluidas'] [datagrid]  span:not(.beditorcss).select2.select2-container.select2-container--default {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: -23px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(0, 0, 0) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout [page-name='TarefasHeaderListConcluidas'] input:not(.beditorcss)[id][name='data_inicio'].tfield {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
}

#builder-layout  input:not(.beditorcss).tfield.bdaterange_end_field {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
}

#builder-layout [page-name='TarefasHeaderListConcluidas'] span:not(.beditorcss).bdaterange-icon.btn.btn-default.tdate-group-addon {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 13px !important;
    padding-bottom: 0px !important;
    padding-left: 13px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout [page-name='TarefasHeaderListConcluidas'] input:not(.beditorcss)[id][name='fim_inicio'].tfield.bdaterange_end_field {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
}


#builder-layout [page-name='TarefasHeaderListConcluidas'] input:not(.beditorcss)[id][name='data_conclusao'].tfield {
    background: #ffffff !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 8px !important;
    box-shadow: none !important;
    color: #516283 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: solid !important;
    border-color: #dfe4ed !important;
    border-top-width: 1px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 6px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
}




#builder-layout [page-name='TarefasListMontagem'] [datagrid]  td:not(.beditorcss).tdatagrid_cell {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 14.4px !important;
    padding-right: 17.6px !important;
    padding-bottom: 14.4px !important;
    padding-left: 17.6px !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: -webkit-left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(0, 0, 0) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 0px !important;
}

.card-contador {
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  max-width: 320px;
  border-radius: 20px;
  margin-top:10px;
  margin-bottom:10px;

}

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

.title-contador span {
  position: relative;
  padding: 0.5rem;
  background-color: #10B981;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 9999px;
}

.title-contador span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  height: 1rem;
}

.title-contador-text {
  margin-left: 0.5rem;
  color: #374151;
  font-size: 12px;
}

.percent {
  margin-left: 0.5rem;
  color: #02972f;
  font-weight: 600;
  display: flex;
}

.data {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.data p {

  margin-bottom: 1rem;
  color: #1F2937;
  font-size: 40px;
  line-height: 2.5rem;
  font-weight: 700;
  text-align: center;
}

.data .range {
  position: relative;
  background-color: #E5E7EB;
  width: 100%;
  height: 0.5rem;
  border-radius: 0.25rem;
}

.data .range .fill {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #10B981;
 
  height: 100%;
  border-radius: 0.25rem;
}



#builder-layout [page-name='ApontamentoHeaderList'] span:not(.beditorcss).select2.select2-container.select2-container--default {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: -24px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(0, 0, 0) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout [page-name='ApontamentoHeaderListConcluidos'] span:not(.beditorcss).select2.select2-container.select2-container--default {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: -23px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: rgb(0, 0, 0) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(0, 0, 0) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}