/*************media screen ********************/
@media screen and (max-width: 1680px) {
    #wrapper {
        min-height: 900px !important;
    }

    .content {
        /*min-height: 865px !important;*/
    }

    .menu-block {
        width: 12.2%;
        min-height: 203px;
    }

    .ongoing-block {
        min-height: 200px;
    }

    .monitor-rem-block {
        width: 25.5% !important;
    }
    .pnlHeightSm {
    height:242px;
    }
    .monitorem-pnl {
        height: 239px;
    }
    .df-map {
        width: 51.25% !important;
    }

    .beta-block {
        width: 25.15% !important;
        margin: 2px 0 0 0px !important;
        max-height: 395px !important;
    }

    .betafeed-pnl {
        height: 363px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: -8px;
    }

    .soNav, .soNavshadow, .soNavNS {
        /*margin-left: 287px;*/
    }

    .SoNavTreeView {
        min-height: 450px;
    }

    .Shadow {
        margin-left: 287px;
    }
    .timeOffSet-table .soNav {
    margin-left:0px !important;
    }
    .id-descr {
    }

    .type {
    }

    .chart-thumb {
    }

    .chart-variab {
    }

    .SOP-block-doc {
        width: 135px !important;
    }

    .SOP-block-instruments {
        width: 866px !important;
    }

    .SOP-block-availability {
        width: 730px !important;
        overflow: auto;
    }

    .qcTab, .LastGenRpr {
        /*width: 392px !important;*/
    }
    /*** SO overview *****/
    .overview-date {
        width: 97.5% !important;
    }

    .windroses-block {
        width: 25% !important;
        margin-left: 22px !important;
    }

    .winddistribution-block, .seasonal-block {
        width: 30% !important;
        margin-left: 16px !important;
    }

    .windshear-block, .daily-block {
        width: 30% !important; /* margin-left: 58px !important;*/
    }

    .wind-stats-block {
        width: 52% !important;
    }

    .flag-stats-block {
        width: 34% !important;
    }

    .clima-block {
        width: 16% !important;
        margin-left: 9px !important;
    }
    .Llg-imgCharts {
margin:0 auto;
    display: block;
max-width: 100% !important;
height: auto !important;
    }

    /*** PIby ***/

    .PI-block-site {
        width: 30% !important;
        min-height: 430px !important;
    }

    .SiteInfo-table {
        width: 60% !important;
    }

    .PI-block-site-docrep {
        width: 24% !important;
        min-height: 430px !important;
    }

    .PI-pnl-doc, .PI-pnl-objinfo {
        min-height: 401px !important;
    }

    .PI-block-site-map {
        width: 35% !important;
        margin: 0px 0 0 22px !important;
    }

    .sopPr-info-head {
        width: 94% !important;
    }

    .info-chartline-chse {
        height: 60px !important;
    }

    .exp-block-fullprd {
        width: 26.75% !important;
    }

    .exp-block-table {
        width: 69.5% !important;
    }

    .exp-dat4 {
        margin-top: 7px !important;
        width: 404px !important;
    }
    /*GeoPortal*/
    .gportal {
        width: 44% !important;
    }

    .gportal-map {
        width: 51.5% !important;
    }
    /*GEO Portal*/
    .export-report {
        width: 95% !important;
    }

    .report-block-img {
        width: 24.5% !important;
        margin: 10px 0px 5px 6px !important;
    }

    .report-block-img-rough, .report-block-img-topg {
        width: 24.5% !important;
        margin: 10px 1px 5px 6px !important;
    }

    .dwl-type-first {
        margin: 0 15px 0 35px !important;
    }
    /*zephir*/
    .zph-bx {
        width: 23.25% !important;
    }

    .zph-bx-cmpx {
        width: 97.25% !important;
    }
}

@media screen and (max-width: 1367px) {
    .PIcol-1366-100 {
        width: 100%;
    }

    .gridTabPrInf {
        border: 1px solid #f2f2f2 !important;
        width: 100% !important;
    }

    .dwl-type-first {
        margin: 0 15px 0 25px !important;
    }
    .panlFlagCl {
    width:274px !important;
    }
}

