.header-title-app {
    font-family: 'IBM Plex Sans';
    color: #495057 !important;
    font-weight: 700;
    text-align: center;
    display: block;
}

.navbar-light .navbar-nav .nav-link {
    color: #495057;
}

body {
    letter-spacing: 0.0312rem;
    /* font-family: "Nunito", sans-serif; */
    font-family: 'IBM Plex Sans', sans-serif;
}

.elevation-4 {
    box-shadow: 0px -4px 8px -3px rgba(0, 0, 0, .25) !important;
}

.profile-info .user-info h6 {
    font-weight: 500;
    color: #444;
}

.profile-info .user-info p {
    font-size: 11px;
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
    width: 1.1rem;
    font-size: 7px;
    position: relative;
    top: -2px;
}

.header-link {
    padding: 8px;
    margin-right: 0px;
    width: 56px;
    height: 56px;
    text-align: center;
    display: none;
}

.header-link i {
    font-size: 28px;
}

.nav-sidebar .nav-link>.right,
.nav-sidebar .nav-link>p>.right {
    top: 0.9rem;
}

.floating-table {
    position: absolute;
    z-index: 999;
    width: 100%;
    overflow: hidden;
}

.floating-table thead th.bg-transparent {
    background-color: transparent !important;
    opacity: 0;
    border-color: transparent;
    visibility: hidden;
}

.floating-table tbody td {
    background-color: #fff;
}

.floating-table tbody tr.table-active td {
    background-color: rgb(218 218 218);
    border-right: 1px solid rgb(218 218 218);
}

.floating-table tbody td.bg-transparent {
    background-color: transparent !important;
    opacity: 0;
    border-color: transparent;
    visibility: hidden;
}

.position-relative {
    position: relative;
    width: 100%;
    left: -48px;
}

.opacity0 {
    opacity: 0;
    visibility: hidden;
    user-select: none;
}

.table tbody .fixedColumn-date {
    background: #fff;
}

.modal-dialog .overlay i {
    color: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.select-maintenance {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: transparent;
    border-color: transparent;
    padding: 0px 10px;
    line-height: 1;
}

.btn-custom1 {
    color: #fff;
    background-color: #04588F;
    border-color: #04588F;
    box-shadow: none;
}

.btn-custom1:hover {
    color: #fff;
    background-color: #054977;
    border-color: #054977;
}

.btn-custom2 {
    color: #fff;
    background-color: #1A7BBB;
    border-color: #1A7BBB;
    box-shadow: none;
}

.btn-custom2:hover {
    color: #fff;
    background-color: #19679b;
    border-color: #19679b;
}

.btn-custom3 {
    color: #fff;
    background-color: #4BABEA;
    border-color: #4BABEA;
    box-shadow: none;
}

.btn-custom3:hover {
    color: #fff;
    background-color: #4194cc;
    border-color: #4194cc;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #2d3e51;
}

.btn-primary {
    background-color: #2d3e51;
    border-color: #2d3e51;
}

.btn-primary:hover {
    background-color: #222f3d;
    border-color: #222f3d;
}

.card-primary.card-outline {
    border-color: #2d3e51;
}

.accent-primary .btn-link,
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link) {
    color: #2d3e51;
}

.accent-primary .btn-link:hover,
.accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):hover {
    color: #222f3d;
}

.accent-primary .page-item.active .page-link {
    background-color: #222f3d;
    border-color: #222f3d;
}

.page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(45, 62, 81, 0.25);
}

.nav-pills .nav-link:not(.active):hover {
    color: #2d3e51;
}

a {
    color: #1c4573;
}

.form-control:focus,
.single-line:focus,
.has-success .form-control,
.has-success .form-control:focus {
    border-color: #222f3d;
}

.landing-page .navbar-default .navbar-brand {
    background-color: #2d3e51;
}

.landing-page .btn-primary {
    background-color: #2d3e51;
    border-color: #2d3e51;
}

.landing-page .btn-primary:hover {
    background-color: #222f3d;
    border-color: #222f3d;
}

.landing-page .navbar-default .navbar-nav>li .nav-link.active,
.landing-page .navbar-default .navbar-nav>li .nav-link.active:hover {
    border-color: #2d3e51;
}

.landing-page .navbar-default .navbar-nav>li .nav-link.active,
.landing-page .navbar-default .navbar-nav>li .nav-link.active:hover {
    color: #2d3e51;
}

.landing-page .navbar-default .navbar-nav>li>a:hover,
.landing-page .navbar-default .navbar-nav>li>a:focus {
    color: #2d3e51;
}

.landing-page .navy-line {
    border-color: #2d3e51;
}

.landing-page span.navy {
    color: #2d3e51;
}

.btn-outline-primary {
    border-color: #2d3e51;
}

.btn-outline-primary:hover {
    background-color: #2d3e51;
    border-color: #2d3e51;
}

.card-primary.card-outline-tabs>.card-header a.active {
    border-top-color: #2d3e51;
}

a:hover {
    color: #1c4573;
}

.dropzone.dz-clickable{
    border: 2px dashed rgba(0, 0, 0, .3);
    border-radius: 10px;
}

.dropzone .dz-message .dz-button{
    color: #777;
    text-transform: uppercase;
}

.dropzone .dz-message{
    margin: 3em 0;
}

.col-5fix {
    flex: 0 0 20%;/* 100% / 5 */
    max-width: 20%;
    text-align: center;
    padding: 7.5px;
}

@media screen and (max-width: 768px) {
    .col-5fix {
        flex: 0 0 100%; /* 100% / 2 */
        max-width: 100%;
    }
    .header-link {
        display: block;
    }
}