﻿@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .mobileVisible {
        display: unset !important;
    }
    #smallwindowwarning {
        display: none!important;
    }
    .filesTopButtonbar {
        display: none;
    }

    .CntrItmAction {
        display: none;
    
        .dropdown-menu {
            display: none;
        }
    }

    #fileContent { 

        .TblHCellName {
            width: unset !important;
        }

        .modifiedField {
            width: 10em;
        }

        .RenameCell {
            overflow-x: hidden;
            max-width: -webkit-fill-available;
            display: grid;
            > span {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
            }
        }

        .emptyCell, .modifiedField {
            display: none;
        }

        .TblHCellName {
            width: 100%;
        }

        td:nth-child(3) {
            display: none;
        }

        td:nth-child(4) {
            display: none;
        }
    }

    .changePassWordTable {
        tbody tr td {
            display: block;
        }
    }

    .box {
        width: auto;
    }

    #content {
        padding-left: 5px;
        padding-right: 0px;
    }

    #mainViewCommitteeSettings,
    .header-logos,
    #ExistingUsername,
    #menuRibbon > ul > li.commonSettingsLi,
    #menuMeetings > span,
    #menuFiles > span,
    #menuSearch > span,
    #menuMeetingPage > span {
        display: none;
    }

    .calendarTab {
        display: list-item;
    }

    ul.horizontal {
        padding: 0 5px;
    }

    ul.ribbon li a {
        display: block;
        color: white;
        padding: 5px 10px;
        text-decoration: none;
    }

    #MeetingRoom, 
    #DynastyURL,
    #AttendingText,
    #MeetingMenuOptions,
    #sec-translator,
    .dropdown-toggle::after,
    .notificationContainer,
    #MeetingEditButton,
    #hiddenParticipants,
    #debparticipants,
    #nonparticipants,
    #newParticipant,
    #editParticipantsButtons,
    #participants .centerContentCell,
    #roleSelector {
        display: none !important;
    }

    .modal-header #fullScreen,
    .modal-header #zoomIn,
    .modal-header #zoomOut {
        display: none;
    }

    #decProposal .scc3,
    #votings .scc3,
    #attachments .scc3,
    #complementaries .scc3
    {
        display: none !important;
    }

    #side-container .hoverAction {
        opacity: unset !important;
        visibility: unset !important;
    }

    #floorQueue .CntrContent  {
        td:nth-child(1), 
        td:nth-child(4) {
            display: none;
        }
    }

    #dropdownAttendanceButton,
    #ParticipantsButton, 
    #dropdownReportsButton {
        font-size: 0;
    }
    #TopButtons {
        text-align: right;
    }
    #content {
        padding: 0 5px;
    }
    #main-container {
        padding-right: 0px;
    }
    .modal-body {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #side-container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .turqTopBorder {
        padding-bottom: unset;
        min-height: unset;
    }

    #content-wrapper {
        height: unset !important;
    }

    #dialog {
        min-width: unset !important;
    }

    .ui-dialog {
        width: 100% !important;
        min-width: unset !important;
        left: 0 !important;
    }

    .centerContentCell + td {
        min-width: 50px !important;
    }

    .centerContentCell + td + td {
        max-width: 150px !important;
    }

}