﻿
 .scroll-div-new { overflow: auto; max-height: 500px; min-height: 500px; }
    .scroll-div-new table { margin-bottom: 30px;  }


@media only screen and (min-width:960px) and (max-width: 2000px) {
}

@media only screen and (max-width: 1366px) {
    .midpart { height: auto; }

    div#gridDailyFault .k-grid-content { min-height: 225px; max-height: 360px; }

    #NetworkDown .k-grid-content, #NetworkLive .k-grid-content, #gridOperational .k-grid-content { min-height: 362px; max-height: 362px; }

    .titlebox-inner { width: 221px; }

    .blublock { min-width: 1px; width: 30%; }

    .tilelist li .textblock { width: 70%; font-size: 14px; }

    div#NetworkLive .k-grid-content { min-height: 360px; }

    .tab-content { min-height: 475px; max-height: 475px; }

    div#divGridPerformance .tab-content { min-height: inherit !important; max-height: initial !important; }
    /*div#divGridPerformance .tab-content {min-height: 338px !important; max-height: 340px !important;}*/
    div#divGridPerformance table { min-width: inherit !important; }

    .midpart { height: auto; overflow: auto; }

    .contant { min-height: 485px; }
    /*div#serviceDetails { max-height:299px;}*/
    #gridSlots { max-height: 377px; border: 0px !important; }

    div#gridSlots .k-grid-content { min-height: 210px !important; max-height: 355px !important; }

    .overviewtab { max-height: 335px; overflow: auto; min-height: 334px; }

    .leftmaxheight { max-height: 339px; }

    div#divGridSlots { min-height: inherit; max-height: 354px; }

    #grid_AuditLog .k-grid-content { max-height: 396px; min-height: 395px; }

    div#gridNonOperational .k-grid-content, div#gridDisabled .k-grid-content, div#gridArchived .k-grid-content { min-height: 360px; max-height: 363px; }

    div#gridAll .k-grid-content { min-height: 360px !important; max-height: 363px !important; }

    div#gridOperational .k-grid-content { min-height: 362px; max-height: 363px; }

    div#gridMapped .k-grid-content { min-height: 361px; max-height: 362px; }

    div#diagram { height: 461px !important; }

    .sptltab { max-height: 380px; overflow: auto; }

    .tripodliscontainer { height: 349px; }

    .tripod .titlebox-inner { height: 108px; }

    .tripod table { bottom: -20px; }

    .statusbar { bottom: 25px; }

    div#grid_Logs .k-grid-content { min-height: 270px; max-height: 270px; }

    div#gridAlert .k-grid-content { min-height: 320px; max-height: 320px; }

    .leftmaxheight2 { max-height: inherit; min-height: inherit; }

    .laptopheightcontaint { max-height: 466px; overflow: auto; }

    div#gridOpenTickets .k-grid-content { min-height: 323px; max-height: 321px; }

    div#divEscalationDetails .k-grid-content { min-height: 330px; max-height: 330px; }

    div#gridDownloadCentreReport .k-grid-content { min-height: 200px; max-height: 358px; }

    .leftmaxheight2 table { min-width: inherit; }

    .datapart.tilespartouter.modal-content.nomalradius.nooverflow.tripodtiles { margin-top: -5px; }

    .devicetrendingdivs { height: 464px; overflow-y: auto; }
    .audit-log-div { min-height: 420px; max-height: 544px; }
    .audit-log-div #grid_AuditLog .k-grid-content { max-height: 345px; min-height: 345px; }
    div#divServiceList .Thumbnails { width: 151px; }
    div#gridDownloadCentreTrafficReport .k-grid-content { max-height: 353px; min-height: 358px; }
    div#gridClosedTickets .k-grid-content { min-height: 363px; max-height: 338px; }
    .tab-pane-wrk.active { height: inherit; }
    .dashboard { margin-top: 5px; }
    .tab-pane-wrk {min-height: 341px; max-height: 342px;}
    div#divGridLogs {min-height: 310px; max-height: 335px;}
    .trap-tab {min-height: 391px; max-height: 392px; }
    div#divGridAlert {max-height: inherit;}
    div#divGridOverview {min-height: 337px; max-height: 337px;}
    div#divGridAlert {min-height:325px; max-height:325px;}
    .inventory-tbl {max-height: 456px;}
    .statusbar2 { bottom:0px; }

    /*=========new dashboard css ===========*/
.sixthpart .excelicon {  }
.sixthpart .titlebox { width: 45.5% !important; margin-right: -2px; margin-left: 9px; }
.sixthpart .titlebox p.newtilep { width: 97px; word-break:break-word !important;}
.subKPITable tr td { width: 75%; }
div#gridAlert .k-grid-content { min-height: 260px; max-height: 260px; }
div#divSiteAlertDetails .k-grid-content { min-height: 271px !important; max-height: 271px !important; }
.contant .k-grid-content { min-height: 344px; max-height: 345px; }
.scrollleft {max-height: 295px;}

.contant2 {min-height: 410px; max-height: 410px; }
.contant3 { min-height: 459px; max-height: 458px; overflow: hidden; }
.contant3 .k-grid-content{min-height: 350px; max-height: 350px;}
.contant-datapart { min-height: 389px; max-height: 389px; overflow: auto; }

.contant .contant-datapart { min-height: 408px; max-height: 408px;}

.inner-tab { min-height: 424px; max-height: 425px; }

.table-scroller { max-height: 335px; min-height: 335px; overflow: auto; }
.after-tablescroller {  position:relative !important}


}


