@media only screen and (max-width: 1300px) {

    .iconbarItem.selected { background-color: #ffffff2b; }

    div#iconbar {

        width: 59px;

        border-right: 1px solid #6a6a6a;

    }

    div#iconbarLogo {

        height: 42px;

    }

    #iconbarLogo img {

        margin: 0;

        border-radius: 0;

        width: 100%;

    }

    .iconbarItem {

        height: 30px;

    }

    .iconbarItem i {

        font-size: 32px;

        padding: 0;

    }

    .iconbarItem p,

    div#iconbarSlider {

        display: none;

    }

    div#sidebar {

        max-width: auto;

        width: calc(100% - 61px);

    }

    div#leftSide {

        width: 350px;

    }

    div#rightContent {

        left: 350px;

        width: calc(100% - 350px);

    }

    div#contentBox-mapToolbar {

        width: 85px;

    }

}



@media only screen and (max-width: 1000px) {

    #map-saveLoc.shown,#map-showMenu.shown { display:block; }

    div#sidebar { transition: all 0.25s ease; -o-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; overflow: hidden; }

    div#sidebar.slideAway { width:0; }

    .showOnMobile { display: block !important; }

    

    div#addLoc-mobileRefresh { display: block; }

    

    #addLoc-fillInBeforeScan { background-color: #00000000; }

    div#iconbar { background-color: #000000b5; }

    .hideForMobile { display: none !important; }

    #contentBox-mapToolbar { display: none; }

    div#leftSide {

        width: 100%;

        transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        background: none !important;

    }

    #userManagement-filters {

        display: none;

    }

    div#manageUsers-Search {

        width: calc(100% - 20px);

        position: relative;

        top: 0;

    }

    input#manageUsers-SearchInput {

        width: calc(100% - 75px);

    }

    div#rightContent {

        left: 0;

        width: 100%;

    }

    #scanNowButton{

        bottom: 0 !important;

        position: fixed;

    }



    table#manageUsersTable th:nth-of-type(1),

    table#manageUsersTable th:nth-of-type(4), 

    table#manageUsersTable td:nth-of-type(1),

    table#manageUsersTable td:nth-of-type(4) {

        width: 49px !important;

    }

    p.pending,

    p.active {

        width: 36px !important;

        text-indent: -1000em;

    }



    .userrow p.pending {

        background: #ffcd72 !important;

    }



    .userrow p.active {

        background: #2dc22d !important;

    }



    i.fa.faded {

        display: none;

    }



    table#manageUsersTable th,

    table#manageUsersTable td {

        text-align: center;

    }



    div#iconbar {

        width: 100%;

        height: 55px;

        border-bottom: 1px solid #aaa;

    }



    #iconbarLogo img {height: 55px;width: auto;}

    .iconbarItem {

        height: calc(55px - 20px);

        line-height: 55px;

        float: left;

        border-right: 1px solid #aaa;

    }

    div#iconbarLogo {

        width: auto;

        float: left;

    }

    div#sidebar {

        width: calc(100%);

        height: calc(100vh - 55px);

    }

    .iconbarItem p.smallScreenText { display: block; line-height: 33px; }

    .iconbarItem i { float: left; width: 30px; padding-left: 15px; }

    div#iconbarItem1 { width: 100px; }

    div#iconbarItem2 { width: 128px; }

    div#iconbarItem3 { width: 110px; }

    

    

    /* NEWEST BIG MOBILE CSS */

    div#sidebar { overflow-y: scroll; }

    div#iconbar { height: 150px; }

    div#iconbarLogo { height: 100%; }

    #iconbarLogo img { height: 100%; }

    div#iconbarItem1 { width: 155px !important; }

    .iconbarItem i { line-height: 130px; font-size: 50px; }

    .iconbarItemp, div#iconbarSlider { line-height: 130px;  }

    .iconbarItem p.smallScreenText {

        height: 130px;

        line-height: 130px;

        font-size: 30px;

    }



    .iconbarItem { height: calc(100% - 20px); }

    div#iconbarItem2 { width: 290px; }

    div#iconbarItem3 { width: 240px; }

    p.sectionTitle {

        height: 150px;

        line-height: 150px;

        font-size: 50px;

        border-bottom: 1px solid #181818;

    }

    i.fa.title {

        padding: 3px;

        font-size: 50px;

        width: 50px;

        height: 50px;

        color: #9d9d9d;

        border: 5px solid #aaa;

    }

    div#addLoc-mobileRefresh {

        font-size: 60px;

        padding: 25px;

        color: #6e6e6e;

        border-color: #575757;

    }

    div#existingLocationsList-Search { height: 150px; }

    #existingLocationsList-Search i.fa.fa-search {

        font-size: 50px;

        float: left;

        width: 50px;

        height: 150px;

        line-height: 150px;

    }

    input#existingLocationsList-SearchInput {

        width: calc(100% - 160px);

        height: 100px;

        margin: 20px 30px;

        font-size: 40px;

        border-color: #000;

    }

    div#existingLocationsList-List { border-top: 1px solid #000; }

    .exLocationRow { height: 120px; border: 1px solid #000; }

    .exLocationRow-icon { height: 120px; width: 120px; }

    .exLocationRow-icon i.fa { font-size: 70px; line-height: 120px; }

    .exLocationRow-name {

        width: calc(100% - 131px);

        height: 120px;

        line-height: 120px;

        font-size: 40px;

    }

    p.addLoc-step {

        height: 150px;

    }



    .addLoc-step span {

        padding: 36px 20px;

        line-height: 172px;

        font-size: 50px;

    }



    p.addLoc-step input {width: 80px;height: 80px;margin-top: 32px;}



    .importInput {

        height: 100px;

        font-size: 50px;

        line-height: 120px;

    }



    button.importButton {

        height: 120px;

        font-size: 50px;

        padding: 0 40px;

    }



    .addLoc-setForestOpt {

        height: 120px;

        line-height: 120px;

        font-size: 50px;

    }



    p.addLoc-sidebarProperties {

        height: 150px;

        line-height: 150px;

        font-size: 50px;

        padding-left: 30px;

    }



    .sidebarInput {

        height: 120px;

        line-height: 120px;

        font-size: 50px;

        margin-top: 22px;

        margin-bottom: 50px;

    }



    #sidebar label {

        font-size: 50px;

        padding: 15px;

    }



    .addLoc-sidebarSubsection {

        padding: 70px 20px;

    }

    div#exLocationInfo-TitleBox {

        height: 150px;

    }



    div#exLocationInfo-Back {

        height: 150px;

        line-height: 150px;

        font-size: 50px;

        width: 150px;

    }



    div#exLocationInfo-Title {

        height: 150px;

        line-height: 150px;

        width: calc(100% - 312px);

        font-size: 50px;

    }



    div#exLocationInfo-Del {

        width: 150px;

        height: 150px;

        line-height: 150px;

        font-size: 50px;

    }



    div#exLocation-viewOnMap {

        height: 100px;

        line-height: 100px;

        font-size: 50px;

        width: 215px;

        overflow: hidden;

    }

    label.formRow--input-wrapper.js-inputWrapper i.fa {

        padding-right: 40px;

    }

    .iconbarItem i {

        display: none;

    }

    div#iconbarItem1 {

        width: 170px;

    }

    div#iconbarItem2 {

        width: 220px;

    }

    div#iconbarItem3 {

        width: 180px;

    }

    #map-saveLoc, #map-showMenu {

        height: 150px !important;

        line-height: 150px !important;

        font-size: 50px;

    }

    #map-saveLoc, #map-showMenu {

        height: 150px !important;

        line-height: 150px !important;

        font-size: 50px;

    }

    input#manageUsers-SearchInput {

        width: calc(100% - 160px);

        height: 100px;

        margin: 20px 30px;

        font-size: 40px;

        border-color: #000;

    }

    #manageUsers-Search i {

        font-size: 50px;

        float: left;

        width: 50px;

        height: 150px;

        line-height: 150px;

    }

    #map-saveLoc, #map-showMenu {

        height: 150px !important;

        line-height: 150px !important;

        font-size: 50px;

    }

    input#manageUsers-SearchInput {

        width: calc(100% - 160px);

        height: 100px;

        margin: 20px 30px;

        font-size: 40px;

        border-color: #000;

    }

    #manageUsers-Search i {

        font-size: 50px;

        float: left;

        width: 50px;

        height: 150px;

        line-height: 150px;

    }



    tr.headerrow {

        height: 150px;

        line-height: 150px;

    }

    th {

        height: 150px;

        line-height: 150px;

        font-size: 50px;

        font-weight: 200;

    }



    table#manageUsersTable th {

        height: 150px;

        line-height: 150px;

        font-size: 50px;

        font-weight: 200;

    }



    table#manageUsersTable th:nth-of-type(1) {

    }



    table#manageUsersTable th, table#manageUsersTable td {

        line-height: 150px;

        font-size: 40px;

    }



    td.userTable-rowDel {

        font-size: 50px !important;

    }

    div#ui-datepicker-div {

        width: calc(100% - 181px);

    }

    .ui-datepicker-calendar td {

        font-size: 49px;

        padding: 29px;

    }

    .ui-datepicker-title {

        font-size: 60px;

    }

    a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all {

        font-size: 50px;

        padding: 50px 0;

    }

    /* NEWEST BIG MOBILE CSS */

}