/* 
    Created on : 5 de nov. de 2024, 22:42:12
    Author     : edson
*/

body {
    font-family: 'Roboto', sans-serif !important;
    background-color: #f8f9fa !important;
    color: #333 !important;
}

.navbar-top {
    font-weight: 400 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e4e9f0 !important;
}
.navbar-custom {
    /*    background: rgb(140,41,224) !important;*/
    background: linear-gradient(4deg, rgb(20, 20, 20) 0%, rgb(35, 36, 37) 100%) !important;

    /*    background: linear-gradient(4deg, rgba(140,41,224,1) 0%, rgba(97,174,236,1) 100%) !important;*/
    padding: 15px !important;
    z-index: 1;
    width: 100%;
}

.button-view:hover {
    background-color: #12dbf9 !important;
    border: none !important;

}

.button{
    border-radius: 11px !important;
}

.button-trash:hover {
    background-color: #d70000 !important;
    border: none !important;

}

.navbar-custom .nav-link {
    color: #fff !important;
    transition: color 0.3s !important;
}
.navbar-custom .nav-link:hover {
    color: #d4edda !important;
}

.sidebar {
    height: 100vh !important;
    background-color: #fff !important;
    padding-top: 20px !important;
    top: 159px !important;
    position: fixed !important;
    transition: transform 0.3s ease !important;
    transform: translateX(-100%) !important;
}
.sidebar.show {
    transform: translateX(0) !important;
}
.content {
    transition: margin-left 0.3s !important;
    margin-left: 250px !important;
    padding: 20px !important;
}
.content.collapsed {
    margin-left: 0 !important;
}
.navbar-nav {
    display: flex !important;
    margin-left: 10px !important;
}
.nav-item {
    display: flex !important;
    align-items: center !important;
}
.nav-link {
    display: flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
}
.nav-link i {
    margin-right: 8px !important;
}
.navbar-nav .nav-item {
    position: relative !important;
}

.navbar-nav .nav-item:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    top: 10% !important;
    right: -10px !important;
    height: 80% !important;
    width: 1px !important;
    background-color: #9b9898 !important;
}

.online-status {
    color: #32CD32 !important;
    font-weight: bold !important;

    .dropdown-menu {
        min-width: 200px !important;
    }

    .dropdown-item {
        transition: background-color 0.3s !important;
    }

    .dropdown-item:hover {
        background-color: #f1f1f1 !important;
    }

    @media (max-width: 768px) {
        .sidebar {
            width: 250px !important;
        }
        .content {
            margin-left: 0 !important;
        }
        .navbar-nav .nav-item:not(:last-child)::after {
            display: none !important;
        }

        #search {
            display: none !important;
        }
    }
    @media (min-width: 768px) and (max-width: 1199px) {
        .sidebar {
            width: 250px !important;
        }
        .content {
            margin-left: 0 !important;
        }
        .navbar-nav .nav-item:not(:last-child)::after {
            display: none !important;
        }

        #search {
            display: none !important;
        }
    }

    @media (max-width: 767px) {
        .sidebar {
            width: 250px !important;
        }
        .content {
            margin-left: 0 !important;
        }
        .navbar-nav .nav-item:not(:last-child)::after {
            display: none !important;
        }

        #search {
            display: none !important;
        }
    }

    @media (max-width: 1354px) {
        .sidebar {
            width: 250px !important;
        }
        .content {
            margin-left: 0 !important;
        }
        .navbar-nav .nav-item:not(:last-child)::after {
            display: none !important;
        }

        #search {
            display: none !important;
        }
    }



    @media (max-width: 990px) {
        .sidebar {
            width: 250px !important;
        }
        .content {
            margin-left: 0 !important;
        }
        .navbar-nav .nav-item:not(:last-child)::after {
            display: none !important;
        }
        #search {
            display: none !important;
        }
    }
}