@media (max-width: 1599px) {
    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }

    #evcustomers_widget .energyvision-customers-widget .faketable .price-title {
        font-size: 10pt;
        padding-left: 5%;
    }

    #evcustomers_widget .energyvision-customers-widget .faketable .price-kwh {
        font-size: 11pt;
        padding-left: 8px;
    }

    #evcustomers_widget .energyvision-customers-widget .possible-saving-graph i {
        font-size: 65pt;
        padding-left: 10%;
    }

    #evcustomers_widget .energyvision-customers-widget .possible-saving {
        font-size: 27pt;
    }

    body .login .logo {
        padding: 10px 0 10px 10px;
    }

    .page-header {
        margin: 0;
        border: none;
        padding: 90px 25px 10px;
    }
    /* split-container (used on tasks screen to split screen 50/50 ) */

    .split-container > .split:first-child,
    .split-container > .split:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    .split-container > .split:first-child {
        box-shadow: 3px 0px 3px 0px rgba(244, 244, 244, 1);
    }

    .split-container .split:first-child .split-container-heading {
        padding-left: 25px;
        padding-right: 20px;
    }

    .split-container .split:last-child .split-container-heading {
        padding-right: 25px;
        padding-left: 20px;
    }

    .task-list .table-tasks td:first-child {
        padding-left: 25px;
    }

    .task-list .table-tasks td:last-child {
        padding-right: 20px;
    }

    .task-list .heading .circle-icon,
    .task-details .heading .circle-icon {
        left: 21px;
    }

    .task-list .heading h4,
    .task-details .heading h4 {
        padding-left: 66px;
    }

    .task-details .responsive-margin {
        margin-left: 20px;
        margin-right: 25px;
    }

    .task-details hr {
        margin-left: 11.6%;
    }

    .task-details .nav-tabs {
        padding-left: 26px;
        margin-left: 10.5%;
    }

    .task-details .row.row-grey {
        padding: 18px 25px 17px 20px;
        border-radius: 0;
    }

    .task-list .table-tasks tr.editing .selecting-arrow:after,
    .task-list .table-tasks tr.editing .selecting-arrow:before {
        margin-left: 0;
    }

    .task-list .table-tasks tr.editing .selecting-arrow:after {
        border-left-color: #e9f6fa;
    }
}
/* Bootstrap breakpoint MEDIUM */

