/*
Custom css
*/

html,
body {
    font-size: 16px;
}

.layout-column {
    height: 100%;
}

.layout-column > .layout-row {
    height: calc(100% - 67px);
}

.circle-avatar {
    width: 40px;
    height: 40px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.circle-avatar-navbar {
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.dataTables_filter {
    text-align: right !important;
}

.dataTables_filter label {
    text-align: left !important;
}

.dataTables_paginate.paging_simple_numbers {
    display: flex;
    justify-content: flex-end;
}

.table-responsive {
    overflow-x: hidden !important;
}

.dataTables_empty {
    text-align: center !important;
}

#example-optionClass-container .multiselect-container li.odd {
    background: #eeeeee;
}

table,
th,
td {
    color: #5e676f;
}

.dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
}

.dataTables_length select {
    margin-left: 1em !important;
    margin-right: 1em !important;
    width: 70px !important;
}

.input-group.custom-group {
    width: 100% !important;
}

.input-group.custom-group span.select2-container {
    flex: 1 !important;
}

.input-group.custom-group .input-group-append .btn-outline-secondary {
    border-color: rgb(170, 168, 168);
}

.nav-link {
    opacity: .75;
}

.nav-link:hover {
    opacity: 1;
}

.nav-link.active {
    opacity: 1;
    font-weight: bold;
}

#dashboard {
    padding: 48px 0;
    background-image: linear-gradient(to left top, rgba(0,0,0,0.75), rgba(0,0,0,0.5), rgba(0,0,0,0.75)), url('/img/cargos.jpg');
    background-attachment: fixed;
    background-size: cover;
    min-height: 100%;
    position: relative;
    color: #fff;
}

#dashboard h1 {
    margin-bottom: 48px;
    color: #fff;
}

#dashboard .menu-item {
    margin-bottom: 32px;
    text-align: center;
    color: #fff;
}

#dashboard .menu-item a {
    color: #fff;
}

#dashboard .menu-item > .menu-item-icon {
    width: 128px;
    height: 128px;
    border-radius: 100%;
    background-color: #f86a16;
    margin: 0 auto 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 250ms;
            transition: all 250ms;
}

#dashboard .menu-item > .menu-item-icon > .fa {
    font-size: 48px;
    -webkit-transition: all 250ms;
            transition: all 250ms;
}

#dashboard .menu-item:hover > .menu-item-icon {
    background-color: #ff9b49;
}

#dashboard .menu-item:hover > .menu-item-icon > .fa {
    transform: scale(1.25);
}