@media screen and (max-width: 1366px) {
    .data-window {
        clear: both;
        height: 400px;
        margin: 5px;
        width: 97%;
    }

    .tool-box {
        width: 32%;
    }
    .GPbox {
        min-height: 275px;
    }
    .loading {
        left: 551px !important;
    }

    .menu-block {
        width: 20.3%;
        min-height: 173px;
        margin-left: 19px !important;
        margin-top: 0px !important;
    }
    .beta-block {
        width: 43% !important;
        margin: 0px 0 10px 19px !important;
        min-height: 213px !important;
    }
    .pnlHeightSm {
    height:246px;
    }
    .pnlHeight-835, .pnlHeightLg {
        height: 830px;
    }

    .hgh815 {
        height: 815px;
    }

    .betafeed-pnl {
        height: 244px !important;
    }

    .ongoing-block {
        width: 36%;
        min-height: 195px;
    }

    .histor-camp {
        width: 16% !important;
        margin: 10px 0px 10px 10px !important;
    }

    .df-map {
        width: 42.9% !important;
    }

    .monitor-rem-block {
        width: 43% !important;
        min-height: 192px !important;
        max-height: 192px !important;
    }

    .monitorem-pnl {
        height: 237px;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: -8px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 168px;
    }

    .SoNavTreeView {
        min-height: 450px !important;
    }

    .Shadow {
        margin-left: 168px;
    }

    .timeOffSet-table .soNav {
    margin-left:-25px !important;
    }

    .timeOffSet-table .soNavSetting, .timeOffSet-table .soNavSettingShadow {
        margin-left: 398px;
        margin-top: -66px;
    }
   
    .type, .chart-variab {
        min-height: 294px !important;
    }

    .chGrphPanel {
        width: 63%;
    }

    .chDtDscPanel {
        width: 37%;
    }
    .panlFlagCl {
    width:274px;
    }
    .charts-block {
    }

    .chart-variab {
    }

    .chart-thumb {
    }

    .chart-graph {
    }

    .id-descr {
    }

    .SOP-block {
        float: left;
        width: 35% !important;
        margin: 10px 10px 10px 19px !important;
    }

    .SOP-block-map {
        float: left;
        width: 42% !important;
        margin: 10px 10px 10px 160px !important;
    }

    .SOP-block-image {
        clear: both;
        float: left;
        width: 35% !important;
        margin: 10px 0px 10px 19px !important;
    }

    .SOP-block-doc {
        float: left;
        width: 42% !important;
        margin: 10px 0px 10px 170px !important;
    }

    .SOP-block-availability, .SOP-block-instruments {
        width: 98% !important;
    }

    .qcTab, .LastGenRpr {
        width: 394px !important;
    }

    .tab-content {
        /*max-width: 1100px !important;*/
    }
    /*** SO overview *****/
    .overview-date {
        width: 95.5% !important;
    }

    .windroses-block {
        width: 40.2% !important;
        margin-left: 8px !important;
    }

    .winddistribution-block, .seasonal-block {
        width: 43% !important;
        clear: both;
        margin-left: 36px !important;
    }

    .windshear-block, .daily-block {
        width: 43% !important;
        margin-left: 58px !important;
    }

    .wind-stats-block {
        width: 56% !important;
    }

    .flag-stats-block {
        width: 64% !important;
    }

    .clima-block {
        clear: both !important;
        width: 32% !important;
        margin-left: 9px !important;
    }

    /*** PIby *1366**/
    .PIcol-1366-100 {
        width: 100%;
    }

    .PI-block-site {
        width: 42% !important;
        min-height: 430px !important;
    }

    .SiteInfo-table {
        width: 68% !important;
    }

    .PI-block-site-docrep {
        width: 44% !important;
        min-height: 430px !important;
        margin-left: 70px !important;
    }

    .PI-pnl-doc, .PI-pnl-objinfo {
        min-height: 401px !important;
    }

    .PI-block-site-map {
        clear: both;
        width: 43.5% !important;
        margin: 20px 0 10px 24px !important;
    }

    .pnlWindStats, .pnlFlagStats {
        height: 330px !important;
    }

    .sopPr-info-head {
        width: 94% !important;
    }
    /*dynamics 1366*/
    .dyn-comments {
        min-height:200px !important;
    }
    .txtBoxHeight {
height:150px !important;
}
    .dyn-coordinates {
       min-height:200px !important; 
    }

    .dyn-topography {
    }

    .dyn-topography, .dyn-roughness {
    }

    .dyn-roughness {
    }

    .dyn-topography {
    }

    .dyn-heighl-agl {
    }

    .info-line {
        width: 95% !important;
    }

    .exp-dat3 {
        margin-top: 7px !important;
        width: 404px !important;
    }

    .info-chartline, .info-chartline-chse {
        width: 95% !important;
    }
    /*GeoPortal*/
    .gportal {
        width: 54% !important;
    }

    .gportal-map {
        width: 40.5% !important;
    }

    .gportal-map-details {
        width: 98.5% !important;
    }

    .report-block {
        width: 36% !important;
    }

    .report-block-img {
        width: 30.2% !important;
        margin: 10px 5px 5px 5px !important;
    }

    .report-block-img-rough, .report-block-img-topg {
        width: 30.25% !important;
        margin: 10px 0px 5px 5px !important;
    }

    .dwl-type-first {
        margin: 0 15px 0 25px !important;
    }
    /**/
    .GPbox #MainContent_satmap_img_MapSat, .GPbox #MainContent_async_Rough_pnl_Async, .GPbox #MainContent_async_Topo_pnl_Async {
        /*width: 405px !important;
        display: flex !important;*/
        margin: 0 auto;
        display: block;
        max-width: 100% !important;
        height: auto !important;
    }

    .GPbox #MainContent_satmap_pnl_MapSatBtn {
        margin-left: -397px !important;
    }

    #dv_complexity_tab {
        margin-right: 5px !important;
    }
    /*zephir*/
    .zph-bx {
        width: 31% !important;
    }

    .zph-block-agl {
        width: 23% !important;
    }

    .zph-block-map {
        width: 40% !important;
    }

    .zph-block-imgdoc {
        width: 31% !important;
        margin-left: 15px !important;
    }

    .zph-bx-cmpx {
        width: 64.5% !important;
        margin-top: 0px !important;
        min-height: 356px !important;
    }
    /*Time series*/
    .time-series-title {
        padding: 3px 15px 0 0 !important;
    }

    .col-ts-seriesChart {
        width: 60%;
    }

    .timeser-right1366 {
        width: 23.333333333% !important;
    }

    .col-ts-Flags {
        width: 23.333333333% !important;
    }

    .options-block {
        min-height: 523px !important;
    }

    .timeser-middle-column {
        height: 500px !important;
    }
    /*reports*/
    .dw-orgfl-lftclm {
    width:23% !important;
    }
}

