/*** ---------- BEGIN RESPONSIVE BREAKPOINTS ---------- ***/
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.show640 {
    display: none;
}
/*** DESKTOP RESOLUTIONS **/
@media (max-width: 1679px) {
    /* 1440px - 1679px */
    
    .current-forecast-small-variables tr td {
        font-size: 13px;
        padding: 5px 0px 5px 10px;
    }
}
@media (min-width: 1480px) {
    #dd_column_02 .half-widget {
        display: inline-block;
        float: left;
        box-sizing: border-box;
        width: 48%;
        margin-right: 1%;
        margin-left: 1%;
        clear: none;
    }
}
@media (min-width: 1300px) {
    .slick-custom-item div {
        font-size: 11px;
        text-align: center;
        overflow: hidden;
    }
    .slick-custom-item .number {
        font-size: 10px;
    }
}
@media (max-width: 1279px) {
    /* 1024px - 1279px */
    
    .btn-graph {
        position: relative;
        left: -20px;
    }
    .forecast .open > .dropdown-menu,
    .history-totals .open > .dropdown-menu,
    .minutecast .open > .dropdown-menu,
    .current-conditions .open > .dropdown-menu {
        right: 0px;
        left: auto;
    }
    .forecast .col-lg-6 {
        width: 80%;
        float: left;
    }
    .side_fixed_open .current-conditions .panel-title {
        width: 309px;
        overflow: hidden;
        float: none;
        position: absolute;
        top: 0px;
        left: 10px;
    }
    .side_fixed_open .forecast .panel-title {
        width: 285px;
        overflow: hidden;
        float: none;
        position: absolute;
        top: 0px;
        left: 10px;
    }
    .side_fixed_open .current-conditions .dd_widget .dd_actionbuttons {
        float: none;
        margin-left: 309px;
    }
    .side_fixed_open .forecast .dd_widget .dd_actionbuttons {
        float: none;
        margin-left: 285px;
    }
    .side_fixed_open .current-conditions .dd_actionbuttons a.btn {
        width: 25%;
        display: block;
        float: left;
    }
    .side_fixed_open .forecast .dd_actionbuttons a.btn {
        width: 20%;
        display: block;
        float: left;
    }
    .side_fixed_open .current-conditions .dd_actionbuttons a.btn i,
    .side_fixed_open .forecast .dd_actionbuttons a.btn i {
        float: none;
    }
    .side_fixed_open .current-conditions .dd_actionbuttons a.btn span,
    .side_fixed_open .forecast .dd_actionbuttons a.btn span {
        display: none;
    }
    .side_fixed_open .mapviewer .col-sm-14 {
        width: 140px !important;
    }
    .side_fixed_open .mapviewer .btn,
    .side_fixed_open .mapviewer .panel-title {
        font-size: 15px;
    }
    .side_fixed_open .var-row-top .title-text {
        float: none;
        padding-bottom: 5px;
    }
    .var-row-top .title-text {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .side_fixed_open .var-row-top .icons-container {
        float: none;
    }
    .side_fixed_open .rowtitle {
        min-width: 75px;
    }
    .var-row-top .graph-icon {
        margin-bottom: 8px;
    }
    .slick-custom-prev {
        left: -15px;
    }
    .slick-custom-next {
        right: -9px;
    }
    /*.var-row-top.moduleVar .title-text {

		overflow: hidden;

		text-overflow:ellipsis;

	}*/
}

@media(max-width: 1100px) { 
    .nav > li > a {
        padding: 15px 10px;
    }

    .navbar-right>li>a {
        padding: 18px 8px 10px 8px;
    }
    .slick-custom-next {
        right: -25px !important;
    }
}

@media(max-width: 1023px) {
    .video-forecasts-wrapper .dd_actionbuttons a.btn {
        padding-top: 8px !important;
    }
    .var-row-top .title-text {
        width: 90%;
        float: none;
        margin-bottom: 5px;
    }
    .forecast-full table tr#row_0 td {
        height: 56px;
    }
    .rowtitle.dates {
        min-height: 53px;
    }
    .rowtitle.featuredText {
        min-height: 56px;
    }
    .rowtitle {
        min-height: 43px;
        padding-bottom: 0px;
    }
    .forecast-right table tr td {
        height: 43px;
    }
    .forecast-left .inner {
        padding-right: 20px
    }
    .y-axis-static-container {
        right: 0%;
        background: white;
        z-index: 1;
    }
    .opened .warning:after {
        top: 56px;
    }
    .panel-title {
        font-size: 15px;
    }
    .panel-title page-icon {
        font-size: 22px;
    }
    .navbar-default {
        min-height: 45px;
        height: auto;
    }
    .navbar-collapse {
        position: relative;
    }
    #navbar-wider-tablet {
        float: right;
        width: 44px;
        height: 40px;
        cursor: pointer;
        background: #3a3632;
        position: absolute;
        top: 5px;
        right: 0px;
    }
    #navbar-wider-tablet:hover {
        background: #DDD;
    }
    #navbar-wider-tablet:before {
        content: "";
        display: block;
        width: 28px;
        height: 17px;
        margin: 11px auto 0px;
        border-top: 10px double #FFF;
        border-bottom: 3px solid #FFF;
    }
    .nav.navbar-nav.navbar-right.navbar-wider {
        float: none !important;
        position: absolute;
        right: 0px;
        top: 50px;
        z-index: 10;
        background: #3a3632;
    }
    .nav.navbar-nav.navbar-right.navbar-wider > li {
        float: none;
        margin-bottom: 3px;
        position: relative;
    }
    .nav.navbar-nav.navbar-right.navbar-wider > li:before {
        height: 1px;
        display: block;
        width: 70%;
        background: #666;
        content: '';
        position: absolute;
        top: 0px;
        left: 15%;
    }
    .nav.navbar-nav.navbar-right.navbar-wider > li:first-child:before {
        display: none;
    }
    .navbar-default .navbar-nav > li > a {
        text-align: center;
    }
    .nav.navbar-nav.navbar-right.navbar-wider {
        display: none;
    }
    .navbar-wider a:hover i {
        color: #DDD;
    }
    .navbar-default .navbar-nav.navbar-wider a:hover .caret {
        border-top-color: #DDD;
        border-bottom-color: #DDD;
    }
    .navbar-default .navbar-nav.navbar-wider > .open > a {
        color: #fff;
    }
    .navbar-default .navbar-nav.navbar-wider > .open > a .caret,
    .navbar-default .navbar-nav.navbar-wider > .open > a:hover .caret,
    .navbar-default .navbar-nav.navbar-wider > .open > a:focus .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }
    .nav > li > a {
        padding: 15px 6px;
    }
    .user-wizard-dialog .modal-dialog {
        min-width: 0px !important;
        max-width: 865px;
    }
    .user-wizard-dialog .row.modules-list .row.modules-list {
        margin-left: 16px !important;
    }
    
    .video-player-dialog .modal-dialog {
        min-width: 0px !important;
        max-width: 865px;
    }
    
    .forecast-left .inner {
        padding-right: 10px;
    }
    .rowtitle {
        min-width: 0px;
        padding-left: 0px;
    }

    .dd_actionbuttons a.btn i {
        font-size: 21px !important;
        top:-.1em !important;
    }
}
@media (max-width: 1000px) {
    .btn-graph {
        display: none;
    }
}
/*** TABLET RESOLUTIONS ***/

