/* START XIAM-13942 - Resize Text*/
@media only screen and (max-width: 1024px) and (max-height: 719px) {
    ul#hamburger-menu {
        display: none;
    }

    ul#normal-menu {
        display: inline;
    }

    .primary-nav-360 {
        height: auto;
    }

    .xmain-content-scroll > .row > .xform-caption, .xform-controls {
        min-width: 125px;
    }

    .pstep-actions {
        min-width: 1350px;
    }

    #main-layout-center > .xmain-content-scroll > .xform-group >  .col-md-2 {
        min-width: 29%;
    }

    #main-layout-center > .xmain-content-scroll > .xform-group > .col-md-10 {
        width: 61%;
    }

    #main-layout-center > .xmain-content-scroll > .container-fluid {
        min-width: 1350px;
    }

}

@media only screen and (max-width: 1024px) and (max-height: 496px) {
    li.dropdown-submenu > ul.dropdown-menu {
        max-height: 350px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 1100px) and (max-height: 550px) {
    #main-layout-center {
        overflow:scroll !important;
    }
    #main-layout-center > .xmain-content-scroll {
        position: relative !important;
        display: inline !important;
        height: 100% !important;
    }

    .dataTables_scroll > .dataTables_scrollBody  {
        height: 100% !important;
        overflow-x: hidden !important;
    }

    .panel-default {
        overflow: unset !important;
        height: 100% !important;
        margin-left: 20px;
    }

    .taskLeftPane {
        width: 100%;
        min-width: 950px;
    }

    /* https://teloscorp.atlassian.net/browse/XACTA-8791

    .info-msg {
        word-wrap: break-word;
        height: 1.7em;
        min-width: 1350px;
    }

    .info-msg > img {
        width: 10px;
        height: 10px;
    }
    */

    .xpage-overlay {
        overflow: auto !important;
    }

    .xhelp-balloon {
        max-height: unset !important;
        height: 100% !important;
    }

    nav.primary-nav-360 > div.container-fluid > div.navbar-collapse > ul.navbar-nav > li.dropdown.open  {
        z-index: 1 !important;
    }

    nav.secondary-nav {
        z-index: -99 !important;
        padding-left: 20px;
    }

    .navHistoryMenu-dropdown {
        max-height: 200px !important;
        overflow-y: scroll !important;
    }

    /* Remove sticky header and footer on all tables */
    div.FixedHeader_Cloned {
        display: none !important;
    }

    div.override-focus:focus {
        outline: 5px -webkit-focus-ring-color auto !important;
    }

    a:hover span.warning-dropdown,
    a:focus span.warning-dropdown,
    a:active span.warning-dropdown {
        top: 15px !important;
        left: 35% !important;
    }

}

/*@media only screen and (max-width: 680px) and (max-height: 450px) {*/
/*    */
/*}*/

@media only screen and (max-width: 950px) and (max-height: 413px) {
    .container-fluid > .col-6 {
        width: 100%;
    }
}

@media only screen and (max-width: 820px) and (max-height: 575px) {
    div#contentTitleId {
        min-width: 1350px;
    }

    div#contentTitleId > .taskStatContainer {
        float: none !important;
    }
}

@media only screen and (max-width: 767px) and (max-height: 480px ) {
    .navbar-default.primary-nav-360 ul.nav > li > a {
        color: #000000;
        background-color: #FFFFFF;
    }

    .navbar-brand-360 {
        margin-left: 0 !important;
    }
    nav.primary-nav-360 > div.container-fluid > div.navbar-collapse {
        overflow-x: hidden !important;
        padding-left: 40px !important;
        background-color: #FFFFFF;
        max-height: 220px;
    }

    nav.project-nav > div.container-fluid > div.navbar-collapse {
        overflow-x: hidden !important;
        background-color: transparent;
        max-height: 150px;
    }

    div#primary-navbar > ul > li > a:hover {
        background-color: white !important;
        color: black !important;
    }

    div#primary-navbar > ul > li > a:focus {
        background-color: white !important;
        color: black !important;
    }

    nav.primary-nav-360 > div.container-fluid > div.navbar-collapse > ul.navbar-nav > li.dropdown > ul.dropdown-menu {
        overflow-x: scroll !important;
        background: white !important;
        width: 300px !important;
        z-index: 1 !important;
    }

    li.dropdown-submenu > ul.dropdown-menu > li.dropdown-item {
        margin-left: 20px !important;
    }

    div.xcontainer-title, .dataTables_wrapper {
        min-width: 2350px !important;
    }

    .xacta-nav-btns-container {
        min-width: 115px;
    }

    .prjSearchContainer{
        margin: 0 0 0 18px;
        height: 25px;
        padding: 5px;
    }

    .badge-inbox-child {
        margin-left:17px;
    }

    .xdialog-frame-wrapper {
        left: 1px !important;
    }

    ul#hamburger-menu {
        display: block;
    }

    ul#hamburger-menu > li > div.projTypeaheadSearchMenuDiv {
        margin-left:10px;
        float: none;
    }

    .projTypeaheadSearchMenuDiv > .searchControlClass > .searchComponentTypeahead {
        border-radius: 0px 13px 13px 0px;
        border-right: 1px solid #CBCBCB;
    }

    ul#normal-menu {
        display: none;
    }

    .primary-nav-360 {
        height: auto;
    }

    body > ul.dropdown-menu.dropdown-menu-search {
        overflow: auto;
        max-height: 100px;
    }

    div#main-layout-center > .xmain-content-scroll, div#main-layout-center > .xmain-content-scroll > .container-fluid > .row {
        min-width: 975px;
    }

}

@media only screen and (max-width: 584px) and (max-height: 409px) {
    div#contentTitleId > .contentTitle-left > .contentTitleContainer > .contentTitle > span.truncate-text, span.folder-name-arrow  {
        padding-bottom: 0 !important;
    }
}

/* END XIAM-13942 Resize Text*/

/*
XIAM-14700: Focus indicator is not visible in submenus
*/
@media (max-width: 767px) {
    #primary-navbar a:focus {
        color: #ffffff !important;
    }
}