@media screen and (max-width: 1280px) {
    .menu-block {
        width: 18.2%;
        min-height: 210px;
        margin-right: -10px;
    }

    .ongoing-block {
        width: 40%;
        min-height: 951px !important;
    }

    .histor-camp {
        width: 17% !important;
        min-height: 951px !important;
    }

    .df-map {
        width: 37.25% !important;
    }

    .monitor-rem-block {
        width: 37.35% !important;
        height: 381px !important;
    }

    .beta-block {
        width: 37.3% !important;
    }

    .soNav, .soNavshadow, .soNavSetting, .soNavSettingShadow {
        width: 340px;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: 125px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 125px;
    }

    .SoNavTreeView {
        min-height: 450px;
    }

    .Shadow {
        margin-left: 125px;
    }
    /** charts ***/
    .type {
    }

    .charts-block {
    }

    .chart-variab {
    }

    .chart-thumb {
    }

    .chart-graph {
    }

    .id-descr {
    }

    /*time series part*/


    .timeser-left-column {
    }

    .timeser-middle-column {
    }

    .time-series-title {
        padding: 3px 10px 0 0 !important;
    }

    .timeseries-calendar {
        width: 93.5% !important;
        padding: 0px 0px 6px 0px !important;
        margin: -4px 0px 0 0 !important;
    }

    .availability-window {
        top: 137px !important;
        left: 192px !important;
    }

    .timeser-right-column {
        width: 98.5% !important;
        clear: both;
        margin: 6px 0 0 14px !important;
    }

    .search-block {
        min-height: 105px !important;
    }

    .flagging-form {
        width: 50% !important;
        padding-left: 35px;
    }

    .tab-content {
        /* max-width: 1018px !important;*/
    }

    .sop-info-head {
        width: 95% !important;
    }

    .SOP-block {
        width: 41% !important;
        margin: 10px 10px 10px 19px !important;
    }

    .SOP-block-map {
        width: 45.5% !important;
        margin: 10px 10px 10px 100px !important;
    }

    .SOP-block-image {
        float: left;
        width: 41% !important;
        margin: 10px 20px 10px 19px !important;
    }

    .SOP-block-doc {
        float: left;
        width: 45.5% !important;
        margin: 10px 0px 10px 90px !important;
    }

    .SOP-block-availability, .SOP-block-instruments {
        width: 96% !important;
    }

    .SOP-block-instruments {
        margin: 0 0 0 19px !important;
    }

    .qcTab, .LastGenRpr {
        width: 370px !important;
    }
    /*** SO overview *****/
    .overview-date {
        width: 95.5% !important;
    }

    .windroses-block {
        width: 40.2% !important;
        margin-left: 8px !important;
    }

    .winddistribution-block, .seasonal-block {
        width: 43% !important;
        clear: both;
        margin-left: 36px !important;
    }

    .windshear-block, .daily-block {
        width: 43% !important;
        margin-left: 58px !important;
    }

    .wind-stats-block {
        width: 56% !important;
    }

    .flag-stats-block {
        width: 64% !important;
    }

    .clima-block {
        clear: both !important;
        width: 32% !important;
        margin-left: 9px !important;
    }

    .pwr-block-inst {
        width: 42% !important;
    }

    .pwr-block-turb {
        width: 51.5% !important;
    }

    .info-line {
        width: 95% !important;
    }

    .pwr-block-avrg {
        width: 23.5% !important;
        margin-left: 16px !important;
    }

    .pwr-block-diagr {
        margin-left: 5px !important;
    }

    .exp-block-table, .exp-block-fullprd {
        width: 97.5% !important;
    }

    .exp-fullprd-title {
        text-align: left !important;
    }

    .info-chartline, .info-chartline-chse {
        width: 94% !important;
    }

    .exp-dat2 {
        padding: 1px 13px !important;
    }
    /*GeoPortal*/
    .gportal {
        width: 54% !important;
        margin: -5px 0px 10px 10px !important;
    }

    .gportal-map {
        margin: -5px 0px 10px 15px !important;
        width: 42.35% !important;
    }

    .export-report {
        width: 94.35% !important;
        margin-left: 10px !important;
    }

    .dwl-type-first {
        margin: 0px 15px 0 7%;
        clear: both;
    }

    .btn-getpos {
        margin: 54px 0px 0 -1px !important;
    }

    .report-block {
        width: 48.9% !important;
        margin: 10px 0px 10px 10px !important;
    }

    .report-block-img {
        width: 32.3% !important;
        margin: 10px 10px 5px 10px !important;
    }

    .report-block-img-rough, .report-block-img-topg {
        width: 32.35% !important;
        margin: 10px 8px 15px 0px !important;
    }
}

