@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}

.mobileLabel {
    display: none;
}

#collapse-filters {
    display: none;
}

@media (min-width: 601px) {
    #filters {
        display: block;
    }

    ul#sidebar li#liAndroid2, ul#sidebar li#liAccountsMobile, ul#sidebar li#liContactsMobile {
        display: none;
    }
}

@media (max-width: 600px) {
    #collapse-filters {
        display: block;
    }

    #aFavorites {
        display: none;
    }

    #ulParameters #liHandbook,
    #ulParameters #liParameters,
    #ulParameters #liBookmark,
    #ulParameters #liAndroid {
        display: none;
    }

    .pagination {
        margin: 0 auto;
    }

    .mainwrapper {
        padding-left: 0;
        display: flex;
        flex-flow: column;
    }

        .mainwrapper #ulMenu, .mainwrapper #ulMenuCustomer {
            /*position: relative !important;*/
            z-index: 1;
        }

        .mainwrapper #page-content-wrapper {
            /*position: relative !important;*/
            left: 0;
            width: 100%;
        }

            .mainwrapper #page-content-wrapper .page-header {
                height: 65px;
                text-align: right;
                font-size: 20px;
                font-weight: 800;
                padding-right: 10px;
                padding-top: 40px;
            }

                .mainwrapper #page-content-wrapper .page-header .pull-left {
                    float: none !important;
                }

                .mainwrapper #page-content-wrapper .page-header #MainContent_PanelCustomize {
                    margin-top: 8px;
                }

            .mainwrapper #page-content-wrapper table,
            .mainwrapper #page-content-wrapper thead,
            .mainwrapper #page-content-wrapper tbody,
            .mainwrapper #page-content-wrapper th,
            .mainwrapper #page-content-wrapper td,
            .mainwrapper #page-content-wrapper tr {
                display: block;
            }

            .mainwrapper #page-content-wrapper ul.nav-tabs {
                display: none;
            }

            .mainwrapper #page-content-wrapper table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            .mainwrapper #page-content-wrapper table tr {
                border: 1px solid #ccc;
            }

                .mainwrapper #page-content-wrapper table tr td {
                    border: none;
                    border-bottom: 1px solid #eee;
                    position: relative;
                    display: flex;
                    -ms-flex-flow: row;
                    -webkit-flex-flow: row;
                    flex-flow: row;
                    font-size: 16px;
                    white-space: normal;
                    word-break: break-word;
                }

                    .mainwrapper #page-content-wrapper table tr td a {
                        white-space: normal;
                    }

                    .mainwrapper #page-content-wrapper table tr td .mobileLabel {
                        display: flex;
                        padding-right: 20px;
                    }

                        .mainwrapper #page-content-wrapper table tr td .mobileLabel i {
                            color: #778899;
                        }

            .mainwrapper #page-content-wrapper #MainContent_PanelEvents table tr td {
                -ms-flex-flow: column;
                -webkit-flex-flow: column;
                flex-flow: column;
            }
        /*.mainwrapper #page-content-wrapper #MainContent_PanelAppointments {
    display: none;
  }*/
        .mainwrapper:not(.active) .sidebar-wrapper {
            height: unset;
        }

            .mainwrapper:not(.active) .sidebar-wrapper ul#sidebar, .mainwrapper:not(.active) .sidebar-wrapper ul#sidebarCustomer {
                display: none;
            }

        .mainwrapper.active .sidebar-wrapper {
            width: 100%;
            height: unset !important;
        }

            .mainwrapper.active .sidebar-wrapper ul#sidebar, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer {
                width: 100%;
            }

                .mainwrapper.active .sidebar-wrapper ul#sidebar li, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer li {
                    width: 100%;
                }

                    .mainwrapper.active .sidebar-wrapper ul#sidebar li svg, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer li svg {
                        display: none;
                    }

                .mainwrapper.active .sidebar-wrapper ul#sidebar > li > a, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer > li > a {
                    padding-left: 20px;
                    width: 100%;
                }

                .mainwrapper.active .sidebar-wrapper ul#sidebar li:not(#liAccountsMobile):not(#liContactsMobile):not(#liTasks):not(#liAndroid2) {
                    display: none;
                }

                .mainwrapper.active .sidebar-wrapper ul#sidebar li#liAddresses .dropdown-toggle {
                    display: none;
                }

                .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer li#liCustomerAddresses .dropdown-toggle {
                    width: 100%;
                }

                .mainwrapper.active .sidebar-wrapper ul#sidebar li#liAddresses > .dropdown-menu, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer li#liCustomerAddresses > .dropdown-menu {
                    width: 100%;
                }

                    .mainwrapper.active .sidebar-wrapper ul#sidebar li#liAddresses > .dropdown-menu li, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer li#liCustomerAddresses > .dropdown-menu li {
                        width: 100%;
                    }

                        .mainwrapper.active .sidebar-wrapper ul#sidebar li#liAddresses > .dropdown-menu li a, .mainwrapper.active .sidebar-wrapper ul#sidebarCustomer li#liCustomerAddresses > .dropdown-menu li a {
                            width: 100%;
                        }

    .panelList .list-tools {
        display: none;
    }

    .panelList fieldset #filters #filters-wrapper {
        display: flex;
        -ms-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

        .panelList fieldset #filters #filters-wrapper .filter input[readonly=readonly] {
            width: 200px;
        }

        .panelList fieldset #filters #filters-wrapper .filter .panel {
            width: 100vw !important;
        }

    .panelList fieldset #filters.collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }

    .panelListForAmCharts {
        display: none;
    }

    ul.customizemenu #MainContent_liMyCharts,
    ul.customizemenu #MainContent_liAllCharts {
        display: none;
    }
}

/* typical phone screen resolution */
@media only screen and (max-width : 600px) {

    input,
    select,
    textarea {
        max-width: 200px;
    }

    .form-group .btn {
        margin-bottom: 0.5rem;
    }
    .form-group .input-group-btn .btn {
        margin-bottom: 0;
    }

    #ulMenu, #liGoogle {
        display: none;
    }

    #ulParameters li.navbar-form {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.task-label {
    padding-right: 0.5rem;
    color: #666666;
    font-weight: 700;
}

/* typical tablet screen resolution */
@media only screen and (min-width : 601px) {
    .task-label {
        display: none;
    }
}