#logoimage {
    left: -5px !important;
    top: -6px !important;
}

/*ipad styles */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  body, nav{
      font-family: -apple-system, BlinkMacSystemFont,Montserrat, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
   .jumbotron{
        color:#000;
        text-align:left;
    }
     .jumbotron .col-md-3{
        /*width:32%;*/
        display:inline-block;
    }
     .jumbotron .col-md-2{
        /*width:48%;*/
        display:inline-block;
    }
  .table-bordered>tbody>tr>td,
  .table-bordered>tbody>tr>th{
        display: table-cell;
    }
     .table-bordered>tbody>tr {
        display: table-row;
    }

    .table-bordered>tbody>tr.cartnew-design {
        display: none;
    }

    .table-bordered>tbody>tr.cartnew-design.collapse.in {
        display: table-row;
    }
    
    nav a {
        padding-left: 2px; 
        padding-right: 2px;
    }
    nav li {
        font-size:9px;
    }
    #notification_count {
        padding: 1px 4px 1px 5px;
        margin-left: 35px;
        font-size: 10px;
        border-radius: 4px;
    }
    .acc_container form {
        overflow-x: auto;
    }
    .acc_container form table {
        overflow-x: auto !important;
    }
    #taskrow157 td:nth-child(2), #taskrow157 td:nth-child(6) {
        white-space: nowrap !important;
        min-width: 96px;
    }
    #Completedorderslist .row{
        overflow-x:auto;
    }
    #Completedorderslist .row table td:first-child,
    #orderitemslistsection table td:first-child,
    #tasklistsection td:nth-child(2),
    #optaskitems td:nth-child(2),
    #crinvoiceform td:first-child,
    #journallistsection td:first-child,
    #resourcelistsection  td:first-child{
        white-space:nowrap;
    }
    .row.show-grid .col-md-3,
    .row.show-grid .col-md-2{
        padding-left: 0;
        padding-right: 9px;
    }
    .acc_container .block{
        padding:0px;
    }
    .acc_container .jumbotron{
        padding:15px;
    }
    #findashboardsection .show-grid {
    display: flex;
    /*flex-direction: column-reverse ;*/
}
  
}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  
    body, nav{
    font-family: -apple-system, BlinkMacSystemFont,Montserrat, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    .jumbotron{
        color:#000;
        text-align:left;
    }
    .jumbotron .col-md-3{
        width:32%;
        display:inline-block;
    }
     .jumbotron .col-md-2{
       /* width:48%;
        display:inline-block;*/
    }
    
    .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th{
        display: table-cell;
    }
     .table-bordered>tbody>tr {
        display: table-row;
    }
    .table-bordered>tbody>tr.cartnew-design {
        display: none;
    }

    .table-bordered>tbody>tr.cartnew-design.collapse.in {
        display: table-row;
    }
     nav a {
        padding-left: 7px; 
        padding-right: 7px;
    }
    nav li {
        font-size:9px;
    }
     #notification_count {
        padding: 1px 4px 1px 5px;
        margin-left: 35px;
        font-size: 10px;
    }
    .acc_container form {
        overflow-x: auto;
    }
    .acc_container form table {
        overflow-x: auto !important;
    }
    #taskrow157 td:nth-child(2), #taskrow157 td:nth-child(6) {
        white-space: nowrap !important;
        min-width: 96px;
    }
    #Completedorderslist .row{
        overflow-x:auto;
    }
    #Completedorderslist .row table td:first-child,
    #orderitemslistsection table td:first-child,
    #tasklistsection td:nth-child(2),
    #optaskitems td:nth-child(2),
    #crinvoiceform td:first-child,
    #journallistsection td:first-child,
    #resourcelistsection  td:first-child{
        white-space:nowrap;
    }
    .row.show-grid .col-md-3,
    .row.show-grid .col-md-2{
        padding-left: 0;
        padding-right: 9px;
    }
    .acc_container .block{
        padding:0px;
    }
    .acc_container .jumbotron{
        padding:15px;
    }
    #findashboardsection .show-grid {
    display: flex;
    flex-direction: column-reverse ;
}
  
  
}

/*ipad pro - portrait*/

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
   nav a {
        padding-left: 7px; 
        padding-right: 7px;
        font-size:11px;
    }
    
    div#piechart {
        height: 340px;
        /*overflow: hidden;*/
        top: 191px;
        
    }
    
    div#piechart svg {
        position: absolute;
        /*top: -62px;*/
        top: -46px;
        left: -99px;
    }
      
    div#gauge_div svg {
        position: absolute;
        /*top: -62px;*/
        top: -46px;
        left: -99px;
    }
    
    #findashboardsection .row.show-grid {
       /* height: 610px;
        overflow: hidden;
        overflow-y: auto;*/
    }
    
    #piechart svg {
        width: 650px !important;
        height: 380px !important;
    }
    #piechart svg defs + rect {
        fill: transparent;
    }  
    #piechart svg defs + rect {
        width: 630px !important;
        height: 360px  !important;
    }
    div#findashboardsection {
        display: flex;
        flex-direction: column;
    }
    #projectitems #projectrow12 td:first-child {
        width: 50px !important;
    }
    #projectitems #projectrow36 td:first-child {
        width: 50px !important;
    }
    #projectitems #projectrow48 td:first-child {
        width: 50px !important;
    }
    #projectitems #projectrow12 td:nth-child(2) {
        width: 350px !important;
    }
    #projectitems #projectrow36  td:nth-child(2) {
        width: 350px !important;
    }
    #projectitems #projectrow48  td:nth-child(2) {
        width: 350px !important;
    }
    #progressreportlist {
        display: flex;
        flex-direction: column;
    }
    .jumbotron table .btn {
        padding: 2px 1px;
    }
    .jumbotron table td {
        padding: 6px 4px !important;
    }
    .form-control{
        height:29px;
    }
    #issueslipstable thead tr th:nth-child(2) {
        min-width: 90px;
    }
 }