@media screen and (max-width: 1024px) {
    #nav-wrap a {
        font-size: 1.143em !important;
    }

    .dropdown {
        z-index: 5000 !important;
    }

    .sub-header {
        width: 50% !important;
    }

    .timeser-middle-column {
        height: 300px !important;
    }

    .col-ts-seriesChart {
        width: 75% !important;
        margin-bottom: 40px;
    }

    .col-ts-Option {
        width: 25% !important;
    }

    .col-ts-Flags {
        width: 100% !important;
    }

    .options-block {
        min-height: 336px !important;
    }

    .tab-content {
        /*max-width: 792px !important;*/ /*float: left;*/
        top: -141px;
        left: 160px;
    }

    .chDtDscPanel, .chGrphPanel {
        width: 100%;
    }
    /*.dw-stats {
    min-height: 400px;
}*/
    .dm-last-checked {
        top: -346px !important;
    }

    .dm-validation {
        top: -344px !important;
    }

    .log-iss {
        height: 310px !important;
        margin-top: 20px !important;
    }

    .tool-box {
        width: 48.5%;
    }

    input[type="search"] {
        width: 150px;
    }

    .vuwindbox {
        margin-left: 30px;
        margin-top: 5px;
        max-width: 450px;
        min-width: 450px;
    }

    .header-center {
        min-width: 170px;
        max-width: 170px;
    }


    .df-map {
        width: 96.25% !important;
        margin-left: 10px;
    }

    .monitor-rem-block {
        width: 96.35% !important;
        min-height: 230px !important;
        margin-left: 10px !important;
    }

    .monitorem-pnl {
        height: 199px !important;
    }

    .menu-block {
        /*width: 228px;*/
        width: 17.5% !important;
        min-height: 214px;
        margin: 0 2px 0 10px !important;
    }

    .beta-block {
        width: 57.75% !important;
    }

    .ongoing-block {
        width: 60%;
        min-height: 195px;
    }

    .histor-camp {
        width: 34% !important;
    }

    .loading {
        left: 415px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: 113px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 113px;
    }

    .SoNavTreeView {
        min-height: 450px;
    }

    .sop-info-head {
        width: 94% !important;
    }

    .SOP-block {
        width: 39% !important;
        margin: 10px 10px 10px 19px !important;
    }

    .SOP-block-map {
        width: 56.5% !important;
        margin: 10px 10px 10px 3px !important;
    }

    .SOP-block-image {
        clear: both;
        float: left;
        width: 45% !important;
        margin: 10px 0px 10px 20px !important;
    }

    .SOP-block-doc {
        float: left;
        width: 48% !important;
        margin: 10px 0px 10px 30px !important;
    }

    .SOP-block-availability, .SOP-block-instruments {
        width: 96% !important;
        min-height: 150px !important;
    }

    .SOP-block-instruments {
        margin: 0 0 5px 19px !important;
    }
    /**** charts ****/
    .type {
    }

    .charts-block {
    }

    .chart-variab {
    }

    .chart-thumb {
    }

    .chart-graph {
    }

    .id-descr {
    }
    /*time series part*/
    .timeser-left-column {
        width: 20% !important;
        min-height: 930px;
        margin: 0 10px 0 15px;
    }

    .timeser-middle-column {
        /*width: 76% !important;*/
    }

    .time-series-title {
        padding: 3px 10px 0 0 !important;
    }

    .timeseries-calendar {
        width: 93.5% !important;
        padding: 0px 0px 6px 0px !important;
        margin: -4px 0px 0 0 !important;
    }

    .availability-window {
        top: 137px !important;
        left: 192px !important;
    }

    .timeser-right-column {
        width: 98.5% !important;
        clear: both;
        margin: 6px 0 0 14px !important;
    }
    /** projects **/
    .panl-Project {
        width: 75.5% !important;
    }

    .prjs-block-portf {
        margin: 0 0 0 29px !important;
    }

    /*** SO overview *****/
    .overview-date {
        width: 95.5% !important;
    }

    .windroses-block {
        width: 40.2% !important;
        margin-left: 8px !important;
    }

    .winddistribution-block, .seasonal-block {
        width: 43% !important;
        clear: both;
        margin-left: 36px !important;
    }

    .windshear-block, .daily-block {
        width: 43% !important;
        margin-left: 58px !important;
    }

    .wind-stats-block {
        width: 56% !important;
    }

    .flag-stats-block {
        width: 64% !important;
    }

    .clima-block {
        clear: both !important;
        width: 32% !important;
        margin-left: 9px !important;
    }

    /*** PIby ***/

    .PI-block-site {
        width: 45% !important;
        min-height: 352px !important;
    }

    .SiteInfo-table {
        width: 60% !important;
    }

    .PI-block-site-docrep {
        width: 44% !important;
        min-height: 352px !important;
        margin-left: 26px !important;
    }

    .PI-pnl-doc, .PI-pnl-objinfo {
        min-height: 323px !important;
    }

    .PI-block-site-map {
        clear: both !important;
        width: 57.75% !important;
        margin: 10px 0 0 228px !important;
    }



    .sopPr-info-head {
        width: 94% !important;
    }

    /*dynamics 1024*/
    .dyn-coordinates {
    }

    .dyn-topography {
    }

    .dyn-topography, .dyn-roughness {
    }

    .dyn-roughness {
    }

    .dyn-topography {
    }

    .dyn-heighl-agl {
    }

    .info-line {
        width: 93% !important;
    }

    .dw-orgfil {
        width: 97% !important;
        margin: 0 0 0 15px !important;
    }

    .dw-orgfl-lftclm {
        width: 98% !important;
        margin-left: 9px !important;
    }

    .dw-orgfl-rghtclm {
        width: 100% !important;
        height: 100% !important;
        clear: both;
        float: none !important;
        margin: 0px 0px 15px 0px !important;
        padding-top: 5px;
    }

        .dw-orgfl-rghtclm .gridview td {
            border: 1px solid #e3e4e4;
            text-align: center;
        }

            .dw-orgfl-rghtclm .gridview td input:not([type="image"]) {
                margin-left: 5px;
            }

        .dw-orgfl-rghtclm #MainContent_pnl_FileExplorer {
            width: 98% !important;
            margin-left: 9px !important;
        }

    .gridview .gridview_row_selected th {
        width: 63%;
        border: 1px solid #fff !important;
    }

    .dt-exp-title {
        width: 93.5% !important;
        background-color: #2d4e79;
        font-weight: normal;
        color: #fff;
        padding: 2px 10px;
        letter-spacing: 1px;
    }

    .dw-lft-ex {
        /*width: 27% !important;
        margin: 10px 0px 0 1% !important;*/
    }

    .dw-rght-ex {
        /*width: 66% !important;*/
    }

    #header-right {
        /*margin-top: -28px;*/
        margin-right: -3px;
        border-left: 0px solid #FFF;
    }

    #nav-wrap {
        font-size: 13px !important;
    }
    /*GEO Portal*/
    .gportal {
        width: 57.25% !important;
        margin: -5px 0px 10px 6px !important;
    }

    .gportal-map {
        margin: -5px 0px 10px 15px !important;
        width: 39.25% !important;
        overflow: hidden;
    }

    .gportal-map-details {
        width: 433px !important;
    }

    .btn-getpos {
        margin: 54px 0px 0 -1px !important;
    }

    div.olMapViewport {
        /*width: 90% !important;*/
    }

    .vuwind-turbines {
        width: 96% !important;
        float: left !important;
        margin: 15px 0px 0 9px !important;
    }

    .export-report {
        width: 94% !important;
        margin-left: 6px !important;
    }

    .dwl-type-first {
        margin: 0 15px 0 23% !important;
        clear: both !important;
    }

    #div_Download_GridOption {
        clear: both !important;
        margin: 0 15px 0 11% !important;
        padding-top: 10px;
    }

    .report-block {
        width: 57.5% !important;
        margin: 10px 14px 10px 6px !important;
    }

    .report-block-img {
        width: 40.2% !important;
        margin: 10px 0px 5px 0px !important;
    }

    .report-block-img-rough, .report-block-img-topg {
        width: 40.35% !important;
        margin: 10px 0px 5px 0px !important;
    }
    /*zephir*/
    .zph-bx {
        width: 49% !important;
    }

    .zph-block-agl {
        width: 45% !important;
    }

    .zph-block-map {
        width: 49% !important;
        margin-left: 15px !important;
    }

    .zph-block-imgdoc {
        width: 45% !important;
        margin-left: 15px !important;
    }

    .zph-bx-cmpx {
        width: 96.5% !important;
        margin-top: 7px !important;
        margin-left: 15px !important;
        min-height: 238px !important;
    }

    div.olMap {
        /*width: 518px !important;*/
    }
}

@media screen and (max-width: 992px) {
    .gearfa {
    }

    #login-as {
        display: block;
    }

    .map {
        clear: both;
        float: left;
        height: 300px;
        margin: 15px 0 0 0;
        width: 97%;
    }

    .data-window {
        clear: both;
        height: 400px;
        margin: 5px;
        width: 97%;
    }

    .tool-box {
        clear: both;
        line-height: 25px;
        margin-left: 10px;
        margin-top: 10px;
        width: 97%;
    }

    #header {
        margin-bottom: 45px;
    }

    .soNavBK img {
        height: 25px;
    }
    /*time series part*/
    .timeser-left-column {
        width: 20% !important;
        min-height: 930px;
        margin: 0 10px 0 15px;
    }

    .timeser-middle-column {
        width: 76% !important;
    }

    .time-series-title {
        padding: 3px 10px 0 0 !important;
    }

    .timeseries-calendar {
        width: 93.5% !important;
        padding: 0px 0px 6px 0px !important;
        margin: -4px 0px 0 0 !important;
    }

    .availability-window {
        top: 137px !important;
        left: 192px !important;
    }

    .timeser-right-column {
        width: 98.5% !important;
        clear: both;
        margin: 6px 0 0 14px !important;
    }

}

