/*
Copyright (C) 2001-2021 OTRS AG, https://otrs.com/
Copyright (C) 2021 Znuny GmbH, https://znuny.org/

This software comes with ABSOLUTELY NO WARRANTY. For details, see
the enclosed file COPYING for license information (GPL). If you
did not receive this file, see https://www.gnu.org/licenses/gpl-3.0.txt.
*/

/*  All devices capable of OTRS minimum solution. Used to hide elements for mobile devices. */
@media only screen and (min-width: 1025px) {

    /* html.NoScroll,
    html.NoScroll body {
        height: 100%;
        overflow: hidden;
    } */

    body.Visible-ScreenXL {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        background: var(--main-bg-color);
    }

    /*
     * @subsection Responsive classes
     */
    .ScreenXL {
        display: block;
    }

    .SmallerOrEqualScreenXL {
        display: block;
    }

    .ScreenL, .ScreenM, .ScreenS, .ScreenXS,
    .SmallerOrEqualScreenL, .SmallerOrEqualScreenM,
    .SmallerOrEqualScreenS, .SmallerOrEqualScreenXS {
        display: none;
    }

    /*
     * @subsection Responsive footer classes
     * @description Used to determinethe active screen size in JavaScript
     */
    #ResponsiveFooter .Visible-ScreenXL {
        display: block;
    }

    #ResponsiveFooter .Visible-ScreenL,
    #ResponsiveFooter .Visible-ScreenM,
    #ResponsiveFooter .Visible-ScreenS,
    #ResponsiveFooter .Visible-ScreenXS {
        display: none;
    }

    #ResponsiveNavigationHandle {
        display: none;
    }
}

/*  All devices with a smaller resolution than the current OTRS minimum solution */
@media only screen and (min-width: 0px) and (max-width: 1024px) {

    /* body {
        font-size: 1em;
    } */

    /* #Header {
        height: 40px;
        padding: 10px;
    }

    #Header #Logo {
        height: 40px;
        width: 110px;
        position: static;
        background-position: center;
        background-size: contain;
    }

    h1.CompanyName {
        margin: 0px 50px;
        text-align: center;
        font-size: 13px;
    }

    div#Logo ~ h1.CompanyName {
        display: none;
    }

    div#Logo {
        margin: auto;
        width: 100%;
        left: 0;
        right: 0;
        background-position: center;
    } */

    .ErrorBox, .SuccessBox, .WarningBox {
        margin: 0px 0px 20px 0px;
        line-height: 150%;
    }

    .InlineNavigation {
        position: static;
        margin: 15px 0px;
        display: block;
    }

    /* #Container {
        width: auto;
        padding: 0px 20px;
    }

    .Login {
        padding: 0px;
    }

    #Login, #Reset, #Signup, #PreLogin {
        padding-left: 0px;
        width: auto;
        padding-top: 10px;
    } */



    .TicketView > .Content {
        overflow: auto;
    }



    /* #Metadata,
    #Activities {
        float: none !important;
        width: auto;
        background: #eee;
    } */

    /* .TicketHeader,
    #Messages,
    #NoArticles,
    #FollowUp {
        float: none;
        width: auto;
    } */

    /* #Messenger fieldset,
    #NewCustomerTicket fieldset,
    #ActivityDialogContent fieldset,
    #NewProcessTicket fieldset {
        display: table-cell;
    } */

    /* .TicketProcess fieldset {
        min-width: 0px;
    } */

    /* .TicketCompose .Content,
    .Preferences .Content,
    .Search .Content {
        padding: 5px 10px;
    } */

    /* #Messenger label,
    #NewCustomerTicket label,
    #ActivityDialogContent label,
    #NewProcessTicket label {
        display: block;
        text-align: left;
        width: auto;
        float: none;
        font-size: 1em;
        padding: 5px 10px;
    } */

    /* #Messenger input,
    #Messenger select,
    #NewCustomerTicket input,
    #NewCustomerTicket select,
    #ActivityDialogContent input,
    #ActivityDialogContent select,
    #NewProcessTicket select,
    .TicketCompose fieldset #Subject {
        font-size: 1em;
        margin: 5px 5px 0px 5px;
        padding: 5px;
        width: 90%;
    } */

    /* #Messenger #cke_RichText,
    #NewCustomerTicket #cke_RichText,
    #ActivityDialogContent #cke_RichText {
        width: auto !important;
    } */

    /* .Preferences .Content .Box {
        width: auto;
        float: none;
    }

    fieldset .ShowTreeSelection {
        display: none;
    } */

    /* Input Fields */
    /* div.InputField_Container {
        margin: 5px 5px 0;
        width: 90%;
    } */

    /* div.InputField_InputContainer {
        width: 100%;
    }

    #NewCustomerTicket input.InputField_Search {
        margin: 0;
        padding: 5px 3px;
        width: 100% !important;
    } */

    /* div.InputField_Selection {
        height: 1.5em;
        line-height: 1.2em;
    } */

    /* div.InputField_Selection div,
    div.InputField_FiltersList,
    div.InputField_ToolbarContainer ul li a {
        font-size: 0.9em;
    }

    div.InputField_More {
        top: 8px;
    } */

    /*div.InputField_Container {
        width: 90%;
        margin-right: 10px;
    }

    div.InputField_InputContainer {
        width: 100%;
    }

    div.InputField_InputContainer input.InputField_Search {
        padding: 3px;
        font-size: 0.9em;
        width: 100% !important;
    }

    div.InputField_ListContainer {
        margin-top: -1px;
    }

    div.InputField_Selection {
        height: 1.4em;
        line-height: 0.8em;
    }

    div.InputField_Selection div,
    div.InputField_FiltersList,
    div.InputField_ToolbarContainer ul li a {
        font-size: 0.8em;
    }

    div.InputField_More {
        top: 8px;
    }

    div.InputField_FiltersList span {
        vertical-align: 10%;
    }*/

    .WidgetSimple .Content {
        overflow: auto;
    }

    .jstree-InputField {
        font-size: 0.9em !important;
    }

    div.InputField_TreeContainer {
        max-height: 103px;
        line-height: 1.4em;
    }

    .jstree-InputField-Tree .jstree-node,
    .jstree-InputField-Tree .jstree-anchor,
    .jstree-InputField-NoTree .jstree-node,
    .jstree-InputField-NoTree .jstree-anchor,
    .jstree-InputField-Tree .jstree-icon:empty {
        line-height: 1.4em;
    }

    .jstree-InputField-Tree .jstree-wholerow,
    .jstree-InputField-NoTree .jstree-wholerow {
        line-height: 1.4em;
        height: 1.5em;
    }
}

