/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * - FILE MEANT TO HOUSE CUSTOM STYLES FOR MOBILE WEB PAGES
 */


/* None mobile -affects desktop versions also
-available resources on desktop widget, menu items
 */
#resource-type-tabs .active {
    border-bottom: 3px solid black !important;
}
#resource-type-tabs .active a {
    color: #111 !important;
}

/* Time in progress Claims Diary and User Calendar Report horizontal scrolling */
#wid-id-time-in-progress table, #calendar table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* Time in progress Claims Diary and User Calendar Report horizontal scrolling */
#calendar table  {
    display: table;
}

/* Claims edit summary panel*/
#claims-summary-panel p {
    padding: 10px 5px;
    width: 100%;
}
#claims-summary-panel p span:after {
    content: "|";
}

/*Bulk edit adjusters table */
#datatable_query_builder_wrapper .btn {
    margin-bottom: 2px;
    margin-right: 2px;
}
/*Manage limits */
.manage-limits-week-switcher {
    margin-bottom: 3px;
}

/* Override bootstrap default classes for dropdown menu width */
#myTab1 .dropdown-menu {
    min-width: 270px;
}
/*For some reason other stylsheets are affecting the dropdown - copying original styles here. */
#myTab1 .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dataTables_scroll .dataTables_scrollHead {
    /*width: inherit !important;*/
}

/* HAMBURGER MENU */
@media only screen and (min-width:768px) {
    .mobile-view {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 0px) {
    #header {
        background: #faa21d !important; }

    /* show counts on unassigned claims */
    #navMobile>li>a>i>em {
        top: 4px !important;
        left: 19px !important;
    }

    /* Claims Widget */
    .dataTables_length {
        float: right !important;
    }
    .jarviswidget {
        margin: 0 2px 30px 2px !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        margin-left: -6px !important;
    }
    .paginate_button.previous a::before {
        padding-right: 5px !important;
    }

    /* Average Drive Time widget */
    #datatables_avg_drive_time_client {
        display: block;
        height: 450px;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    /* Add scroll to all datatables that should work on Apple safari browser */
    .dataTables_scroll, .dataTables_scrollBody , .code_content {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}
/* Hide Reset/Save Dashboard buttons on mobile */
@media only screen and (max-width: 768px) and (min-width: 0px) {
    #div-reset-dashboard, #div-save-dashboard {
        display: none;
    }

    #claim-map {
        width:94vw !important;
        margin-left: auto;
        margin-right: auto;
    }

    /* Make models to easier to access for mobile users eg Claim view->Dairy->Add Diary button */
    .modal-dialog {
        top: 10vh !important;
        bottom: auto !important;
        height: 90vh !important;
    }
    /* On mobile screen will need more space below the box for floating buttons */
    #claimSpecialNotes {
        margin-bottom: 90px !important;
    }

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height: 5px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }

    /* New claim creation wizard steps*/
    .bootstrapWizard li {
        width: 40%;
    }
    .nav-lossnotice td,.nav-lossnotice th {
        padding: 10px !important;
    }
    /*Claims Edit Header */
    #edit-claims-nav {
        padding-left: 30px;
    }
    #claims-summary-panel p {
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .claim-header {
        margin-bottom: 10px;
    }
    /* User Calendar report */
    #calendar button, #calendar input {
        margin-bottom: 6px;
    }
    /*Main menu - make narrower*/
    .dropdown-menu {
        min-width: 180px !important;
    }
    /*System Parameters -Index*/
    #manage-system-parameters button {
        margin-left: 15px;
    }
    ul.settings_holder li {
        width: auto !important;
    }

    /* Length of dashboard header text */
    .jarviswidget header h2 {
        width: 300px !important;
    }
}