@media screen and (max-width: 768px) {
    #wrapper {
        min-height: 700px !important;
    }

    .content {
        /*min-height: 700px !important;*/
    }

    #header-right {
        position: relative !important;
        top: -35px !important;
    }

    .menu-block {
        width: 32.25% !important;
        height: 210px !important;
        margin: 10px 10px 0 10px !important;
    }

    .ongoing-block {
        width: 97% !important;
        height: 250px !important;
        overflow: auto;
    }

    .histor-camp {
        width: 28% !important;
        min-height: 998px !important;
    }

    .pnlHeight-835, .pnlHeightLg {
        height: 100%;
        overflow-y: hidden;
    }
    /*.pnlHeightLg {
        height: 755px;
    }*/

    .pnlHeight-250, .pnlHeightSm {
        height: 170px;
    }


    .df-map {
        width: 67.25% !important;
    }

    .monitor-rem-block {
        width: 67.35% !important;
        height: 381px !important;
    }

    .beta-block {
        width: 67.35% !important;
        margin: 5px 0 0 10px !important;
    }

    #content {
        margin: 20px 0 0 0;
    }

    .vuwindbox {
        margin-left: 145px;
        margin-top: 10px;
    }

    .tool-box {
        clear: none;
        width: 48%;
    }

    input:not([type="image"]), textarea {
        margin-left: 5px;
        margin-top: 3px;
    }

    /*#nav-wrap {
        clear: both;
        float: left !important;
        margin-left: 3px !important;
        margin-top: 10px !important;
        position: relative;
        display: block;
        width: 70px;
        height: 25px;
    }*/

    #nav-wrap span {
        /*color: #000;*/
    }

    /*#menu-icon {
        background: #ecebeb url(../../Images/Icons/menu-icon.png) no-repeat 10px center;
        color: #000;
        cursor: pointer;
        display: block !important;
        height: 22px;
        padding: 6px 10px 0 42px;
        width: 42px;
        margin-top: -4px;
        margin-left: -9px;
    }

        #menu-icon:hover {
            background-color: #f8f8f8;
        }

        #menu-icon.active {
            background-color: #e3e4e4;
        }

    #tabnav, #nav {
        background: #e3e4e4;
        clear: both;
        display: none;
        padding: 5px;
        position: absolute;
        top: 38px;
        width: 260px;
        z-index: 10000;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
        border-bottom: #a1a2a2 1px solid;
        border-top: #fff 1px solid;
        border-radius: 3px;
    }

        #tabnav li, #nav li {
            clear: both;
            float: none;
            margin: 5px 0 5px 10px !important;
            font-size: 14px !important;
        }

        #tabnav a, #tabnav ul a, #nav a, #nav ul a {
            background: none;
            border: none;
            color: #000 !important;
            display: inline;
            font: inherit;
            padding: 0;
        }

            #tabnav a:hover, #tabnav ul a:hover, #nav a:hover, #nav ul a:hover {
                background: none !important;
                color: #000;
            }

        #tabnav ul, #nav ul {
            background: #f8f8f8 !important;
            border: none !important;
            display: inline !important;
            position: inherit !important;
            width: auto;
            padding: 1px 0 0 0 !important;
            font-weight: bold !important;
        }

            #tabnav ul li, #nav ul li {
                margin: 3px 0 3px 30px !important;
            }

        #tabnav a.current, #nav a.current {
            background: #fff !important;
        }

        #tabnav li:hover {
            background:  #fff !important;
        }

        #tabnav li ul li:hover a {
            background: #ddd !important;
        }*/

    .loading {
        left: 415px !important;
        width: 200px;
        float: left !important;
        margin-top: 41px;
    }

    #footer {
        margin-top: 5px;
    }

    .dm-last-checked {
        top: -320px !important;
    }

    .dm-validation {
        top: -337px !important;
    }

    .log-iss {
        height: 310px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: 387px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 387px;
    }

    .SoNavTreeView {
        /*min-height: 450px;*/
    }

    .np-ui-settings-pnl-details {
        margin-left: -441px !important;
        margin-top: -7px !important;
    }

    .explorer-all {
        background: #fff;
        padding: 0 0 5px 0 !important;
        text-align: right;
        right: 0px !important;
        width: 87% !important;
        height: 25px !important;
        /*border-bottom: 1px solid #c0c0c0;*/
    }

    /*****SOP ******/
    .sop-info-head {
        width: 92% !important;
    }

    .SOP-block {
        width: 80% !important;
        margin: 10px 10px 10px 75px !important;
    }

    .SOP-block-map {
        clear: both;
        width: 80% !important;
        margin: 10px 10px 10px 75px !important;
    }

    .SOP-block-image {
        float: left;
        width: 55.75% !important;
        margin: 10px 20px 10px 152px !important;
    }

    .SOP-block-doc {
        clear: both;
        float: left;
        width: 55.75% !important;
        margin: 10px 0px 10px 152px !important;
    }

    .SOP-block-availability, .SOP-block-instruments {
        width: 96% !important;
    }

    .SOP-block-instruments {
        margin: 0 0 0 19px !important;
    }

    /*time series part*/
    .timeser-left-column {
        width: 20% !important;
        min-height: 930px;
        margin: 0 10px 0 15px;
    }

    .timeser-middle-column {
        /*width: 75% !important;*/
    }

    .time-series-title {
        padding: 3px 10px 0 0 !important;
    }

    .timeseries-calendar {
        width: 93.5% !important;
        padding: 0px 0px 6px 0px !important;
        margin: -4px 0px 0 0 !important;
    }

    .availability-window {
        top: 137px !important;
        left: 192px !important;
    }

    .timeser-right-column {
        width: 98.5% !important;
        clear: both;
        margin: 6px 0 0 14px !important;
    }

    .sub-header {
        display: none;
    }
    /** projects **/
    .panl-Project {
        width: 98% !important;
        margin-left: 6px !important;
    }

    .prjs-block-portf {
        margin: 0 0 0 5px !important;
        width: 96.4% !important;
    }

    /*** SO overview *****/
    .overview-date {
        width: 94.5% !important;
    }

    .windroses-block {
        width: 53.5% !important;
        margin-left: 8px !important;
    }

    .winddistribution-block, .seasonal-block {
        width: 53.5% !important;
        clear: both;
        margin-left: 5px !important;
    }

    .windshear-block, .daily-block {
        width: 43% !important;
        margin-left: 5px !important;
    }

    .wind-stats-block {
        width: 42% !important;
    }

    .flag-stats-block {
        width: 65.5% !important;
    }

    .clima-block {
        clear: both !important;
        width: 30% !important;
        margin-left: 9px !important;
    }
    /*** PIby *768**/

    .PI-block-site {
        width: 42% !important;
    }

    .SiteInfo-table {
        width: 40% !important;
    }

    .PI-block-site-docrep {
        width: 46.5% !important;
        margin-left: 0px !important;
    }

    .PI-block-site-map {
        margin: 10px 0 0 96px !important;
        width: 76% !important;
    }



    .sopPr-info-head {
        width: 92.75% !important;
    }
    /*dynamics 768*/
    .dyn-coordinates {
        min-height: 162px !important;
        margin-bottom: 15px;
    }

    .dyn-comments {
        margin-bottom: 15px;
    }

    .dyn-topography, .dyn-roughness {
        margin-bottom: 15px;
    }

    .dyn-heighl-agl {
        margin-bottom: 15px;
    }

        .dyn-heighl-agl input[type="text"].sH {
            width: 46px !important;
        }

    .pwr-block-inst {
        width: 96% !important;
        margin-bottom: 10px !important;
    }

    .pwr-block-turb {
        clear: both;
        width: 96% !important;
    }

    .info-line {
        width: 92% !important;
    }

    .pwr-block-avrg {
        width: 95.5% !important;
        margin-left: 16px !important;
    }

    .pwr-block-diagr {
        margin-left: 16px !important;
        width: 95.5% !important;
    }

    .dat-exp {
        min-height: 795px !important;
    }

    .dw-lft-ex {
        width: 27% !important;
        margin: 10px 0px 0 2px !important;
    }

    .dt-exp-title {
        width: 91.5% !important;
    }

    .expfit-date-title {
        margin-left: 0px !important;
    }

    .info-chartline, .info-chartline-chse {
        width: 92% !important;
    }

    .info-chartline-chse {
        height: 120px !important;
    }

    .exp-dat2 {
        margin-top: 6px !important;
    }

    .exp-dat1, .exp-dat3, .exp-dat4 {
        width: 650px !important;
    }

    .exp-dat2 {
        width: 654px !important;
    }

    .exp-tit-tools {
        width: 26% !important;
    }
    /*GEO Portal*/
    .gportal {
        width: 98% !important;
    }

    .gportal-map {
        margin: -5px 0px 10px 6px !important;
        width: 98.25% !important;
    }

    .gportal-map-details {
        width: 81.5% !important;
    }

    .vuwind-turbines {
        margin: 15px 0px 5px 11px !important;
        width: 77% !important;
    }

    .btn-getpos {
        margin: 44px 0px 0 -1px !important;
    }

    .btn-getlay {
        margin: 225px 7px 0 0px !important;
    }

    div.olMapViewport {
        /*width: 110% !important;*/
    }

    .export-report {
        width: 91.75% !important;
    }

    #div_Download_GridOption {
        margin: 0 15px 0 -1% !important;
    }

    .report-block {
        width: 98% !important;
        margin: 10px 0px 10px 6px !important;
    }

    .report-block-img {
        width: 51.2% !important;
        margin: 10px 10px 5px 6px !important;
    }

    #flx-satellite, #flx-complex, #flx-roughness, #flx-topography {
        margin: 10px 0;
    }

    #MainContent_satmap_img_MapSat, .GPbox #MainContent_async_Rough_pnl_Async, .GPbox #MainContent_async_Topo_pnl_Async {
        margin: 0 auto !important;
    }

    #MainContent_upn_Satellite {
        margin: 5px 152px !important;
    }

    .infoGP-Download {
        height: 90px !important;
    }

    .switchCoord {
        width: 25px !important;
        font-size: 16px !important;
    }

    .xsMargTop {
        margin-top: -10px;
    }

    .vuwind-turb-titl {
        width: 680px;
    }

    .vuwind-turbines .gridview {
        /*width: 95% !important;
        margin-bottom: 45px;*/
    }

    .gridview .gridview_row_selected th {
        width: 0%;
        border: 1px solid #e3e3e4 !important;
    }
    /*zephir*/
    .zph-bx {
        width: 54% !important;
    }

    .zph-block-agl {
        width: 39% !important;
    }

    .zph-block-map {
        width: 45% !important;
        margin-left: 15px !important;
    }

    .zph-block-imgdoc {
        width: 48% !important;
        margin-left: 15px !important;
    }

    .zph-bx-cmpx {
        width: 96.5% !important;
        margin-top: 7px !important;
        margin-left: 15px !important;
        min-height: 238px !important;
    }

    div.olMap {
        /*width: 287px !important;*/
    }
}

