﻿.field-validation-error {
    color: #e46f61;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
}

.widget-header .widget-icon {
    line-height: 35px !important;
}

.select2-search-choice-close:before {
    color: #666 !important;
    content: "";
    font-size: 14px;
}

.modal {
    overflow-y: auto !important;
}

.hr-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.btn-sm-dropdownmenu-correcao {
    top: 28px;
}

/* Paginador das grades */
div.dataTables_length {
    position: relative;
    float: right;
}

.datepicker {
    z-index: 99999;
}

.form-control, select {
    width: 100%;
}

.btn .badge {
    position: absolute;
    /*top: -1px;*/
    /*right: 15px;
    top: -65%;*/
    right: 60%;
    top: -45%;
}

.btn-xs .badge {
    padding: 3px 6px;
}

.add .glyphicon {
    top: -1px;
    right: 0.6px;
}

table.permissoes th:not(:first-of-type) {
    text-align: center;
}

table.permissoes td:not(:first-of-type) {
    text-align: center;
}

.centralizado {
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 2%;
}

.esquerda {
    text-align: left;
}

table th.simple-head {
    width: 1%;
    background-color: lightgray;
}
table.simple tr {
    border-color: black;
    border-style: solid;
    border-width: thin;
}
table.simple th {
    border-width: thin;
    border-color: black;
    border-style: solid;
}

/* Ajustes responsivos para a modal de cadastro de usuários */
#modalUsuario {
    overflow-y: auto;
    padding: 20px 10px;
}

#modalUsuario .modal-dialog {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
    top: 0 !important;
    -webkit-transform: none !important;
            transform: none !important;
}

#modalUsuario .modal-content {
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
}

#modalUsuario .modal-header,
#modalUsuario .modal-footer {
    flex-shrink: 0;
}

#modalUsuario .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
}

@media (max-width: 767px) {
    #modalUsuario {
        padding: 15px 5px;
    }
}