@media (min-width: 1200px) {
    .sidebar { width: 230px; }

    .sidebar.sidebar-left { left: 0px; right: auto; }

    .sidebar.sidebar-right { right: 0px; left: auto; }
}


@media only screen and (max-width: 1024px) {
.titlebox-inner { width: 191px; height: 108px; }
.titlebox { max-height: 125px; }
.titlebox .thumbnail { min-width: 107px !important; min-height: 108px !important; }
div#defaultCube0, div#defaultCube1, div#defaultCube2, div#defaultCube3, div#defaultCube4, div#defaultCube5 { min-width: 107px !important; min-height: 103px !important; }
.icon { bottom: 4px; }
.usermenu ul li a { font-size: 14px; }
.midpart { height: auto; }
.contant .k-grid-content { height: auto !important; max-height: 437px; min-height: 436px; }
.tilesleft { padding: 8px 10px; }
#devidedashboard .blublock { min-width: 89px; }
#devidedashboard .tilelist li .textblock { float: right; width: 66%; padding: 2px 0px; }
#devidedashboard .titlebox-inner { width: 188px; }
#devidedashboard .titlebox .thumbnail { min-width: 115px !important; min-height: 116px !important; }
#devidedashboard .tilelist_Ceragon { margin-top: 75px; margin-bottom: 33px; }
.midpart { height: auto; }
.contant .k-grid-contentc, #NetworkDown .k-grid-content, #NetworkLive .k-grid-content, #gridOperational .k-grid-content { height: auto !important; max-height: 471px; min-height: 436px; }
.halfchart .datepicker-dev .k-datepicker, .halfchart .datepicker-dev .kendo-make-readonly { max-width: 111px; }
span.k-widget.k-combobox.k-header { max-width: 200px !important; min-width: inherit !important; }
div#NetworkLive .k-grid-content { min-height: 443px; }
.midpart { height: auto; }
.table-div { margin-bottom: 20px; }
#liveClock ul li { font-size: 13px; }
.tabgraph { overflow: auto; max-width: 100%; max-height: 320px; }
.tabgraph table { min-width: 100%; }
.mobilescroll { width: 100%; overflow: auto; }
.tab-content { min-height: 528px; max-height: 529px; }
#gridSlots { max-height: 467px; border: 0px !important; }
div#divGridPerformance .tab-content { min-height: 417px !important; max-height: 418px !important; }
div#divGridOverview { max-height: 444px !important; min-height: 418px; }
.overviewtab { max-height: 417px; overflow: auto; min-height: 416px; }
.leftmaxheight { max-height: 422px; min-height: 421px; }
div#divGridSlots { min-height: 481px; max-height: 482px; }
div#gridSlots .k-grid-content { min-height: 210px !important; max-height: 436px !important; }
#grid_AuditLog .k-grid-content { max-height: 457px; min-height: 457px; }
div#gridOperational .k-grid-content { min-height: 456px; max-height: 457px; }
.k-grid-content, div#gridDisabled .k-grid-content, div#gridArchived .k-grid-content { min-height: 456px; max-height: 457px; }
div#gridNonOperational .k-grid-content, div#gridDisabled .k-grid-content, div#gridArchived .k-grid-content { min-height: 456px; max-height: 457px; }
div#gridAll .k-grid-content { min-height: 456px !important; max-height: 457px !important; }
.tripod { width: 31%; }
.tripod .titlebox-inner h2 { padding-right: 15px; }
.tripod .titlebox-inner { width: 100% !important; }
.tripodlist .tilelist li .textblock { width: 55% !important; line-height: 16px; font-size: 15px; }
.statusbar { bottom: 40px; }
div#grid_Logs .k-grid-content { min-height: 254px; max-height: 390px; }
div#gridAlert .k-grid-content { min-height: 257px; max-height: 434px; }
.laptopheightcontaint { max-height: 562px; overflow: auto; }
.laptopheightcontaint table { min-width: inherit; }
div#gridOpenTickets .k-grid-content { min-height: 416px; max-height: 415px; }
div#divEscalationDetails .k-grid-content { min-height: 298px; max-height: 298px; }
div#gridDownloadCentreReport .k-grid-content { min-height: 200px; max-height: 453px; }
.devicetrendingdivs { height: 551px; overflow-y: auto; }
.InnerGraphDiv { max-width: 150px; }
.tab-content.tab-content-left.tabgraph.leftmaxheight2 { max-height: inherit; }
.sptltab { max-height: 461px; }
div#gridMapped .k-grid-content { min-height: 458px; max-height: 458px; }
div#diagram { height: 574px !important; }
.tab-content { min-height: 528px; max-height: 543px; }
div#divServiceList .Thumbnails { width: 181px; }
div#divDaily_HourlyTab > table { min-width: 100% !important; }
div#gridDownloadCentreTrafficReport .k-grid-content { max-height: 471px; min-height: 471px; }
.inventory-tbl {max-height: 586px;}
.statusbar2 { bottom:0px; }
#devidedashboard .titlebox-inner { width:auto; }
.sixthpart .titlebox p.newtilep {font-size: 13px !important; width: 97px; word-break:break-word !important;}
.sixthpart .blublock { min-width: 71px !important; }
.sixthpart .tilelist_Ceragon { margin-top: 30px !important; margin-bottom: 0px !important; }
.titlebox p.newtilep { font-size: 13px !important; width: 183px; }
.overflow-hide {overflow: hidden !important;}
.contant2 { min-height: 417px; max-height: 417px; }


}