@media screen and (max-width: 640px) {
    .np-ui-settings-pnl-details {
        margin-left: -70px !important;
        margin-top: 9px !important;
        width: 440px !important;
    }

    .pnlHeight-835, .pnlHeightLg {
        height: 100%;
        overflow-y: hidden;
    }

    .loading {
        left: 220px !important;
        margin-top: 0px;
    }

    .vuwindbox {
        margin-left: 80px;
    }

    .tool-box {
        clear: both;
        width: 97.5%;
    }

    #over-view {
        width: 100% !important;
        float: none !important;
        display: block;
    }

    .explorer-all {
        width: 100% !important;
        background: #fff;
        padding: 0 0 5px 0 !important;
        right: 0px !important;
    }

    /*#tabnav, #nav {
        position: absolute;
        top: 33px !important;
    }*/

    .menu-block {
        width: 47.5% !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
    }

        .menu-block span {
            font-size: 13px;
        }

    .df-map {
        width: 94%;
    }

    .ongoing-block {
        width: 91%;
        min-height: 150px;
    }

    .histor-camp {
        width: 97% !important;
        min-height: 250px !important;
        max-height: 250px !important;
        overflow-y: auto;
    }

    .beta-block {
        width: 97% !important;
        margin: 0 0 0 10px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: 248px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 248px;
    }

    .SoNavTreeView {
        min-height: 450px;
    }

    .Shadow {
        margin-left: 248px;
    }

    #dm-container {
        width: 610px !important;
    }

    .dmt {
        width: 98.5% !important;
    }

    .dm-last-checked {
        top: -320px !important;
    }

    .dm-validation {
        top: -337px !important;
    }

    .log-iss {
        height: 281px !important;
    }

    .vuwind-map {
        top: 8px !important;
    }

    .df-map {
        width: 97% !important;
    }

    .monitor-rem-block {
        width: 97% !important;
    }

    .monitorem-pnl {
        height: 167px !important;
    }

    .map-chbx-legend td {
        font-size: 0.714em !important;
        padding: 0px 0px !important;
    }

    .timeser-middle-column {
        /*width: 74% !important;*/
    }

    .flags-block, .flagging-block, .search-block, .flags-block td, .flagging-block td, .search-block td {
        width: 98%;
    }
    /*****SOP ******/
    .sop-info-head {
        width: 90% !important;
        margin-top: 16px !important;
    }

    .SOP-block {
        width: 80% !important;
        margin: 10px 10px 10px 75px !important;
    }

    .SOP-block-map {
        clear: both;
        width: 91% !important;
        margin: 10px 10px 10px 20px !important;
    }

    .SOP-block-image {
        float: left;
        width: 67.5% !important;
        margin: 10px 20px 10px 113px !important;
    }

    .SOP-block-doc {
        clear: both;
        float: left;
        width: 67.5% !important;
        margin: 10px 0px 10px 113px !important;
    }

    .SOP-block-availability, .SOP-block-instruments {
        width: 94% !important;
    }

    .SOP-block-instruments {
        margin: 0 0 0 19px !important;
    }
    /*** charts***/
    .type {
    }

    .type-calspeed {
        margin: 3px 0px 0 104px !important;
    }

    .ddl_ChartSet_Type {
        margin: 5px 0 4px 105px !important;
    }

    .div-btn-update-chart {
        width: 99.5%;
        text-align: center;
        margin-bottom: 4px !important;
    }

    .type-calendar {
        width: 87% !important;
    }
    /*** SO overview *****/
    .overview-date {
        width: 92.5% !important;
        margin-top: 0px;
    }
    /*** PIby *640**/

    .PI-block-site {
        width: 91% !important;
        min-height: 200px !important;
    }

    .SiteInfo-table {
        width: 69% !important;
    }

    .PI-pnl-doc, .PI-pnl-objinfo {
        min-height: 170px !important;
    }

    .PI-block-site-docrep {
        clear: both;
        width: 91.25% !important;
        margin-left: 25px !important;
        margin-top: 16px !important;
    }

    .PI-block-site-map {
        margin: 10px 0 0 20px !important;
        width: 93.5% !important;
    }



    .sopPr-info-head {
        width: 90.75% !important;
        height: 42px !important;
        margin-top: 10px !important;
    }
    /*dynamics 640*/
    .dyn-coordinates {
        /*width: 96% !important;
        margin-left: 2% !important;
        clear: both;*/
    }

    .dyn-comments {
        /*width: 96% !important;
        margin-left: 2% !important;
        clear: both;*/
    }

    .dyn-topography, .dyn-roughness {
        /*width: 96% !important;
        margin-left: 2% !important;
        clear: both;*/
    }

    .dyn-heighl-agl {
        /*width: 96% !important;
        margin-left: 2% !important;*/
    }

        .dyn-heighl-agl input[type="text"].sH {
            width: 36px !important;
        }

    .info-line {
        width: 91% !important;
    }

    .pwr-block-diagr {
        overflow: auto;
    }
    /*GEO Portal*/
    .gportal {
        /* min-height: 630px !important;*/
        margin: 10px 0px 10px 6px !important;
    }

    .vuwind-turbines {
        width: 100% !important;
    }

    .btn-getlay {
        margin: 238px 7px 0 0px !important;
    }

    .btn-getpos {
        margin: 56px 0px 0 -1px !important;
    }

    .export-report {
        width: 83.5% !important;
    }

    .dwl-type {
        margin: 0 35px !important;
    }

    .report-block {
        width: 98% !important;
    }

    #flx-satellite {
    }

    #MainContent_upn_Satellite {
        margin: 5px 0 0 84px !important;
    }

    #flx-roughness, #flx-topography {
    }

    .xsMargTop {
        margin-top: -40px;
    }

    .vuwind-turb-titl {
        width: 550px;
    }

    .vuwind-turbines .gridview {
        width: 95% !important;
        margin-bottom: 45px;
    }

    .gridview .gridview_row_selected th {
        width: 0%;
        border: 1px solid #e3e3e4 !important;
    }
    /*zephir*/
    .zph-bx {
        width: 95% !important;
        margin-top: 10px !important;
    }

    .zph-block-agl {
        width: 95% !important;
        margin-left: 15px !important;
        margin-top: 10px !important;
    }

    .zph-block-map {
        width: 95% !important;
        margin-left: 15px !important;
    }

    .zph-block-imgdoc {
        width: 95% !important;
        margin-left: 15px !important;
    }

    .zph-bx-cmpx {
        width: 95% !important;
        margin-top: 7px !important;
        margin-left: 15px !important;
        min-height: 238px !important;
    }

    div.olMap {
        /*width: 518px !important;*/
    }

    .pnlHeightCl {
        height: 190px;
    }

    .pnlHeightLg {
        height: 100%;
    }

    .onGoingTab {
        width: 589px;
    }

    .col-vuw1366-25 {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    #header-right {
        position: relative !important;
        top: -35px !important;
    }

    #over-view {
        width: 100% !important;
        float: none !important;
        display: block;
    }

    .vuwindbox {
        margin-left: 4px;
    }

    .tool-box {
        clear: both;
        width: 97.5%;
        margin: 45px 0 -30px 5px;
    }

    #content {
        margin: 40px 0 0 0;
    }

    .explorer-all {
        background: #fff;
        padding: 0 0 5px 0 !important;
        right: 0px !important;
    }

    .menu-block {
        /*width: 207px;*/
        width: 47% !important;
        min-height: 205px;
    }

        .menu-block span {
            font-size: 13px;
        }

    .explorer-all {
        width: 100%;
    }

    .explorer-all {
        right: 0px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: 80px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 80px;
    }

    .SoNavTreeView {
        min-height: 250px !important;
    }

    .Shadow {
        margin-left: 80px;
    }

    .np-ui-settings-pnl-details {
        width: 425px !important;
        margin-left: -154px !important;
        margin-top: 0px !important;
    }

    .pnlHeight-835, .pnlHeightLg {
        overflow-y: visible;
    }
    /*Default page*/
    .chrtdispl td, th {
    font-size:10px !important;
    }
     .onGoingTab {
        width: 306px;
    }
    /*end default*/
    .dm-validation {
        top: -420px !important;
    }

    .dmt {
        height: 45px !important;
        width: 97.5% !important;
    }

    #dm-container {
        width: 453px !important;
        top: 61px !important;
    }

    .tab-content {
        /* width: 259px !important;*/
    }

    #tabnav, #nav {
        margin-top: 20px !important;
    }
    /*****SOP ******/
    .sop-info-head {
        width: 87% !important;
    }

    .SOP-block {
        width: 95.75% !important;
        margin: 10px 10px 10px 10px !important;
    }

    .SOP-block-map {
        clear: both;
        width: 98% !important;
        margin: 10px 10px 10px 5px !important;
    }

    .SOP-block-image, .SOP-block-doc {
        clear: both;
        float: left;
        width: 90.5% !important;
        margin: 10px 0px 10px 25px !important;
    }

    .SOP-block-availability, .SOP-block-instruments {
        width: 94% !important;
    }

    .SOP-block-instruments {
        margin: 0 0 0 19px !important;
    }

    .map-map {
        height: 305px !important;
        width: 434px !important;
        overflow: auto;
    }
    /*** charts***/
    .type {
    }

    .type-calspeed {
        margin: 3px 0px 0 64px !important;
    }

    .ddl_ChartSet_Type {
        margin: 5px 0 4px 65px !important;
    }

    .div-btn-update-chart {
        width: 99.5%;
        text-align: center;
        margin-bottom: 4px !important;
    }

    .type-calendar {
        width: 100% !important;
    }

    /***************/
    /**** charts ****/

    .chart-variab {
    }

    .chart-thumb {
    }

    .chart-graph {
    }

    .id-descr {
    }
    /*** PIby *480**/

    .SiteInfo-table {
        width: 58% !important;
    }

    .PI-pnl-doc, .PI-pnl-objinfo {
        min-height: 170px !important;
    }

    .PI-block-site-docrep {
        clear: both;
        width: 91.25% !important;
        margin-left: 25px !important;
        margin-top: 16px !important;
    }

    .PI-block-site-map {
        margin: 10px 0 0 20px !important;
        width: 93.5% !important;
    }

    .sopPr-info-head {
        width: 88.75% !important;
    }
    /*dynamics*/
    .dyn-heighl-agl input[type="text"].sH {
        width: 25px !important;
    }

    .info-line {
        width: 88% !important;
    }
    /*Geoportal*/
    .vuwind-turbines {
        width: 95% !important;
    }

    #MainContent_upn_Satellite, #MainContent_satmap_img_MapSat {
        margin: 5px 0 0 4px !important;
    }

    .infoGP-Download {
        height: 155px !important;
    }

    #MainContent_ctrlCoordSys_pnl_CoordM select {
        width: 318px !important;
    }

    #MainContent_ctrlCoordSys_pnl_Lat input[type="text"], #MainContent_ctrlCoordSys_pnl_Lon input[type="text"] {
        width: 130px !important;
    }

    #MainContent_ctrlCoordSys_pnl_Lon input[type="text"] {
        margin-right: 50px;
    }

    .xsMargTop {
        margin-top: -40px;
    }

    .loading {
        left: 125px !important;
        float: left !important;
        margin-top: -5px !important;
    }


    .vuwind-turb-titl {
        width: 393px;
    }

    .gridview .gridview_row_selected th {
        width: 0%;
        border: 1px solid #e3e3e4 !important;
    }
}

