html, body{
    overflow-x: hidden !important;
    width: 100%;
    padding-right: 0 !important;
    font-family: 'Roboto', sans-serif !important;
}

.w-20{
    width: 20%;
}

table th.no {
    width: 3vw;
}

.image-in-table{
    width: 20%;
}

.sidebar-open #sidebar-overlay{
    display: none;
}

.dropify-wrapper.error{
    border-color: #dc3545 !important;
}

@media (min-width: 1100px) and (max-width: 1900px){
    table th.no {
        width: 4vw;
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    table th.no {
        width: 6vw;
    }

    .image-in-table{
        width: 20%;
    }

    .dropify-wrapper{
        line-height: 48px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    table th.no {
        width: 8vw;
    }

    .image-in-table{
        width: 20%;
    }

    .dropify-wrapper{
        line-height: 48px !important;
    }
}

@media (max-width: 767px) {
    div#example1_wrapper{
        overflow-x: auto;
    }

    table th{
        white-space: nowrap;
    }

    .image-in-table{
        width: 50%;
    }

    ul.navbar-nav li a#time{
        display: none;
    }
    
    .dropify-wrapper{
        line-height: 40px !important;
    }

    .dropify-infos-message{
        font-size: 10px !important;
    }
}