@media (max-width: 1024px) {
    .tilelist li .textblock { float: right; width: 53%; padding: 6px 0px; }
    #liveClock ul { width: inherit; }
    .mdisnone { display: none; }
    .tab-pane-wrk {max-height: 500px;}
    div#divGridAlert .k-grid-pager, div#divGridLogs .k-grid-pager{width:inherit !important; }
    .sixthpart .titlebox p.newtilep {font-size: 13px !important; width: 100px; word-break:break-word;}
    .sixthpart .blublock { min-width: 71px; }
    .sixthpart .tilelist_Ceragon { margin-top: 30px; margin-bottom: 0px; }
    div#divGridAlert { min-height: 501px; max-height: 501px; }
    div#divGridLogs {min-height: 455px; max-height: 455px;}
    .contant .k-grid-content {max-height: 354px; min-height: 355px; }

}

@media (min-width: 992px) {
    .sidebar { width: 230px; }

    .sidebar.sidebar-left { left: 0px; right: auto; }

    .sidebar.sidebar-right { right: 0px; left: auto; }
}



@media (max-width: 960px) {
    .titlebox-inner { width: 219px; }
}





@media (max-width: 768px) {
    .dropdown-menu-large { margin-left: 0; margin-right: 0; }

    .dropdown-menu-large > li { margin-bottom: 30px; }

    .dropdown-menu-large > li:last-child { margin-bottom: 0; }

    .dropdown-menu-large .dropdown-header { padding: 3px 15px !important; }

    .sidebar { width: 230px; }

    .sidebar.sidebar-left { left: 0px; right: auto; }

    .sidebar.sidebar-right { right: 0px; left: auto; }
}



