.margin-top-10 {
    margin-top: 10px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.no-padding {
    padding: 0px !important;
}

.padding-10 {
    padding: 10px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.bold {
    font-weight: bold;
}

.fade {
    display: none;
}

.center, .center-left {
    display: flex;
    align-items: center;
}

.center {
    justify-content: center;
}

.center-right {
    align-items: right;
}

.extend {
    width: 100%;
}

.border {
    border: solid;
    border-color: black;
}

.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

.green {
    background-color: green;
}

/* Adiciona margin para o nav e footer */
.content {
    margin-top: 50px;
    margin-bottom: 50px; 
}

.nav, .footer, .nav-modal {
    min-height: 50px;
    width: 100%;
    z-index: 99; /* Esta propriedade faz com que o componente sobreponha os demais */
}

.nav, .footer {
    position: fixed;
    left: 0;
}

.nav {
    top: 0;
}

.footer {
    bottom: 0;
}

.row {
    margin-right: unset !important;
    margin-left: unset !important;
    width: 100% !important;
}

.header-scrollable {
    padding-right: 17px;
    min-height: 50px;
}

.data-scrollable, .dropdown-scrollable {
    overflow-y: scroll;
}

.dropdown-scrollable {
    max-height: 180px;
}

.selectable:hover {
    cursor: pointer;
    font-weight: bold;
}

.row-button {
    min-height: 50px;
}

.row-data {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.row-data:hover {
    cursor: copy;
}

.data-title {
    font-size: x-large;
    font-weight: bold;
}

.data-info {
    font-size: x-large;
    font-weight: bold;
    font-style: italic;
}

button {
    padding: 5px;
    border: 0px !important;
    font-weight: bold;
}

button:focus {
    border: 0px !important;
    outline: 0 !important;
}

.dropdown-toggle::after {
    position: absolute;
    right: 0;
    margin-right: 10px;
}

.dropdown-menu li {
	padding: 5px;
}

input[type=radio], input[type=checkbox] {    
    display:none; /* Esconde os inputs */
}

input[type="radio"] + label:before, input[type="checkbox"] + label:before {    
    min-height: 16px !important;    
    content: "\00a0";    
    display: inline-block;  
    margin: 0 .25em 0 0;    
    padding: 0px;
}

input[type="checkbox"] + label:before {    
    min-width: 18px !important;
    font: 16px/16px times !important;
}

input[type="radio"] + label:before {    
    min-width: 16px !important;
    border-radius: 25px !important;
    font: 0px/0px times;
    margin-right: 5px;
}

input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before {    
    text-align: center;
}

input[type="checkbox"]:checked + label:before {
    content: "\2713";    
} 

input[type="radio"]:checked + label:before {
    content: "\25CF"; 
} 

.label-checkbox-radio {
    margin-top: 3px;
}

.ui-dialog-titlebar {
    text-align: center;
    font-style: italic;
    cursor: default !important;
    padding: none !important;
} 

.ui-widget-header {
    background: none !important;
    border: none !important;
}

.ui-dialog-titlebar {
    display: none !important;
}