/*  ~ Tablet landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    #ResponsiveFooter .Visible-ScreenL {
        display: block;
    }

    #ResponsiveFooter .Visible-ScreenXL,
    #ResponsiveFooter .Visible-ScreenM,
    #ResponsiveFooter .Visible-ScreenS,
    #ResponsiveFooter .Visible-ScreenXS {
        display: none;
    }
}

/*  All devices smaller than tablet landscape */
@media only screen and (min-width: 0px) and (max-width: 767px) {

    #ResponsiveFooter .Visible-ScreenM {
        display: block;
    }

    #ResponsiveFooter .Visible-ScreenXL,
    #ResponsiveFooter .Visible-ScreenL,
    #ResponsiveFooter .Visible-ScreenS,
    #ResponsiveFooter .Visible-ScreenXS {
        display: none;
    }
}

/*  ~ Tablet portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    #ResponsiveFooter .Visible-ScreenS {
        display: block;
    }

    #ResponsiveFooter .Visible-ScreenXL,
    #ResponsiveFooter .Visible-ScreenL,
    #ResponsiveFooter .Visible-ScreenM,
    #ResponsiveFooter .Visible-ScreenXS {
        display: none;
    }
}

/*  ~ Smartphone landscape */
@media only screen and (min-width: 320px) and (max-width: 479px) {

    #ResponsiveFooter .Visible-ScreenS {
        display: block;
    }

    #ResponsiveFooter .Visible-ScreenXL,
    #ResponsiveFooter .Visible-ScreenL,
    #ResponsiveFooter .Visible-ScreenM,
    #ResponsiveFooter .Visible-ScreenXS {
        display: none;
    }
}

/*  ~ Smartphone portrait */
@media only screen and (max-width: 319px) {

    #ResponsiveFooter .Visible-ScreenXS {
        display: block;
    }

    #ResponsiveFooter .Visible-ScreenXL,
    #ResponsiveFooter .Visible-ScreenL,
    #ResponsiveFooter .Visible-ScreenM,
    #ResponsiveFooter .Visible-ScreenS {
        display: none;
    }
}
