span.editable-wrap.editable-textarea{
    width:100%;
}


.editable-click,a.editable-click {
    color: #428bca;
    cursor: pointer;
}

.editable-wrap {
    display: block;
}

form.form-inline.editable-wrap.editable-textarea{
    display: inherit;
}

.com-paragrafo{
    white-space: pre-line;
}

.ui-select-container.ui-select-multiple.select2 {
    width: 100%;
}

/*.ui-select-match {
    display: grid;
}*/


.lista-detalhes {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.lista-detalhes > li {
    display: inline-block;
    padding: 2px 10px 3px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 2px;
    vertical-align: middle;
}

.lista-detalhes > li:not(.info):not(.primary):not(.warning):not(.danger) {
    border: 1px solid #dedede;

    color: #5e5e5e;
}

.lista-multipla-borda{
    border: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 5px;
}

/* fullcalendar */
.fc-list-heading td.active {
    padding: 3px;
}

.fc.fc-bootstrap3 a {
    font-size: 0.85em;
}

.fc-list-item td{
    padding: 3px;
}

.fc-event, .fc-agenda .fc-event-time, .fc-event a{
    padding: 1px
}

.fc-center h2 {
    font-size: 20px;
}


.ibox-title .btn-group{
    margin-left: 10px;
    margin-right: 10px;
}

.tipo-demanda{
    width: 20px;
    cursor: default;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    border-color: #a5b3c2;
    color: #4a6785;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 99%;
    margin: 0;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.tabs-demandas .nav.nav-tabs li a {
    padding: 10px;
}

.panel-body .no-item{
    text-align: center;    padding: 50px;font-size: 18px;font-weight: 400;
}

.checklist-new-item-text:hover {
    background: #d6dadc;
    color: #4d4d4d;
}

.botao-link:hover{
    cursor: pointer
}

.destaca-selecao.ng-not-empty .ui-select-match > span ,.date-picker.destaca-selecao.ng-not-empty {
    background: #f3f3f4;
}

.add-item-check{
    font-style: normal;
    color: #8c8c8c;
}

.fc-time-grid-event.evento-normal, .fc-day-grid-event.evento-normal{
    background-color: #23c6c8  !important;
    color: white  !important;
}

.fc-time-grid-event.evento-em-atraso, .fc-day-grid-event.evento-em-atraso{
    background-color: #ed5565  !important;
    color: white  !important;
}

.fc-time-grid-event.evento-warning, .fc-day-grid-event.evento-warning{
    background-color: #f8ac59  !important;
    color: white  !important;
} 

.agile-list li.evento-normal {
    border-left: 3px solid #23c6c8;
}

.agile-list li.evento-em-atraso {
    border-left: 3px solid #ed5565;
}

.agile-list li.evento-warning {
    border-left: 3px solid #f8ac59;
}

.date-disabled{
    color: rgba(0,0,0,0.38);
}

.ng-cloak { display: none !important; }

.evento-recorrente{
    background-color: #d1dade;
    color: #5e5e5e;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    text-shadow: none;
    display: inline;
    padding: 0.1em 0.3em 0.1em 0.4em;
    margin-right: 5px;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: black;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    content: 'R'
}


.cancelada{
    text-decoration: line-through;
    color: indianred;
}

.anexo:hover{
    text-decoration: underline;

}

.cliente{
    border-style: dashed;
    border-width: thin;

    font-size: 0.8em;
    padding: 2px;
}

.fileinput-filename {
    background-color: #f5f5f5;
    border: 1px solid #dcdcdc;
    font-weight: bold;
    margin: 0 7px 9px;
    overflow-y: hidden;
    padding: 4px 4px 4px 8px;
    max-width: 448px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.form-item-container .list-inline li span{
    padding: 3px !important;
    font-size: 0.9em !important;
}


.conteudo-aba .nav-tabs > li > a {

    font-weight: 600;
    padding: 10px 20px 10px 25px;
    padding: 8px;
}

.conteudo-aba label-aba{
    font-weight: 600;
    font-size: 11px;

}

.conteudo-aba input, .conteudo-aba select{
    padding: 5px;
    font-size: 12px;
}

.conteudo-aba .panel-default>.panel-heading{
    padding: 6px;
}

.table-leis > tbody > tr > td {
    padding: 8px 4px 8px 4px;
}

tbody.minimo-padding > tr > td {
    padding: 2px;
}


.table-leis > tbody > tr > td >.btn {
    padding: 4px
}

.display-block{
    display: block;
}

.editable-wrap.item-lei .editable-input{
    display: inherit;
}

.moment-picker
{
    z-index: 10000 !important;
}


.col-lg-6.filtros.float-e-margins.fullscreen.ibox {
    width: 100%;
}

/* Estilos para o componente checklist melhorado */
.checklist-item {
    transition: all 0.2s ease;
    background-color: #fff;
}

.checklist-item:hover {
    background-color: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.checklist-item.editing {
    background-color: #f0f8ff;
    border-color: #1ab394 !important;
}

.checklist-edit-button {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.checklist-item:hover .checklist-edit-button {
    opacity: 1;
}

.checklist-text {
    transition: background-color 0.2s ease;
}

.checklist-text:hover {
    background-color: #e9ecef;
}

.checklist-add-item {
    transition: all 0.2s ease;
}

.checklist-add-item:hover {
    background-color: #e8f5e8;
    border-color: #1ab394;
}

.checklist-buttons {
    margin-top: 8px;
}

.checklist-buttons .btn {
    margin-right: 5px;
}

/* Melhorias para botões de ação */
.btn-link.text-danger:hover {
    color: #d9534f !important;
}

.editable-buttons {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* Estilos para campos de data em diferentes modos */
.date-field-editing {
    cursor: pointer;
}

.date-field-readonly {
    cursor: default;
}

.btn-editable {
    border: 2px solid #1ab394 !important;
    background-color: #f0f8ff !important;
    transition: all 0.2s ease;
}

.btn-readonly {
    border: 1px solid #ddd !important;
    background-color: #f5f5f5 !important;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-readonly:hover {
    background-color: #e9ecef !important;
    border-color: #1ab394 !important;
}