/*- ------ iophone start ----------*/
@media (max-width: 767px) {
    .navigation ul li { background: #fff; }

    .navigation ul li a { color: #4a8bc2 !Important; }

    .navigation ul li:first-child a { border-left: 1px #fff solid; }

    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #fff; border-color: #ddd; }

    .navbar-default .navbar-nav > li > a { text-align: left; }

    .navbar-default .navbar-nav > li > a .caret { float: right; }

    .dropdown-menu-large { background: #fff !important; padding: 0px; }

    .mtcenter { text-align: center !important; }

    .mmenu { display: block; color: #fff; float: left; padding: 13px 15px; text-transform: uppercase; }

    .mmenu:hover { color: #fff; }

    .midpart { height: auto; padding-bottom: 29px; }

    .titlebox-inner { width: 157px; }

    .tilesleft { margin-bottom: 15px; }

    .titlebox p { margin-top: 6px; margin-bottom: 0px; }

    .textblock br { display: none; }

    .tilelist li .textblock { line-height: 30px; width: 69%; }

    .datepicker-dev { text-align: left; margin-bottom: 15px; margin-top: 15px; display: block; }

    .datepicker-dev .Device_title, .datepicker-dev label { width: 100%; margin-bottom: 5px; }

    .datepicker-dev .k-combobox, .datepicker-dev .k-datepicker { width: 100%; }

    .mobile-btn { margin-top: 5px; float: left; }

    .footer { position: relative; }

    #liveClock ul li { font-size: 13px; }
}




@media (max-width: 640px) {
    .titlebox { width: 95%; margin: 8px 10px 0px; }

    .titlebox-inner { width: 77%; }
}




@media (max-width: 600px) {
    .titlebox { height: auto; max-height: inherit; float: none; }

    .titlebox-inner { width: 100%; height: auto; overflow: hidden; float: none; }

    .titlebox .thumbnail { min-height: inherit !important; height: auto !important; float: none; min-height: inherit !important; width: 100% !important; max-width: 100% !important; min-width: inherit !important; }

    div#defaultCube0, div#defaultCube1, div#defaultCube2, div#defaultCube3, div#defaultCube4, div#defaultCube5 { width: 100% !important; float: none; height: auto !important; }

    .icon { right: 7px; bottom: 7px; }

    div#defaultCube0 img, div#defaultCube1 img, div#defaultCube2 img, div#defaultCube3 img, div#defaultCube4 img, div#defaultCube5 img { width: 100% !important; float: none; height: auto !important; }
}



@media (max-width: 558px) {
}


@media (min-width: 528px) {
    .sidebar { width: 300px; }

    .sidebar.sidebar-left { left: 0px; right: auto; }

    .sidebar.sidebar-right { right: 0px; left: auto; }
}


@media (max-width: 480px) {
}






@media (max-width: 400px) {
    .tilelist li .textblock { width: 100%; }

    .blublock { width: 100%; }
}




@media (max-width: 360px) {
}



@media (max-width: 320px) {
}