@media screen and (max-width: 370px) {
    #MainContent_ctrlCoordSys_pnl_CoordM select {
  width: 300px !important;
}
    #MainContent_ctrlCoordSys_imgcoord {
    display:none;
    }
    .sngl-title {
  margin: 5px 40px 15px 0px !important;
  font-family: HurmeGeometricSans3-Bold;
  text-shadow: none;
  text-overflow: ellipsis !important;
  width: 311px;
}
    #MainContent_ctrlCoordSys_pnl_Lon {
    margin-right:30px;
    }
    .vuwind-turb-titl {
  width: 282px;
}
   .vuwind-turbines select {
  width: 259px !important;
  margin-left: -10px !important;
}
    #MainContent_async_Topo_pnl_Async img, #MainContent_async_Rough_pnl_Async img {
        display: block;
        max-width: 100% !important;
        height: auto !important;
    }

    .explorer-all {
        position: absolute !important;
        background: #fff !important;
        top: 0px;
    }

        .explorer-all input[type="text"] {
            width: 125px !important;
            height: 20px !important;
			font-size: 14px !important;
        }

        .explorer-all .fa-folder-open-o {
            margin-right: 10px !important;
            float: right;
            padding-left: 3px;
            font-size: 20px !important;
            color: #000;
            float: right !important;
            margin-top: 4px !important;
        }
    .btnPosition a {
    font-size:28px;
    }
	.loading {
    left: 2px !important;
    float: left !important;
    margin-top: -2px !important;
    }
	#MainContent_pnl_RecentAccesSOBlock {
  margin-bottom: 50px;
}
#MainContent_pnl_historCamp {
margin: -18px 0 50px 0;
}
div.olMap {
  height: 250px !important;
}
#MainContent_GMapCtrl_upn_Map {
background:#fff !important;
}
    #MainContent_GMapCtrl_cbl_SOTypes tr td {
  float: left;
  margin: 2px;
}
}

