
/* reveal password */
/*login*/
i.togglePassword{
    left: auto; right: 15px; float: right; top: 17px; position: absolute;
}

/*edit*/
.edituser i.togglePassword{
    right: 20px; top: 12px;
}
/* end reveal password */

/* left menu */
ul.menu-nav .menu-link i,
    ul.menu-nav .menu-link ul svg {
        line-height: 40px;
        vertical-align: middle;
        padding-right: 5px;
    }
    /* teste para diferenciar o menu das páginas do config, ainda em testes de cores

    .menu-config,
    .menu-config .aside-menu,
    .menu-config > .brand {
        background-color: #2f2f45;
    }
    .menu-config .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading,
    .menu-config .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
            background-color: rgb(0, 149, 255);
        }
    .menu-config .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading,
    .menu-config .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link {
        background-color: #7c7c93;
    }
    */
/* left menu */

/* icon menu*/
.menu-icon i {
    color: inherit;
}
/* icon menu*/

/* modulo organizations mas debverá a ser uaso em mais sitios - candidato a style global*/
.select2-container {
    /* width: 100% !important; */
    max-width: 100% !important; /* alterado par amax-widt porque o localization não está a format a pagina bem na horizontal*/
}
@media (max-width: 991.8px) {
    form .form-group label.text-right {
        text-align: initial !important;
    }
}

.ql-mention-list-container {
    width:auto !important;
}
/*
table.dataTable td {
    padding: 0.4rem !important;
}
*/

/* Add a asteric to label if input is required */
label:has(+ div input:required):after,
label:has(+ div select:required):after,
label:has(+ div textarea:required):after {
    content: ' *';
}

/*font size com menos 1px que o original*/
html,
body {
  font-size: 12px !important;
  font-weight: 400;
}
@media (max-width: 1199.98px) {
  html,
body {
    font-size: 12px !important;
  }
}
@media (max-width: 991.98px) {
  html,
body {
    font-size: 11px !important;
  }
}

/*celulas  do datables*/
.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td {
    font-size: 0.9rem;
    padding: 0.5rem 0.5rem;
}


.form-group {
    margin-bottom: 0.5rem;
}
.col-form-label {
    line-height: 1.2;
}
/* cards */
.card.card-custom > .card-header,
.card-header {
    padding: 0.5rem 1.25rem;
    min-height: 50px;
}
 .card-body {
    padding: 0.5rem 1.25rem;
}
.card-footer {
    padding: 1rem 1.25rem;
    min-height: 50px;
}

/* buttons */
.btn {
        padding: 0.45rem 0.7rem;
}
/*sidebar*/
.aside-menu .menu-nav > .menu-section {
    margin: 15px 0 0 0;
    height: 30px;
}
.aside-menu .menu-nav > .menu-item > .menu-heading,
.aside-menu .menu-nav > .menu-item > .menu-link {
    padding: 5px 25px;
    min-height: 20px;
}
/* altura dos menus */
/* .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading, */
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
    min-height: 30px;
}