body {
}

.table-responsive {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow: auto !important;
}

    /*small desktop screen size*/
    /*@media only screen and (min-width: 0px) and (max-width: 1366px) {
    div {
        zoom: 0.95;
        -moz-transform: scale(0.95);
        -moz-transform-origin: 0 0;
    }
}*/

@media only screen and (min-width: 3800px) {
    div.lineup_board {
        height: 98% !important;
    }
}


    /*styling for tablet devices*/
    @media only screen and (min-device-width: 0px) and (max-device-width: 1366px) {

        /*zoom levels*/
        .zoom {
            /*zoom: 0.9;
        -moz-transform: scale(0.9);
        -moz-transform-origin: 0 0;*/
        }

        .zoom-1 {
            zoom: 1;
            -moz-transform: scale(1);
            -moz-transform-origin: 0 0;
        }

        .zoom-15 {
            zoom: 1.5;
            -moz-transform: scale(1.5);
            -moz-transform-origin: 0 0;
        }

        .zoom-2 {
            zoom: 2;
            -moz-transform: scale(2);
            -moz-transform-origin: 0 0;
        }

        .zoom-07 {
            zoom: 0.7;
            -moz-transform: scale(0.7);
            -moz-transform-origin: 0 0;
        }

        /*specific styles - Lineup */

        .content_box, ui-widget-overlay, .ui-widget-content, control_container {
            touch-action: manipulation !important;
        }


        .desktop {
            display: none !important;
        }

        .mobile {
            display: block !important;
        }

        /*.lv {
            zoom: 0.8;
            -moz-transform: scale(0.8);
            -moz-transform-origin: 0 0;
        }*/

        .ui-tabs-panel {
            height: 88% !important;
        }

        .ui-tabs .ui-tabs-nav li a {
            font-size: 8px !important;
            zoom: 0.8;
            -moz-transform: scale(0.8);
            -moz-transform-origin: 0 0;
        }

        .entity_text {
            font-size: 8px !important;
            zoom: 1.0;
            -moz-transform: scale(1.0);
            -moz-transform-origin: 0 0;
            padding-bottom: 5px;
            margin-bottom: 10px;
        }

        .entity_heading {
            font-size: 10px !important;
        }

        /*#generic_equipment_box {
        margin: 10px !important;
    }*/

        #generic_equip_img {
            margin: 5px;
            width: 30px !important;
            height: 30px !important;
        }

        .equipment_img {
            width: 50px !important;
            height: 50px !important;
        }

        #header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row-reverse !important;
        }

            #header .menu_item {
                float: left;
            }

        div div.equipment {
            margin: 18px !important;
        }

        #takefive_stats_form {
            zoom: 0.5 !important;
            -moz-transform: scale(0.5);
            -moz-transform-origin: 0 0;
            height: 50vh !important;
            display: flex !important;
            justify-content: center !important;
        }

        .manning-table-zoom {
            zoom: 0.5 !important;
            -moz-transform: scale(0.5);
            -moz-transform-origin: 0 0;
        }

        .ui-dialog-content {
            min-height: 630px !important;
        }


        .wg .repsonsive {
            margin: 15px !important;
        }

        .ui-widget-content {
            padding: 5px !important;
        }

        div.task, div.location {
            padding: 5px 30px 5px 25px !important;
            margin: 10px !important;
        }

        .ui-widget, .operator_name_text, .unplanned_details, .task-name {
            font-size: 11px !important;
        }

        .operator {
            margin: 5px !important;
        }

        #entity_tabs {
            bottom: 23% !important;
        }

        /*::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 10px;
        height: 7px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }*/

        ::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 16px;
            height: 16px;
            border: 5px solid white;
            margin: 10px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #b0b0b0;
            background-clip: padding-box;
            border: 0.05em solid #eeeeee;
        }

        ::-webkit-scrollbar-track {
            background-color: white;
        }
        /* Buttons */
        /*::-webkit-scrollbar-button:single-button {
        background-color: #bbbbbb;
        display: block;
        border-style: solid;
        height: 13px;
        width: 16px;
    }*/
        /* Up */
        /*::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #555555 transparent;
    }*/

        /*::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
        border-color: transparent transparent #777777 transparent;
    }*/

        /* Down */
        /*::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 8px 8px 0 8px;
        border-color: #555555 transparent transparent transparent;
    }

    ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
        border-color: #777777 transparent transparent transparent;
    }*/

        .ui-tabs-panel, #unexpected_absence {
            overflow-x: hidden !important;
        }

        .wg_container {
            height: 99% !important;
            border-bottom: 10px solid white;
            box-sizing: border-box;
        }

        /*.ui-widget .ui-widget {
        zoom: 1.5 !important;
        -moz-transform: scale(1.5);
        -moz-transform-origin: 0 0;
    }*/

    }