body {
    font-family: 'Nunito', sans-serif;
}

.custom-blue-bg,
.page-item.active .page-link {
    background-color: rgb(56, 172, 231);
    border-color: rgb(56, 172, 231);
}

.custom-blue-border {
    border-color: rgb(56, 172, 231);
}

.custom-purple-border:hover {
    background-color: #6f42c1;
    color: #fff !important;
}

.custom-purple-border {
    border-color: #6f42c1;
}

.custom-blue-border:hover {
    background-color: rgb(56, 172, 231);
    color: #fff !important;
}

.custom-center {
    vertical-align: middle;
    align-items: center;
}

[class*='custom-blue-bg'] .brand-link {
    border-bottom: 1px solid #fff;
}

[class*='custom-blue-bg'] .user-panel {
    border-bottom: 1px solid #fff;
}

.btn-purple {
    color: #ffffff;
    background-color: #6f42c1;
    border-color: #6f42c1;
    box-shadow: none;
}

.btn-purple:hover {
    color: #ffffff;
    background-color: #7a53c2;
    border-color: #7a53c2;
}

.main-sidebar .nav-link.active {
    background-color: rgba(255, 255, 255, .2) !important;
    font-weight: 700;
}

.nav-pills .nav-link.active {
    color: #ffffff;
    background-color: rgb(55, 152, 201);
}

.datepicker-dashboard {
    margin-left: auto;
}

.deleteDocuments,
.deleteDocument {
    padding: 0;
}

@media print {

    #latest_table_length,
    #latest_table_filter,
    #latest_table_info,
    #latest_table_paginate,
    #maintenance_table_length,
    #maintenance_table_filter,
    #maintenance_table_info,
    #maintenance_table_paginate,
    #ppc_table_length,
    #ppc_table_filter,
    #ppc_table_info,
    #ppc_table_paginate {
        display: none;
    }

    .btn,
    button {
        display: none !important;
    }

    #hardware-distribution {
        width: 100% !important;
        height: auto !important;
    }

    .main-footer {
        display: none !important;
    }
}

.main-sidebar .nav-item.has-treeview>.nav-link {
    background-color: transparent !important;
    transition: background-color 0.1s ease;
}

.main-sidebar .nav-item.has-treeview.menu-is-opening.menu-open>.nav-link {
    background-color: rgb(0, 152, 228) !important;
    transition: background-color 0.1s ease;
}

.main-sidebar .nav-item.has-treeview .nav-link {
    background-color: transparent !important;
    color: #FFF;
}

.main-sidebar .nav-item.has-treeview .nav-link.active {
    background-color: rgba(255, 255, 255, .2) !important;
}

.main-sidebar .nav-item.has-treeview a:hover {
    color: #FFF !important;
}

.form-control[readonly].datepicker {
    cursor: pointer;
}

.login-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60vw;
    height: auto;
}

.btn-login {
    background: #FFE478;
    color: #000000;
    font-weight: 700;
    width: 100%;
}

.card-margin {
    margin-left: 13%;
    width: 420px;
    max-width: 100%;
    border-radius: 15px;
    box-shadow: 0px 6px 12px #94949445;
}

.col-form-label {
    color: #6c757d;
}

@media only screen and (max-width : 1200px) {
    .card-margin {
        margin-left: 0%;
        margin: 0 auto;
        max-width: 100%;
    }
}

@media only screen and (max-width : 767px) {
    .description-block {
        font-size: 12px;
    }

    .description-block h5 {
        font-size: 14px;
    }

    .login-img {
        width: 100vw;
    }

    .card-margin {
        background: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7))
    }

    .col-form-label {
        color: #000000;
    }
}

@media only screen and (max-width : 600px) {
    .description-block {
        font-size: 10px;
    }

    .description-block h5 {
        font-size: 16px;
    }
}