@media screen and (max-width: 330px) {
    #tabnav li, #nav li {
        /*margin: -1px 0 5px 10px !important;
        font-size: 13px !important;*/
    }

    .stats-column {
        width: 95%;
    }

    .fa-gears, .gears, .dividerR, .settings {
        display: none !important;
    }

    .loading {
        left: 373px !important;
        float: left !important;
        margin-top: 43px;
    }

    .wait {
        width: 200px !important;
    }

    #btn_bugPanel, #preferances {
        display: none;
    }

    #logoff {
        margin-top: 9px !important;
    }

    .vuwind-submenu {
        height: 33px !important;
    }

    .menu-block {
        /*width: 280px;*/
        width: 86% !important;
    }

    .soNav, .soNavshadow {
        width: 280px !important;
        height: 280px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        width: 280px !important;
        height: 125px !important;
    }

    .soNavSetting, .soNavSettingShadow {
        margin-left: 5px;
    }

    .soNav, .soNavshadow, .soNavNS {
        margin-left: 5px;
    }

    .SoNavTreeView {
        min-height: /*1850px*/ 250px !important;
        max-height: 250px; /*max-width:125px;*/
    }

    .Shadow {
        margin-left: 5px;
    }

    .btn_close_explr {
        width: 265px !important;
    }

    .explorer-all {
        height: 47px !important;
    }

    .content_login {
        margin: 3px auto 0px auto !important;
    }

    .np-ui-settings {
        display: none !important;
    }

    .explorer-all {
        right: 0px !important;
    }

    .df-map {
        width: 98% !important;
        margin: 0px 0 10px 0px !important;
    }

    .map-chbx-legend td {
        font-size: 0.714em !important;
        padding: 0px 0px !important;
    }

    .panl-Project {
        width: 97% !important;
        margin-left: 0px !important;
    }

    .prjs-block-portf {
        margin: 0 0 0 0px !important;
        width: 95.4% !important;
    }

    #MainContent_upn_Satellite {
        margin: 5px 0 0 5px !important;
    }
}

@media screen and (min-width:1281px) and (max-width:1367px) {
    .loading {
    top: 35px !important;
}
}