@media (max-width: 1199px) {
    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }

    #evcustomers_widget .energyvision-customers-widget .faketable .price-title {
        font-size: 11pt;
        padding-left: 5%;
    }

    .notifications.dropdown > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .profile-header .row {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .page-header {
        margin: 0;
        border: none;
        padding: 80px 25px 10px;
    }

    .nav-tabs.tab-padding {
        padding: 2px 2px 0;
    }

    .btn-resposive-xs-at-md {
        padding: 1px 5px;
        /* replicating btn-xs */
    }
    /* we make grid buttons smaller at this level, so we'll assume we can pad out the td arrow them now too */

    .datatables_wrapper td.datatable_action {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    /* added by Chris to allow our XL modal window to resize properly */
    /* styles copied and adapted from those in the Bootstrap Modal extension */

    .modal.modal-xl {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .modal.modal-xl .modal-body {
            position: static;
            margin: 0;
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
        }

        .modal.modal-xl.fade.in {
            top: 1%;
            bottom: auto;
        }

    .modal.modal-fs {
        top: 1%;
        right: 1%;
        left: 1%;
        bottom: auto;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .modal.modal-fs .modal-body {
            position: static;
            margin: 0;
            height: auto !important;
            max-height: none !important;
            overflow: visible !important;
        }

        .modal.modal-fs.fade.in {
            top: 1%;
            bottom: auto;
        }

    i.large-stat {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }

    .profile-header .row {
        margin-top: 10px;
        margin-bottom: 10px;
        height: auto;
    }

    .page-header {
        padding: 60px 25px 0px;
    }

    ol.breadcrumb {
        margin-bottom: 0px
    }

    h1,
    .modal-details-header h1 {
        font-size: 25px;
    }

    .nav-tabs.tab-padding {
        padding: 2px 2px 0;
    }

    .split-container > .split:first-child {
        display: none;
    }

    .split-container > .split:last-child {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px;
    }

    .panel-heading {
        padding: 5px 15px;
    }

    .panel-title {
        font-size: 14px;
    }
    .panel-2x2 {
        height: auto;
    }

    /* panel stats */
    .number.number-lg {
         font-size: 46px;
    }
    .number.number-md {
        font-size: 32px;
    }

}
/* Bootstrap breakpoint SMALL */

@media (max-width: 991px) {
    #evcustomers_widget .energyvision-customers-widget .faketable .price-title {
        font-size: 10pt;
        padding-left: 5%;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .graph i {
        font-size: 90pt;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button {
        font-size: 13pt;
    }

    /* MODALS */

    .modal-details-header {
        padding-left: 0;
    }

    .row.modal-details-sub-header {
        padding-left: 25px;
    }

    .modal-details-sub-header .header-icon-image {
        display: none;
    }

    table.account-information td:first-child {
        width: auto;
    }
}

/* Bootstrap breakpoint X-SMALL */
@media (max-width: 767px) {

    /* adjust main container padding */
    .page-container .main-content,
    .footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .energyvision-noncustomers-widget .grey-bg {
        display: block;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .graph i {
        font-size: 90pt !important;
    }

    #evcustomers_widget .energyvision-noncustomers-widget-col3 .signup-button {
        font-size: 13pt;
    }
    /* general */

    h1,
    .modal-details-header h1 {
        font-size: 24px;
    }

    h4 {
        font-size: 18px;
    }

    body,
    .main-content {
        height: 100%;
        width: 100%;
    }

    .text-left-xs {
        text-align: left;
    }

    .datatables_header .col-xs-24,
    .datatables_header .col-xs-48 {
        padding-bottom: 8px !important;
    }
    /* tighten up container margins to save space */


    /* PAGE CONTAINER & SIDEBAR */

    .page-body .page-container {
        padding-left: 0;
    }

    .page-container .main-content {
        padding-top: 0;
    }

    .page-body .page-container .sidebar-menu {
        position: relative;
        width: 100%;
        min-height: 0px !important;
    }

        .page-body .page-container .sidebar-menu .logo-env {
            padding: 13px 15px;
            -moz-transition: all padding ease-in-out;
            -o-transition: all padding ease-in-out;
            -webkit-transition: all padding ease-in-out;
            transition: all padding ease-in-out;
        }

            .page-body .page-container .sidebar-menu .logo-env .company-name {
                display: block;
                width: auto;
                height: 35px;
                line-height: 35px;
            }

    .page-container .sidebar-menu .logo-env .company-name small {
        display: inline;
        font-size: 18px;
    }

    .page-body .page-container .sidebar-menu .logo-env > div.sidebar-collapse {
        display: none;
    }

    .page-body .page-container .sidebar-menu #main-menu {
        display: none;
        margin-bottom: 0;
    }

        .page-body .page-container .sidebar-menu #main-menu li a span {
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            transition: none;
        }

    .page-body .page-container .main-content {
        min-height: auto !important;
    }

    .page-body .page-container .main-content {
        min-height: 0 !important;
    }
    /* stop the bootstrap affix (fixed) from applying to the menu */

    .page-body .page-container .sidebar-menu #main-menu.affix {
        position: relative;
    }
    /* PROFILE HEADER / USER MENU */

    .profile-header {
        position: relative;
        width: calc(100% + 46px);
        margin: 0 -23px;
        border: none;
        min-height: 0;
    }

        .profile-header .row {
            height: 55px;
            margin-top: 0;
            margin-bottom: 0;
        }

            .profile-header .row .logo {
                height: 40px;
                margin-right: 20px !important;
                margin-top: 7px;
            }

    .user-info > li.profile-info {
        margin-right: 0;
    }

    .user-info > li {
        margin-right: 0;
    }

    .col-fixed-right-sm {
        position: relative;
        right: auto;
    }
    /* page header */

    .page-header {
        padding-top: 25px;
    }

        .page-header .header-icon-image {
            display: none;
        }

        .page-header .context-action-button {
            right: 0;
            padding: 0;
            top: 24px;
        }

        .page-header h1,
        .breadcrumb {
            margin-left: 0;
        }

        .page-header .header-details {
            margin-top: 0;
        }
    /* Task workflows */

    .task .task-edit,
    .task .task .task-edit {
        margin-left: 0;
    }

    .task-group .task-name.form-group {
        display: inline-block;
    }
    /* DATATABLES */

    .datatables_wrapper .datatables_info label {
        display: none;
    }

    .table-responsive .table tr .edit {
        /* prevent icons from being hidden when using responsive tables */
        display: inline-block !important;
    }

    .datatables_wrapper .datatables_filter {
        padding-left: 6px;
        padding-right: 6px;
    }
    /* FORMS */

    .form-group {
        margin-bottom: 8px;
    }
        /* create space underneath stacked form group elements */

        .form-group > div,
        .form-group > .col-within-col-compensate > div:first-child {
            margin-bottom: 5px;
        }

        .form-group > .col-within-col-compensate {
            margin-bottom: 0;
        }
        /* except in the header */

        .form-group > div:last-child {
            margin-bottom: 0;
        }

    .modal-body-header-grey .form-group > div {
        margin-bottom: 2px;
    }

    .col-within-col-compensate .text-right {
        text-align: left;
    }
    /* Dashboards */

    .widget-column {
        min-height: 300px;
        padding-bottom: 0px;
    }
    /* CHAT */

    .chat-visible #chat,
    .chat-visible #chat.fixed {
        display: none;
    }

    .chat-visible.toggle-click #chat,
    .chat-visible.toggle-click #chat.fixed {
        display: block;
    }

    #chat,
    #chat.fixed {
        position: fixed;
        width: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 10px;
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

        #chat .chat-conversation,
        #chat.fixed .chat-conversation {
            position: fixed;
            width: auto;
            left: 0;
            right: 0;
            top: 0 !important;
            bottom: 0;
            margin: 10px;
            overflow: auto;
            -webkit-border-radius: 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px;
            -moz-background-clip: padding;
            border-radius: 3px;
            background-clip: padding-box;
        }

            #chat .chat-conversation .conversation-body,
            #chat.fixed .chat-conversation .conversation-body {
                height: auto;
                max-height: 450px;
            }

            #chat .chat-conversation::-webkit-scrollbar,
            #chat.fixed .chat-conversation::-webkit-scrollbar {
                width: 5px;
            }

            #chat .chat-conversation::-webkit-scrollbar-track,
            #chat.fixed .chat-conversation::-webkit-scrollbar-track {
                width: 5px;
                background-color: #343a45;
            }

            #chat .chat-conversation::-webkit-scrollbar-thumb,
            #chat.fixed .chat-conversation::-webkit-scrollbar-thumb {
                background-color: #4a5262;
            }
}
/* Bootstrap breakpoint X-SMALL */

@media (max-width: 555px) {
    .energyvision-noncustomers-widget .grey-bg {
        display: none;
    }
}


/* height-related responsiveness */
@media (min-height: 800px) {
    .tab-pane {
        min-height: 54vh;
    }
}
@media (min-height: 1000px) {
    .tab-pane {
        min-height: 58vh;
    }
}
@media (min-height: 1200px) {
    .tab-pane {
        min-height: 65vh;
    }
}
@media (min-height: 1400px) {
    .tab-pane {
        min-height: 70vh;
    }
}
@media (min-height: 1600px) {
    .tab-pane {
        min-height: 72vh;
    }
}
@media (min-height: 1800px) {
    .tab-pane {
        min-height: 75vh;
    }
}