body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 200,
        'GRAD' 0,
        'opsz' 24
}

table{
    color: red !important;
}

.video-container {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.video-container iframe,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact-us{
    background-image: url("../images/bg-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.grayscale-filter {
    filter: grayscale(100%);
}

.hero {
    height: 70vh;
    width: 100vw;
    background-image: url("../images/plaform-cons-site-1.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.image-lift {
    margin-top: -15px;
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: 15px;
}
#navbar{
    min-height: 10vh;
}

.admin-login-page {
    height: 100vh;
    width: 100%;
    background-image: url("../images/bg-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.btn-warning, .bg-warning{
    background-color: #00a0e0 !important;
    border: #00a0e0 !important;
}

.border-warning{
    border-color: #00a0e0 !important;
}

.nav-link{
    color: grey !important;
}

.agent-login-page{
    height: 90vh;
    width: 100%;
    background-image: url("../images/plaform-cons-site-2.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.bi-arrow-right-circle-fill::after {
    content: "";
    background-color: black;
    height: 2px;
    width: 100%;
}

.main-content {
    display: flex;
    height: 100vh;
    width: 100vw;
}

.content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.content::-webkit-scrollbar {
    width: 8px;
}

.content::-webkit-scrollbar-track {
    background: #908f8f;
}

.content::-webkit-scrollbar-thumb {
    background: #101010;
}

.content {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.sidebar {
    width: 250px;
    height: 100%;
}

#customersTable_filter input, #customersTable_length select{
    height: 30px;
}

/* .current {
    height: 30px;
    padding: 2px;
} */