/* PWA codes */ 
@media only screen and (max-width: 1280px){

    /**
    CSS for the login screen optimisation
    **/
    body:not(.user-logged-in) #content{
        flex: auto;
    } 

    /*Button for installing App*/
    .bdt_pwa_button_wrapper {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #013a6c;
        padding: 10px 10px 10px 10px;
        z-index: 9;
    }
    .bdt_pwa_button_wrapper p {
        color: #FFF;
        font-size: 0.8rem;
    }
    .bdt_pwa_button_wrapper h3 {
        font-size: 1.5rem;
        color: #FFF;
        text-align: center;
    }

    .bdt_pwa_button_wrapper .bob-primary-btn {
        margin-bottom: 0;
    }

    /** iOS PWA **/

    .ios-share-icon {
        width: 16px;
    }
    .fa-plus-square {
        font-size: 2em;
    }
    .bdt_pwa_ios_wrapper.pwa-iphone::after {
        border-right: solid 15px transparent;
        border-left: solid 15px transparent;
        border-top: solid 15px #b2bb1c;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: fixed;
        z-index: 1;
        content: '';
        left: 50%;
        height: 0px;
        width: 0;
        bottom: 0;
    }
    .bdt_pwa_ios_wrapper.pwa-iphone {
        bottom: 15px;
        margin: 0;
        width: 100%;
    }
    .bdt_pwa_ios_wrapper {
        background: #b2bb1c;
        position: fixed;
        padding: 25px 20px;
        color: #FFF;
    }
    .bdt_pwa_ios_wrapper p {
        font-size: 0.8em;
    }
    .bdt_pwa_ios_wrapper .plus-icon {
        padding: 5px 10px;
    }
    .bob-pwa-close-btn {
        background: transparent;
        border-radius: 50px;
        border: 1px solid;
        padding: 0px 5px;
        position: absolute;
        margin-top: -20px;
        margin-left: -25px;
        color: #FFF;
        font-size: 0.8rem;
    }

    #bdt_pwa_ipad_wrapper {
        top: 10px;
        right: 5%;
        border-radius: 15px;
        max-width: 280px;
        padding: 0;
    }
    #bdt_pwa_ipad_wrapper .bob-pwa-close-btn {
        margin-top: 5px;
        margin-left: -25px;
    }
    #bdt_pwa_ipad_wrapper .text-wrapper {
        margin: 30px 0 0 0;
        padding: 0 0 0 10px;
    }

    #bdt_pwa_ipad_wrapper .fa-plus-square {
        font-size: 1.5em;
    }

    .bdt_pwa_button_wrapper .bob-pwa-close-btn {
        top: 30px;
        right: 20px;
    }

    .bdt_pwa_button_wrapper.cheeseburger-menu__menu.cheeseburger-menu__menu--pwa {
        position: relative !important;
        padding: 10px !important;
        display: block;
    }

    /**  Make the button smaller on clicking **/

    .pwa-icon-only h3, .pwa-icon-only p, .pwa-icon-only font.install_text, .pwa-icon-only button.bob-pwa-close-btn {
        display: none;
    }
    .pwa-icon-only {
        background: transparent;
    }
    .pwa-icon-only button.pwa-download {
        width: auto;
        padding: 5px 10px;
        margin-bottom: 5px;
        float: right;
    }
    /** Fixing the issue with the close button**/
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        margin-top: 60px;
    }
}
@media (display-mode: standalone) and (max-width: 1280px) { 
    /*@media only screen and (max-width: 1280px){ }*/
    .bob-inventory > .bdt_filter_wrapper div.form-group button.button {
        background-image: none !important;
        background: #a0b12a !important;
        border: 0 !important;
        font-size: 1em !important;
    }
    body {
        color: #1a1a1a;
        background: #FFF;
        height: 100vh;
    }
    /*"Please choose your role" dropdown in Add User*/
    .user-register-form select {
        font-family: auto;
        font-size: 15px !important;
    }
    /*Save button*/
    .bob-order-form .form-group .webform-button--draft{
        border-radius: 5px;
        background: #b2bb1c;
        color: #fff;
        margin: 0 15px;
        font-size: 14px;
        box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
        border: 0;
        padding: 8px 24px !important;
    }
    .bob-order-form .form-group .webform-button--draft:hover {
        border: 0;
        background: #003564;
        color:#fff;
    }
    /*white space below login and registeration,Password Reset Page*/
    body.user-logged-in.layout-no-sidebars.path-frontpage .region-content,
    body.user-logged-in.layout-no-sidebars.path-user .region-content,
    body.user-logged-in.layout-no-sidebars.page-user-register.path-user .region-content {
        height: auto;
    }
    /*Unwanted white space in  login page and Password reset*/
    .layout-no-sidebars:not(.user-logged-in):not(.page-user-register) .layout-main-wrapper {
        padding: 0;
        height: 100vh;
        display: flex;
        align-items: center;
    }

    /** Container Issue **/
    body.user-logged-in #content{
        flex: auto;
        max-width: 100%;
    }
    /*Login Welcome Title*/
    #user-login-form .login-title{
        font-size:19px;
    }
    /*Register Page field*/
    .layout-no-sidebars #user-register-form{
        font-size:14px;
    }
    /*Pop Up for Create Contact*/
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        position:absolute;
        top:50%;
        left:50%;
    }
    /*Alert MEssage*/
    .bob-empty-message {
        color: #003768 !important;
        margin-top: 0px;
        margin-right: 15px;
        padding: 10px;
    }

    /*Accepted Order Page*/   
    .bob-account-people .view-content > .views-form {
        background: transparent;
    }
    /*Menu Icon Outline*/
    .navbar-toggler:focus, .navbar-toggler:hover{
        outline: none;
    }
    /*Filter button floating*/
    .bdt_filter_button,
    .bdt_filter_open {
        position: fixed;
        display: block;
        z-index: 99;
        /**top: 67px;**/
        top: 20%;
        right: 0;
    }
    .bdt_filter_button :focus{
        box-shadow: 0 0 0 0  !important;
        background-color: #a0b12a !important;
    }
    .bdt_filter_wrapper {
        overflow-y: auto;
        top: 62px;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;  
    }
    .bdt_filter_wrapper{
        border-radius: 0;
        height: calc(100vh - 62px);
    }    
    /*Menu sliding from side*/
    div .cheeseburger-menu__menu-list li ul.open{
        height: max-height;
        transition: all .5s ease-in-out !important;
        -webkit-transition: all .5s ease-in-out !important;
    }
    .cheeseburger-menu__wrapper.menu-is-visible{
        height: 100px;
        transition: all .5s ease-in-out !important;
        -webkit-transition: all .5s ease-in-out !important;
        z-index: 100;
    }

    /** Menu Animation **/
    .cheeseburger-menu__menu-list li ul {
        height: unset !important;
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height 1.3s ease;
        -moz-transition: max-height 1.3s ease;
        -o-transition: max-height 1.3s ease;
        transition: max-height 1.3s ease;
    }
    .cheeseburger-menu__menu-list li ul.open-child {
        height: unset !important;
        overflow: hidden;
        max-height: 600px;
    }

    /*Add to your Order button*/
    .bob-button-wrapper {
        display: block;
    }
    /*View details page padding */    
    .container{
        padding-right: 0;    
        padding-left: 0;
    }
    /* Create Account Button*/ 
    .bob-order-table .text-right{
        text-align:center!important;
    }
    /*Apply to all items in Manage user Page*/
    #views-form-user-admin-people-page-2 #edit-actions--2{
        display: none;
    }
    /*Edit Button in Manage User Page */
    .bob-account-people .table tbody tr > td:last-child {
        padding-right: 0 !important;
    }
    /* Title*/
    div .content > h1{
        font-size: 2rem;
        margin-bottom: 0; 
    }
    /*Image Logo */
    #navbar-main .bob-header img {
        max-width: 200px;
    }
    /*Back Button*/
    body.user-logged-in:not(.path-frontpage) .bob-header div.bob-back-button-wrapper { 
        display: inline-block;
    }
    .bob-header div.bob-back-button-wrapper button.bob-back-button {
        color: #003768;
        font-size: 1.5rem;
        padding-left: 0;
    }
    .bob-header div.bob-back-button-wrapper button.bob-back-button:hover {
        color: #a0b12a;
    }
    .bob-account-people .views-exposed-form > .form-row fieldset {
        width: 100%;
    }

    .page-user-register .custom-control, .views-form .custom-control {
        padding-left: 0;
        display: none;
    } 
    .bob-account-people #edit-header {
        padding: 0 30px;
        margin : 0 15px;
        display: none;
    }
    /*Edit Button Hover*/
    .bob-order-table table > tbody > tr > td:last-child > a ,
    .bob-order-table table > tbody > tr > td:last-child > a:hover,
    .js .dropbutton li {
        display: block;
        outline: none;
        background: #b2bb1c !important;
        font-size: 1em;
        box-shadow: 2px 3px 2px 2px rgba(0,0,0,0.25);
        border: 0;
        color: #fff;
        padding: 5px 10px;
    }
    .js .dropbutton li > a {
        color: #fff;
    }
    .js .dropbutton li > a {
        text-decoration: none;
        padding: 2px 15px;
    }
    .bob-order-table .table-responsive {
        border-radius: 10px !important;
    }
    .bob-order-table table > tbody > tr > td:last-child > a:hover,
    .js .dropbutton li > a:hover {
        text-decoration: none;
        background: #003768;
        border: 0;
        color: #fff;
    }
    .bob-order-table table > tbody > tr > td:last-child > a:hover,
    .js .dropbutton li:hover {
        background: #003768 !important;
        border: 0;
        color: #fff;
    }
    .bob-order-table table > tbody > tr > td:last-child > a {
        border-radius: 3px !important;
    }
    /*MENU HEAD*/    
    .block-cheeseburger-menu > h2{
        display:none;
    }
    /*Title bottom*/
    .bob-breadcrumbs .content {
        margin-bottom: 25px; 
    }
    .js .dropbutton li, .js .dropbutton a {
        display: block;
        outline: none;
        background: transparent;
    }
    .bob-sidebar-left {
        display: none !important;
    }
    /*Status bar in order*/
    .progress-marker {
        z-index: 2 !important;
    }
    /*Cheese Burger Menu*/
    .cheeseburger-menu__menu-list li>a,
    .cheeseburger-menu__menu-list li>span{
        padding: 15px 10px !important;
    }

    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus{
        background: #ffffff;
        height: calc(100vh - 62px) !important;
    }
    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus .cheeseburger-menu__menu{
        padding: 0; 
    }
    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus ul.cheeseburger-menu__menu-list > li.cheeseburger-menu__menu-list-item > span{
        background: #003768;
        color: #ffffff;
        text-align: left;
    }
    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus .cheeseburger-menu__menu-list>li .cheeseburger-menu__menu-list-item--child {
        padding-left: 20px;
        border-bottom: solid 2px rgb(178, 187, 28);
        border-top: 0;
        border-left: solid 2px rgb(178, 187, 28);
        border-right: solid 2px rgb(178, 187, 28);
    }       
    body .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus ul.cheeseburger-menu__menu-list > li.cheeseburger-menu__menu-list-item.cheeseburger-menu__menu-list-item--parent span::after {
        font-family: "Font Awesome 5 Free";
        font-size: 20px;
        text-align: right !important;
        background: transparent;
        border-radius: 50%;
        padding: 0;
        content: "\f078" !important;
        color: #fff;
        float: right;
        border:0;  
    }
    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus ul.cheeseburger-menu__menu-list > li.cheeseburger-menu__menu-list-item.cheeseburger-menu__menu-list-item--parent span.is-opened::after {
        content: "\f077" !important;  
    }
    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus ul.cheeseburger-menu__menu-list > li.cheeseburger-menu__menu-list-item > a{
        color: #666666;
        font-weight: normal;
    }
    .bob-header .cheeseburger-menu__wrapper .cheeseburger-menu__menus ul.cheeseburger-menu__menu-list > li.cheeseburger-menu__menu-list-item > span.is-opened{
        background: rgb(178, 187, 28) none repeat scroll 0% 0%;
        -webkit-transition: all 0.3s;
    }
    .cheeseburger-menu__wrapper {
        top:62px !important;
    }
    body.menu-is-visible .navbar-toggler::after, body.pwa-modal-open .navbar-toggler::after, body.bdt-filter .navbar-toggler::after {
        content: "\f00d" !important; 
    }
    /*Menu Icon*/
    .navbar-toggler::after {
        font-family: "Font Awesome 5 Free";
        content: "\f111" !important;
        font-weight: 900;
        font-size: 20px;
        text-align: center;
        color: #D7D7D7;
        background: transparent;
        border-radius: 50%;
        padding: 0;
        content: "\f0c9" !important;
        color: #003768;
        border:0 !important;
    }
    /*Nav Header with Logout, Halp, Faq..*/
    #header #navbar-top {
        display: none;
    }
    div.bob-order-table .bob-order-table-row {
        text-align: center !important;
    }
    div.bob-order-table thead,
    div.bob-order-table tfoot {
        display: none;
    }
    div.bob-order-table .bob-order-table-row>td {
        display: block;
        width: 95% !important;
        margin: 0 auto;
    }
    div.bob-order-table .bob-order-table-row:not(.bob-inline-note-row)  {       
        border-top: 2px solid #003768 !important;
    }
    div.bob-order-table .bob-order-table-row.bob-inline-note-row .bob-notes-wrapper.w-75 {
        width: 95% !important;	
    }
    .mobileTitle>strong {
        min-width: calc(15%);
        display: inline-block;
    }
    div.bob-order-table .bob-order-table-row .bob-order_status .select2-container {
        width: calc(50vw) !important;
        text-align: center;
    }
    div.bob-order-table .bob-order-table-row .bob-accordion-notes .bob-accordion-btn {
        width: calc(75vw) !important;
    }
    div.bob-order-table .bob-order-table-row .bob-comment-wrapper {
        width: 100%;
        margin: 0 auto !important;
    }
    div.bob-order-table .table>tbody>tr:not(.bob-inline-note-row)>td:first-child {
        padding-left: 5px;
        padding-right: 5px;
    }
    div.bob-order-table .table>tbody>tr:not(.bob-inline-note-row)>td:first-child {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.5em;
        text-transform: capitalize;
        padding-top: 20px;
    }
    .bob-status-wrapper {
        justify-content: center;
    }
    div.bob-order-table .table > tbody > tr:not(.bob-inline-note-row) > td:last-child {
        text-align: center;
    }
    footer.site-footer{
        display:none;
    }
    /*Page Title*/
    .container-fluid {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        margin-right: 0;
        margin-left: 0;
    }

    /** Filtering **/
    .bdt_filter_hide {
        display: none; 
    }

    .bdt_filter_button {
        display: block;
    }

    .bdt_filter_wrapper {
        background-color: #749EC4;
    }


    .affix {
        z-index: 999 !important;
    }

    /** Fixing the issue with the close button**/
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        top: 0 !important;
        border: 0 !important;
    }

    .ui-widget-overlay {
        background: #FFF;
        opacity: 1;
    }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar {
        display: none;
    }

    .ajax-progress.ajax-progress-throbber {
        display: none;
    }

    /** BDT Inventory **/
    .bob-inventory .views-exposed-form > .form-row fieldset > label {
        color: #FFF;
        font-weight: 700;
        display: block;
    }
    .bob-inventory .views-exposed-form > .form-row fieldset > input {
        margin: 0;
        background-color: transparent;
        border: 2px solid #FFF;
        height: 40px;
        border-radius: 4px;
        color: #FFF;
        font-weight: bold;
        font-size: 1.2em;
    }
    .bob-inventory .views-exposed-form > .form-row fieldset {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .fa-chevron-right::before {
        content: "\f067" !important;
    }
    .bob-order-table .bdt_filter_wrapper, .bob-order-table > .view-content, form.bob-order-form .bob-order-table {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .bob-order-table .views-exposed-form > .form-row .form-actions {
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding-top: 20px;
        display: block !important;
    }

    .bob-order-table .views-exposed-form > .form-row .form-actions button.btn:not(:disabled):not(.disabled) {
        margin: 0 auto;
        width: calc(50%);
    }

    /** Affix Navbar **/
    .bob-nav-affix {
        position: fixed !important;
        width: 100%;
        top: 0;
        z-index: 1035 !important;
        left: 0;
    }
    .navbar-expand-lg {
        justify-content: space-between;
        max-height: 62px;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    .bob-preloader {
        position: fixed;
        z-index: 999;
        width: calc(100vw);
        height: calc(100vh);
        justify-content: center;
        align-items: center;
    }
    .bob-preloader > img {
        width: 150px;
    }

    html >body {
        transition: all ease 1s;
    }
    html >body.bob-greyscale #main-wrapper , html >body.bob-greyscale #navbar-main {
        -webkit-filter:grayscale(100%);
        -moz-filter:grayscale(100%);
        filter:grayscale(100%);

    }
    #edit-actions button {
        margin: 5px auto;
    }
}