@media (max-width: 980px) {
    .navbar-wider-label {
        display: none;
    }
    .forecast .col-lg-6,
    .input-group.date-box {
        width: 100%;
        float: none;
    }
    .input-group.date-box select {
        width: auto !important;
    }
    .input-group.date-box {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .forecast .panel .panel-heading,
    .current-conditions .panel .panel-heading {
        height: 50px;
    }
    .forecast .panel .panel-title,
    .current-conditions .panel .panel-title {
        margin-top: 5px;
    }
    .current-conditions .panel .panel-heading {
        padding: 0px;
    }
    .current-conditions .dd_widget .dd_actionbuttons {
        padding-right: 0px;
    }
    .forecast .dd_actionbuttons a.btn {
        padding: 3px 9px 4px 9px;
    }
    .current-conditions .dd_actionbuttons a.btn {
        padding: 3px 11px 4px 11px;
        font-weight: normal;
        letter-spacing: 0px;
    }
    .forecast .dd_actionbuttons [class^="icon-"]:before,
    .forecast .dd_actionbuttons [class*=" icon-"]:before,
    .current-conditions .dd_actionbuttons [class^="icon-"]:before,
    .current-conditions .dd_actionbuttons [class*=" icon-"]:before {
        display: block;
        margin: 0px auto;
        width: 27px;
        text-indent: -10px;
    }
    .forecast-tab span,
    .conditions-tab span {
        float: none;
        padding-top: 0px;
    }
    .forecast-tab i,
    .conditions-tab i {
        float: none;
    }
    .side_fixed_open .current-conditions .dd_actionbuttons a.btn {
        width: 25%;
        display: block;
        float: left;
        height: 52px;
        padding-top: 12px;
    }
    .side_fixed_open .forecast .dd_actionbuttons a.btn {
        height: 52px;
        padding-top: 12px;
    }

    .panel-heading span.ng-binding {
        display: none !important;
    }

    .accordion-toggle span.ng-binding {
        display: block !important;
    }

    .dd_actionbuttons a.btn, .current-conditions .dd_actionbuttons a.btn, .forecast .dd_actionbuttons a.btn {
        padding: 16px 10px 10px 10px;
    }

    .forecast .dd_actionbuttons [class^="icon-"]:before, .forecast .dd_actionbuttons [class*=" icon-"]:before, .current-conditions .dd_actionbuttons [class^="icon-"]:before, .current-conditions .dd_actionbuttons [class*=" icon-"]:before {
        text-indent: -5px !important;
    }

    .dashwidget span.fa-gear, .dashboard-bar span.fa-gear {
        top: 0;
        left: 0;
    }

    .panel-title {
        font-size: 14px !important;
    }
    
    .modal-content .dropdown-menu {
        left: auto;
        right: -15px;
    }
}
@media (max-width: 800px) {
    .ng-table-responsive {
        border-bottom: 1px solid #999999;
    }
    .ng-table-responsive tr {
        border-top: 1px solid #999999;
        border-left: 1px solid #999999;
        border-right: 1px solid #999999;
    }
    .ng-table-responsive td:before {
        position: absolute;
        padding: 8px;
        left: 0;
        top: 0;
        width: 50%;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .ng-table-responsive thead tr th {
        text-align: left;
    }
    .ng-table-responsive thead tr.ng-table-filters th {
        padding: 0;
    }
    .ng-table-responsive thead tr.ng-table-filters th form > div {
        padding: 8px;
    }
    .ng-table-responsive td {
        border: none;
        border-bottom: 1px solid #eeeeee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left;
    }
    .ng-table-responsive td:before {
        content: attr(data-title-text);
    }
    .ng-table-responsive,
    .ng-table-responsive thead,
    .ng-table-responsive tbody,
    .ng-table-responsive th,
    .ng-table-responsive td,
    .ng-table-responsive tr {
        display: block;
    }
    .dd_actionbuttons span.ng-binding {
        display: none;
    }
    .forecast .panel .panel-title,
    .current-conditions .panel .panel-title {
        margin-top: 3px;
    }
    .forecast .panel .panel-heading,
    .current-conditions .panel .panel-heading {
        height: 50px;
    }

    .dd_actionbuttons a.btn, .current-conditions .dd_actionbuttons a.btn {
        padding: 16px 11px 10px 11px;
    }

    .dashwidget span.fa-gear, .dashboard-bar span.fa-gear {
        top: 0;
        left: 0;
    }
}
@media (min-width: 768px) {
    .hidden-desktop-nav {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .modal-body {
        padding: 10px;
    }
    .modal-body .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .panel-body {
        padding: 5px;
    }
    
    .dashboard-bar h4 {
        margin-left: 10px !important;
    }
    .hurricane-module-content pre {
        display: none !important;
    }
    .hurricane-module-body .hurricane-module {
        padding-left: 0px !important;
    }
    
    .col-xs-12.current-forecast-variables {
        padding-left: 0px !important;
    }
    h5.current-forecast-heading .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    h5.forecast-top-heading .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    h5.special-map-heading .col-xs-12 {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .scrollable-menu {
        height: auto;
        max-height: 180px;
        overflow-x: hidden;
    }
    .scrollable-menu::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 4px;        
    }    
    .scrollable-menu::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: lightgray;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
    }
    
    .skyguard-bar .aes-place-map .dropdown-menu {
        left: 0px;
        right: auto;
        -webkit-transform: translate3d(0,0,0);
    }
    .skyguard-bar .col-sm-3 {
        float: left;
        width: 225px;
    }
    .skyguard-bar .col-sm-9 {
        float: left;
    }
    #dd_column_01 .half-widget {
        display: block;
        clear: both;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .nav > li > a {
        padding: 15px 15px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .navbar-collapse {
        background: #3a3632;
        max-height: none;
    }
    .navbar-wider {
        padding: 10px;
    }
    .navbar-wider li {
        float: left;
    }

    .navbar-nav .open .dropdown-menu {
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0px;
        text-align: left;
    }
    
    .message-dropdown .open .dropdown-menu {
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0px;
        text-align: left;
        background-color: #ffffff;
        border: 1px solid #cccccc;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    #navbar-wider-tablet {
        display: none;
    }
    .nav.navbar-nav.navbar-right.navbar-wider {
        float: none !important;
        position: relative;
        right: auto;
        top: auto;
        z-index: 10;
        background: #3a3632;
    }
    .nav.navbar-nav.navbar-right.navbar-wider > li {
        float: left;
        margin-bottom: 0px;
    }
    .nav.navbar-nav.navbar-right.navbar-wider > li:before {
        display: none;
    }
    .navbar-default .navbar-nav > li > a {
        text-align: left;
    }
    .nav.navbar-nav.navbar-right.navbar-wider {
        display: none;
    }
    .navbar-default .navbar-nav > li > a:hover {
        color: #DDD;
    }
    .navbar-default .navbar-nav li a:hover b.caret {
        border-top-color: #DDD !important;
        border-bottom-color: #DDD !important;
    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
    }
    .navbar-default .navbar-nav > .open > a .caret,
    .navbar-default .navbar-nav > .open > a:hover .caret,
    .navbar-default .navbar-nav > .open > a:focus .caret {
        border-top-color: #fff !important;
        border-bottom-color: #fff !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #DDD;
    }

    .var-row-top .title-text {
        font-weight: normal;
        letter-spacing: -1px;
        font-size: 11px;
    }
    .side_fixed_open .forecast .dd_widget .dd_actionbuttons,
    .side_fixed_open .current-conditions .dd_widget .dd_actionbuttons {
        float: none;
        margin-left: 0px;
        padding: 0px;
    }
    .side_fixed_open .forecast .panel .panel-heading .panel-title,
    .side_fixed_open .current-conditions .panel .panel-heading .panel-title {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        padding: 0px 0px 10px 10px;
    }
    .side_fixed_open .forecast .panel .panel-heading,
    .side_fixed_open .current-conditions .panel .panel-heading {
        height: auto;
        padding: 0px;
    }

    .var-row-top .graph-icon {
        width: 24px;
        cursor: pointer;
        background: url('../img/graph-btn-sprite.png') no-repeat center 0px transparent;
        height: 16px;
        margin-bottom: 8px;
        left: -20px;
        position: relative;
    }
    
    .top-spacer {
        margin-top: 64px !important;
    }
    .top-spacer.map {
        margin-top: 54px !important;
    }
    .top-spacer.map-new, .top-spacer.map-experimental {
        margin-top: 54px !important;
    }
    .hidden-mobile-text {
        display: none !important;
    }
    .manage-dashboards-button {
        padding: 5px 10px 5px 24px !important;
    }
    .btn-is-icon.manage-dashboards-button{
        padding: 5px 10px 5px 10px !important; 
    }
    #side_fixed_nav {
        top: 54px !important;
    }
    .message-dropdown {
/*        width: 130px !important;*/
        position: absolute;
        top: -48px;
        right: 48px;
    }
    .message-dropdown .navbar-default {
        width: auto;
        margin: 0px;
    }
    .message-dropdown .message-dropdown-text .pull-left:first {
        display: none;
    }
    .message-dropdown .nav > li > a {
        padding: 15px 5px;
    }
    .message-dropdown-text {
        font-size: 9px;
    }
    .message-dropdown .dropdown-menu {
        left: -150px !important;
        width: 280px !important;
        min-width: 280px !important;
    }
    #messagebar {
        height: 0px;
    }
    #aes-time {
        display: none;
    }
    #bigMapContainer {
        margin-top: 0px !important;
        margin-left: -2px !important;
    }
    .LocateButton {
        margin-top: 5px !important;
    }
    .esriSimpleSliderTL {
        top: 20px !important;
    }
    #MapHomeButton {
        top: 94px !important;
    }
    #MapLocateButton {
        top: 122px !important;
    }
    #side_fixed_nav {
        display: none !important;
    }
    body.side_fixed {
        padding-left: 0px !important;
    }
    #loading-bar-spinner {
        display: none !important;
    }

    .scalebar_bottom-left {
        padding-left: 0px !important;
        bottom: 60px !important;
    }
}
@media (min-width: 640px) {
    .hidden-desktop-text {
        display: none !important;
    }
}
@media (max-width: 639px) {
    .scrollable-menu {
        height: auto;
        max-height: 180px;
        overflow-x: hidden;
    }
    .scrollable-menu::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 4px;        
    }    
    .scrollable-menu::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: lightgray;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
    }
    
    .aes-weather-variables .col-xs-6 {
        width: 100%;
    }
    
    .aes-weather-variables .available-weather-variables {
        height: 150px;
    }
    
    .aes-weather-variables .available-weather-variables::-webkit-scrollbar {
        width: 16px;        
    }
    .aes-weather-variables .available-weather-variables::-webkit-scrollbar-thumb {
        min-height: 40px;
        border: 2px solid #fff;
        border-radius: 4px;
        background-color: #4b4541;
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.75);        
    }    
    
    .weather-variables-item .btn-add i {
        padding: 5px 4px 5px 4px;
    }
    
    .weather-variables-item {
        line-height: 24px;
        font-size: 12px;
    }
    
    .weather-variables-item .drag-handle i {
        padding: 8px;
    }
    
    .weather-variables-item .btn-remove i {
        padding: 5px 4px 5px 4px;
    }
    
    .navbar-brand img {
        padding-top: 5px;
        margin-left: 0px;
/*        width: 75% !important;*/
    }
    .navbar-brand {
        width: 153px !important;
    }
    .dd_actionbuttons span.ng-binding {
        display: none;
    }
    .forecast .panel .panel-heading,
    .current-conditions .panel .panel-heading {
        height: auto;
        padding: 0px;
    }
    .forecast .panel .panel-heading .panel-title {
        line-height: 1;
        padding-bottom: 4px;
        width: 150px;
        float: none;
        position: absolute;
        top: -4px;
        left: 10px;
        margin-top: 0px;
    }
    .current-conditions .panel .panel-heading .panel-title {
        line-height: 1;
        padding-bottom: 4px;
        width: auto;
        float: none;
        position: absolute;
        top: -4px;
        left: 10px;
        margin-top: 0px;
        font-size: 1.2em !important;
    }
    .forecast .dd_widget .dd_actionbuttons {
        float: none;
        margin-left: 160px;
        padding-right: 35px;
    }
    .current-conditions .dd_widget .dd_actionbuttons {
        float: none;
        margin-left: 200px;
        padding-right: 0px;
    }
    .forecast .dd_actionbuttons a.btn {
        width: 20%;
        padding: 3px 0px 4px 0px;
    }
    .current-conditions .dd_actionbuttons a.btn {
        width: 25%;
        padding: 3px 0px 4px 0px;
    }
    .forecast .dd_actionbuttons [class^="icon-"]:before,
    .forecast .dd_actionbuttons [class*=" icon-"]:before,
    .current-conditions .dd_actionbuttons [class^="icon-"]:before,
    .current-conditions .dd_actionbuttons [class*=" icon-"]:before {
        width: 44px;
        height: 44px;
        text-indent: -1px;
        padding-top: 10px;
    }
    .var-row-top .title-text {
        font-weight: normal;
        letter-spacing: -1px;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .show640 {
        display: block;
    }
    .navbar-wider li > a {
        padding: 15px 8px;
    }

    .dd_actionbuttons a.btn i {
        top: 0 !important;
        float: none;
        display: block;
        margin: 0 auto;
    }

    .dashwidget span.fa-gear, .dashboard-bar span.fa-gear {
        top: 0;
        left: 0;
    }

    .forecast-right {
        float: right !important;
        width: 78% !important;
    }

    .forecast-left {
        width: 20%;
    }

    .var-row-top .title-text {
        width: 100%;
    }
    
    
    
}
@media (max-width: 537px) {
    .video-forecasts-wrapper .panel-heading {
        height: 70px !important;
    }
    /* Lazy hack to fix header in special maps */
    .video-forecasts-wrapper.map-heading .panel-heading {
        height:inherit !important;
    }

}
@media (max-width: 479px) {
    .skyguard-bar .col-sm-3 {
        float: left;
        width: 60px;
    }
    .skyguard-bar .col-sm-9 {
        float: left;
    }
    .skyguard-bar .col-sm-3 .place-search {
        display: none;
    }
    .skyguard-bar .col-sm-9 .selected-tools {
        display: none;
    }
    .place-mobile-input {
        display: block !important;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
    }
    .place-mobile-input input {
        border-right: 1px solid #cccccc !important;
        border-bottom-right-radius: 4px !important;
        border-top-right-radius: 4px !important;
    }
    .places-heading {
        height: 75px !important;
    }
    .places-heading .pull-right {
        float: none !important;
        display: block !important;
        clear: both !important;
    }
    .ng-table-counts { 
        margin-top: 40px !important;
    }

    .navbar-brand {
      width: 165px !important;
      padding: 4px 0 0 12px !important;
    }

    .forecast .panel .panel-heading,
    .current-conditions .panel .panel-heading {
        height: auto;
    }
    .forecast .panel .panel-heading .panel-title,
    .current-conditions .panel .panel-heading .panel-title {
        line-height: 1;
        padding: 0px 0px 10px 10px;
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        font-size: 12px;
    }
    .forecast .panel .panel-heading .panel-title .page-icon,
    .current-conditions .panel .panel-heading .panel-title .page-icon {
        font-size: 20px;
    }
    .forecast .dd_widget .dd_actionbuttons,
    .current-conditions .dd_widget .dd_actionbuttons {
        margin-left: 0px;
        padding: 0px;
    }
    .forecast .dd_actionbuttons [class^="icon-"]:before,
    .forecast .dd_actionbuttons [class*=" icon-"]:before,
    .current-conditions .dd_actionbuttons [class^="icon-"]:before,
    .current-conditions .dd_actionbuttons [class*=" icon-"]:before {
        width: 44px;
        height: 44px;
        text-indent: -1px;
        padding-top: 10px;
    }
    .skyguardtopbuttons .divider {
        display: none;
    }
    .skyguardtopbuttons .btn-group > .btn:first-child {
        margin-left: 2px !important;
    }
    
    .dashwidget {
        height: auto;
    }
    .current-forecast-body .big-temp {
        font-size: 30px;
    }
    .current-forecast-body .big-temp small {
        font-size: 20px;
    }
    .current-forecast-small-variables tr td {
        line-height: 1.5;
    }

    .dd_actionbuttons a.btn i {
        float: none;
        display: block;
    }

    .forecast-right {
        float: right !important;
        width: 68% !important;
    }

    .var-row-top .graph-icon {
        width: 20px !important;
        cursor: pointer;
        background: url('../img/graph-btn-sprite.png') no-repeat center 0px transparent !important;
        height: 16px;
        margin-bottom: 8px;
        left: -30px;
        position: relative;
    }

    /* Radar Adjustments */
    .radar-bar {
        width: 276px !important;
    }

    #radarloopingslider {
        width: 100px !important;
    }

    .radarprogress {
        width: 160px !important;
    }

    .map-status {
        width: 100%;
        text-align: left;
    }

    .skyguard_text_nav_side_fixed .radar-legend-title label {
        font-size: 14px;
    }

    #skyguard_tabset > ul li a {
        font-size: .75em !important;
        padding: 10px !important;
    }

    #skyguard_tabset .tab-pane label {
        font-size: .7em !important;
        display: inline-block;
    }

    .esriPopup .sizer {
        width: 300px !important;
    }

    .esriPopup .sizer #identifyAccordion {
        width: 100% !important;
    }

    /* Radar Modal Windows */
    .modal-dialog .map-preview {
        text-align: left;
    }

    .modal-dialog .map-tabs-wrapper {
        height: auto;
        display: block;
    }
    
    .forecast-details tr td {
        vertical-align: top;
    }

    .forecast-details .small-variable {
        /* min-height: 60px; */
    }
    
    .forecast-details .time {
        font-size: 10px !important;
        line-height: 1.2em;
        font-weight: bold;
    }
    .forecast-details .datetime {
        font-size: 12px;
        line-height: 18px;
    }
    .forecast-details .temp {
        font-size: 14px !important;
        font-weight: bold;
        padding-bottom: 1px;
        /* min-height: 43px; */
    }
    .forecast-details .small-variable li {
        line-height: 13px;
        margin: 0 4px 0 4px;
        font-size: 12px;
        font-weight: normal;
    }
    .forecast-details .variable-value {
        font-weight: bold;
        font-size: 12px !important;
        padding-bottom: 1px;
    }
    .forecast-details .featured-var-group span.one-word-weather-font {
        font-size: 10px;
        font-weight: bold;
        height: 30px;
        max-height: 30px;
        line-height: 1.2;
        padding-left: 3;
    }
    .forecast-details .standard-var-group span.one-word-weather-font {
        font-size: 11px;
        height: 28px;
        max-height: 28px;
        word-wrap: break-word;
        line-height: 1.2;
    }
    .variable-title {
        font-size: 8px !important;
        line-height: 9px !important;
        padding-bottom: 2px;
        padding-top: 2px;
        word-wrap: nowrap;
    }
    
    .forecast-widget h5 {
        font-size: 10px !important;
    }
    
    h5.forecast-top-heading span.location {
        font-size: 14px !important;
    }
    .current-forecast-heading span {
        font-size: 14px !important;
    }
    .current-forecast-heading .date {
        font-size: 10px !important;
    }
    
    .current-forecast-small-variables tr td  {
        font-size: 10px !important;
    }
    .current-forecast-variables tr td {
        font-size: 14px !important;
    }
    .current-forecast-body .big-temp {
        font-size: 32px !important;
    }
    .dropdown-menu > li > a {
        font-size: 12px !important;
        
    }
    .esriControlsBR {
        padding-bottom: 50px !important;
    }
    .warning-display{
        width:100%;
        margin-bottom:3px;
        float: left;
    }
    .warning-display-mobile{
        clear:both !important;
        width:100%;
    }
}