@media (min-width:900px) and (max-width:1024px) {
    .i-profile {
        margin-left: 16%;
        background: white;
        margin-top: 1%;
        width: 85%;
    }
    .track-window{
     width:92% !important;
 }
   .tracking-report {
margin: 0% 1% auto !important;
width: 98%;
}
     .profile-printer{
        width:100% !important;
    }
      .e-close-icon{
        padding-bottom:8px !important;
    }
}
@media (min-width:1601px) {
   
.i-profile{
    margin-left: 12% !important;background: white;margin-top: 1%;width: 88% !important;
}
 /*.ims-content{
      height: 845px !important;
  }*/
} 
@media (min-width:1467px) and (max-width:1600px) {
   .ims-dialog{
    margin:4% auto !important;
    margin-left:5px !important;
    margin-top:5px !important;
        width:100% !important;
        
    }
.i-profile{
    margin-left: 14% !important;background: white;margin-top: 1%;width: 86% !important;
}
  #createshipment{
        /*height:100%;*/
  /*height: 435px !important;*/
overflow-y: auto !important;
    }
  /*.ims-content{
      height: 532px !important;
  }*/
}
@media (min-width:1661px) {
 
.profile-printer{
    width:86% !important;
}
 /*.ims-content{
      height: 845px !important;
  }*/
}
@media (min-width:1000px) and (max-width:1466px) {
     .company-profile{
        margin-left:33% !important;
    }
     .ims-dialog{
   
    margin-top:5px !important;
       
        
    }
     #imsgridheight{
        height:320px !important;
    }
    #createshipment{
        /*height:100%;*/
  /*height: 435px !important;*/
overflow-y: auto !important;
    }

     .in-modal{
         margin-top: 65px;
        margin-left: 24%;
     }
.i-profile{
    margin-left: 14% !important;background: white;margin-top: 1%;width: 86% !important;
}
 /*.ims-content{
      height: 532px !important;
  }*/
}
@media (min-width:721px) and (max-width:979px) {
    .e-modal-dialog {
        width: 80% !important;
        margin: auto !important;
    }
    
   #imgPopup {
    padding: 10px 10px 0px 10px;
    height: 390px !important;
    width: 100%;
    overflow: auto;
    overflow-y: auto;
}
    /*.ims-content{
        height:625px !important;
    }*/
  
.tracking-report {
margin: 0% 1% auto !important;

width: 98%;

}
.popup-window2{
    width:80% !important;
    margin-left:15% !important;
}
.p-content{
    margin-top:65px;
    height:875px !important;
}
 .profile-content{
        height:730px !important;
    }
    #companyprofile{
         height:660px !important;
    }
    #UpdateProfile{
         height:845px !important;
    }
  .e-close-icon{
        padding-bottom:8px !important;
    }
  .e-lastname {
padding-right: 0px;
padding-left: 0px;
float: left;
}
.deleterow-icon
{
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,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);
}             
.small-box h3{
    padding-left:5px !important;
}
.small-box p{
    padding-left:5px !important;
}
 .popup-window{
        width:85% !important;
       
    }
 #createshipment{
     /*height: 530px;*/
overflow-y: auto;
 }
 .ims-window{
     width:99% !important;
     overflow-y:auto;
     margin-top:25px;
 }
 .track-window{
     width:67% !important;
 }
 .emp-window{
     margin-top:3% !important;
 }
.popover.bottom>.arrow{
        margin-left:0px !important;
    }
    .popover-title{
        padding:8px 3px !important;
    }
    .popover{
        min-width:119px !important;
    }
.e-notify{
    padding-top: 5px; padding-bottom: 15px;margin-top:-5px; padding-left: 5px;padding-right:0px; width:68% !important;
}
.e-noti{
    padding-left: 30px;float:left;margin-bottom:0px; width:36% !important;
}
.e-notif{
    padding-left: 30px;float:left;margin-bottom:0px; width:34.8% !important;
}
.e-receive{
    padding-left: 30px;width:39% !important;
}
.e-exception{
    padding-left: 30px;width:35.5% !important;
}
.e-allstatus{
    padding-left: 30px;width:34%;
}
.d-clear{
    clear:both;
}
.pro-label{
    padding-left:0px;
}
.profile-label{
    padding-right:0px;
}
 .i-profile{
        margin-left: 28%;
        background: white;
        margin-top: 2%;
        width: 72%;
    }
 .profile-label {
text-align: left !important;
padding-left: 0px;
font-weight: bold;
}
 .control-group{
     width:100% !important;
     padding-right:0px;
 }
 .profile-image{
     width:100% !important;
    
 }
 .phone-content{
     width:100% !important;
     margin-top:15px;
 }
 .in-foot{
     width:100% !important;
 }
.pro-upload{
    margin: 30%;
margin-top: 0px;
margin-bottom: 0px;
}
 .i-image{
   width: 30%;

text-align: center;
margin: 25% auto;
margin-top: 0px;
margin-bottom: 0px;
}
  .i-carr{
    padding-right: 10px; padding-left:10px;margin-top:10px;width:20%;
}
  .t-left{
        width:30% !important;
    }
    .t-right{
        width:70% !important;
    }
 .modal-dialog{margin-top:80px !important;}
    .modal {
        margin-top: -50px !important;
    }
.s-active{
    width:14.2% !important;
}
 .i-service{
        padding-right:5px !important;
        margin-top:5px !important;
        width:57% !important;
    }
   .s-service{
        width:12.5% !important;
        margin-top:10px !important;
    }
.sta-sig{
    width:25% !important;
}

.status-dialog{
    width:70% !important;
}
.t-text{
    margin-top: 10px !important;
    width:12.5% !important;
}
.t-field{
    margin-top: 5px !important;
    width:23.5% !important;
}
.ff-text{
    width:26% !important;
}
.ff-field{
    padding-right:5px;
    width:22.5% !important;
}
.mf-field{
    width:11% !important;padding-right:0px;padding-left: 5px; padding-top: 5px;
}
.isf-text{
    width: 1%; padding-left: 5px; padding-right: 0px; padding-top: 5px;
}
.isf-field{
    width:12% !important;padding-right:5px;padding-left:10px; padding-top : 5px;
}
.lf-text{
    width:26% !important;
}
.lf-field{
    padding-left:5px;
    width:24.5% !important;
}
.cf-text{
    width:28% !important;
}
.cf-field{
    width:73% !important;
}
.f-text{
    width:26% !important;
}
.f-field{
    padding-right:5px;
    width:22.5% !important;
}
.m-field{
    width:9% !important;padding-right:0px;padding-left: 0px; padding-top: 5px;
}
.is-text{
    width: 1%; padding-left: 5px; padding-right: 0px; padding-top: 5px;
}
.is-field{
    width:12% !important;padding-right:5px;padding-left:10px; padding-top : 5px;
}
.l-text{
    width:26% !important;
}
.l-field{
    padding-left:5px;
    width:24.5% !important;
}
.c-text{
    width:28% !important;
}
.c-field{
    width:73% !important;
}
    .icon-width{
    width:10% !important;
}
    .im-top{
 width:50% !important;
}
.im-btn{
    width:20% !important;
}
.d-button{
    min-width:20px !important; 
    width:30px !important; 
     margin-right:5px !important; 
}
.d-status{
     width:33.3% !important;
     padding-left:10px;
     padding-right:4px !important;
 }
  .track-dialog{
    width: 70%;
margin: auto;
}
.track-content{
    height:310px !important;
    }
.c-footer{
        margin-top:-20px;
    }
.carrier-content{
    height:400px;
}
.package-content{
    height: 320px !important;
}
.phone-no-padding{
    padding-right:0px !important;
    padding-left:10px;
}
.dash-chart{
    background:#f8fafb; 
    padding-top:10px; 
    padding-left:0px !important; 
    padding-right:0px; 
    padding-bottom:10px; 
    margin-left:5px !important;  
    width:98% !important;  
    border-bottom:2px #e3eaf3 solid;
}
.clear{
    clear:both;
}
.phone-chart{
    width:41% !important;
}
.chart-box{
    width:100% !important;
}
.none2{
    display:none;
}
.ims-internal-input{
    width:20% !important;
    margin-top:5px !important;
    padding-left:10px !important;
}
.phone-ims-external{
    width:18% !important;
    margin-top:5px !important;
}
.ims-external-input{
    width:20% !important;
    padding-right:0px !important;
     margin-top:5px !important;
}
.phone-ims-date1{
    width:6% !important;
    padding-left:10px !important;
     margin-top:5px !important;
}

.ims-split{
    width:30% !important;
}
.phone-ims-state{
    width:45% !important;
    margin-top:5px !important;
    padding-bottom:0px !important;
    padding-left:10px !important;
}
.phone-ims-internal{
    padding-left:10px !important;
     margin-top:5px !important;
    width:16% !important;
}

.phone-status-input{
    width:55% !important;
    margin-top:5px !important;
    padding-right:10px !important;
    padding-left:0px !important;
    padding-bottom:0px !important;
    
}
.none1{
    display:none;
}

.carrier-isactive{
    margin-top:25px !important;
}
.phone-ims-input{
    padding-right:10px !important;
    margin-top:5px  !important;
}
.emp-zipcode{

    width:46% !important;
    padding-right:0px !important;
}
.tab-zip-user{
    width:100% !important;
}
.loc-zip{
    padding-left:3px !important;
    width:26% !important;
}
.phone-location-code{
    padding-left:0px !important;
}
.phone-loc-phone{
    padding-left:0px !important;
    padding-right:3px !important;
}

.emp-city{
    width:45% !important;
    padding-left:0px !important;
    padding-right:0px !important;
    margin-left:0px !important;
}
.tab-styled-select1{
    width:48% !important;
    padding-right:0px !important;
    padding-left:5px !important;
}
.tab-emp-userid{
    width:30% !important;
}
.tab-emp-companyname{
    width:94% !important;
}
.emp-phone{
    width:50% !important;
}
.ipad-ims-packagefield{
    width:25% !important;
}
.ipad-ims-totalfield{
    width:25% !important;
    padding-right:5px !important;
    padding-left:10px !important;
}
.tab-nopadding{
    padding-right:0px !important;
}
.tab-styled-select{
    width: 47% !important;
    padding-right: 3px !important;
    margin-left: 12px;
}
.emp-zip{
    width:22% !important;
    padding-left:0px !important;
}
.tab-zip-control{
    width:104% !important;
}
.tab-emp-phone{
    width:100% !important;
}
.ipad-loc-add{
    width:96% !important;
}
.tab-emp-role{
    width:98% !important;
}
.tab-emp-email{
    width:104% !important;
}
.emp-control{
    width:110% !important;
}
.tab-emp-control{
    width:100% !important;
}
.emp-firstname{
    width:49% !important;
    padding-right:15px !important;
}
.tab-emp-lastname{
    width:50% !important;
    padding-left:10px !important;
}
.tab-emp-location{
    width:50% !important;
    padding-right:4px !important;

    
}
.tab-emp-add{
    padding-right:5px !important;
}
.tab-emp-addr{
    padding-left:10px !important;
    padding-right:5px !important;
}
.tab-emp-role1{
    width:50% !important;
    padding-right:5px !important;
    padding-left:10px !important;

}

    .modal-header{
        /*border-top-left-radius:5px;
        border-top-right-radius:5px;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }
    .modal-content{
        border-top-left-radius:5px !important;
        border-top-right-radius:5px !important;
    }
    /*.ipad-body{
        width:100% !important;*/
    }
    .location-dialog{
        width:80% !important;
    }
    .ims-ship{
        width:20% !important;
        padding-left:10px !important;
    }
    .tab-ims-new{
        padding-right:0px !important;
        width:35px !important;
    }
    .tab-ims-carrier{
        width:21% !important;
         padding-right:0px !important;
    }
     .tab-ims-service{
        width:28% !important;
         padding-right:0px !important;
    }
    .tab-ims-shipto{
        width:20% !important;
        padding-left:0px !important;
    }
    .tab-location-remark{
        width:103% !important;
    }
    .tab-stataus-content{
        height:385px !important;
    }
    .tab-status-code{
        padding-left:0px !important;
        width:45% !important;
    }
    .tab-ims-package{
        width:20% !important;
         padding-left:5px !important;
    }
    .tab-ims-total{
        width:17% !important;
         padding-left:10px !important;
          padding-right:10px !important;
    }
    .tab-ims-date{
        width:14% !important;
        margin-top:-3px;
    }
    .tab-ims-external{
        width:24% !important;
    }
    .tab-ims-internal{
        width:24% !important;
        padding-left:0px !important;
    }
    .tab-status-description{
        width:100% !important;
    }
    .tab-package-code{
        width:40% !important;
    }
    .tab-package-description{
        width:100% !important;
    }
    .tab-status-type{
        padding-right:0px !important;
        padding-top:2px;
        width:55% !important;
    }
    .small-box {
        text-align: center;
    }
    .ipd-status{
        width:33.4% !important;
        padding-right:0px !important;
    }    .dashboard-external{
        width:33.3% !important;
    }
     .ipad-empid{
        width:33% !important;
        padding-left:8px !important;
    }
      .dashboard-shipto{
        width:33% !important;
        padding-left:8px !important;
    }
     .box-body{
         width:100% !important;
     }
    .ims-internal{
        width:19% !important;
    }
    .e-active{
        padding-left:0px !important;
        padding-right:10px !important;
    }
    .ipad-e-ucount{
        padding-right:2px !important;
    }
    .e-ucount{
        padding-right:20px !important;
        width:35% !important;
    }
    .e-operation{
         width:35% !important;
    }
    .e-standard{
          width:36% !important;
    }
     .dashboard-internal{
        width:33.3% !important;
    }
     .dashboard-status{
        width:20% !important;
    }
     .dashboard-from2{
        width:33.3% !important;
        padding-left:10px !important;
        padding-right:0px !important;
    }
     .dashboard-from1{
        width:33.3% !important;
        padding-left:10px !important;
        padding-right:5px !important;
    }
     
    .field-padding{
        width:33% !important;
        padding-right:10px !important;
        padding-left:10px !important;
    }
     .field-padding1{
        width:33% !important;
        padding-right:10px !important;
        padding-left:10px !important;
    }
   
    .dx-datebox-with-calendar .dx-texteditor-input{
        padding-right:0px !important;
    }
    .ipad-status{
        margin-bottom:1px !important;
    }
    .package1{
        width:33.3% !important;
        height:100px;
    }
     .e-field{
    width:50% !important;
}
        .e-field1{
    width:50% !important;
    margin-bottom:10px;
}
    .tab-location-dialog{
        width:80% !important;
        margin:auto;
    }
     .top-button{
        font-size: 26px;
        margin-top: 10px;
        padding-left: 20px;
    }
    .tab-location-code{
        width:100% !important;
    }
   
    .tab-location-name{
        width:55% !important;
    }
    .dashboard-col{
        width:20% !important;
    }
    .tab-location-state{
        width:30% !important;
        padding-right:15px !important;
    }
    .tab-location-content{
        height:340px !important;
    }
    .tab-carrier-isactive{
         margin-top:25px !important;
    }
   
    .ipad-ims-carrier{
    margin-top:10px !important;
    width:25% !important;
}
    .ipad-ims-service{
        width:20% !important;
    padding-right:5px !important;
    padding-left:10px !important;
    }
    .ipad-column-select{
        margin-top:5px !important;
        width:30px !important;
    }
    .tab-loc-addr2{
        padding-right:15px !important;
        padding-left:0px !important;
    }
    .tab-loc-zipcode{
        width:48% !important;

    }
     .profile-change{
        margin-left: 32% !important;
        margin-top: 30% !important;
    }
     .invite-modal-dialog{
         margin-left:45% !important;
         
     }
     
     .ims-carr{
         width: 6% !important;
         padding-left: 10px !important;
         margin-top : 5px !important;
     }
      .company-profile{
        margin-left:37.5% !important;
        margin-top:15% !important;
    }
      .profile-printer{
          width:74% !important;
          margin-bottom:5px;
      }
      .cs-padding{
          width:100% !important;
      }
      .profile-body{
          overflow-y:auto;
          height:370px;
      }
      .in-modal{
            margin-left: 36% !important;
            width: 60% !important;
            margin-top: 15% !important;
        }
       .profile-left{
           width:100% !important;
           padding:0px !important;
       }
       .i-comp{
           padding-right:5px;
       }
       .profile-right{
            width:100% !important;
           padding:0px !important;
       }
       .p-mail{
           padding-left:0px !important;
           padding-right:15px !important;
       }
       .p-build{
           padding-left:0px !important;
            padding-right:0px !important;
       }
       #UpdateProfile{
           height:470px;
           overflow-y:auto;
       }
        .ims-modal-content{
     height:450px !important;
     width:600px !important;
 }       
 #imgid{
     height:430px !important;
    width: 100% !important;
 }
 #clear{
        clear:both;
    }
    .mail-font{
        font-size:13px;
    }
    .p-box-content{
    padding: 12px 10px;
margin-left: 90px;
cursor:pointer;
}
}


@media (min-width:481px) and (max-width:720px) {
    .phone-ship-from{
    width:100% !important;
}
   .tracking-report {
margin: 0% 1% auto !important;

width: 98%;

}
   .import-popup{
       width:80% !important;
       margin-left:10480% !important;
   }
   #imgPopup {
    padding: 10px 10px 0px 10px;
    height: 390px !important;
    
    overflow: auto;
    overflow-y: auto;
}
   /*.ims-content{
       height:835px !important;
   }*/
   .login-company{
       text-align:left !important;
       padding-left:15px;
   }
   .ff-text{
       width: 23%;
   }
   .lf-field{
       width:26%;
   }
    .cf-field {
        width: 76%;
    }
    .mf-field{
    width:11%;
}
    .e-close-icon{
        padding-bottom:8px !important;
    }
    .small-box h3{
    padding-left:5px !important;
}
   
.small-box p{
    padding-left:0.5px !important;
    font-size:18px !important;
    margin-bottom:0px !important;
}



    .modal-dialog { display:table-cell; vertical-align:top;}
    .popup-window{
        width:85% !important;
        margin-top:50%;
    }
    #dateselect{
        font-size:16px !important;
    }
    #daterange{
        font-size:15px !important;
    }
    .ims-window{
    margin-top:10% !important;
    width:98% !important;
}
    .mail-font{
        font-size:13px;
    }
    #clear{
        clear:both;
    }
 .ims-modal-content{
     height:450px !important;
     width:450px !important;
 }       
 #imgid{
     height:430px !important;
     width:100% !important;
     
 }
    .company-phone{
        width:100% !important;
    }
    #frameschild{
        padding-top:120px !important;
    }
    .tracking-report {
margin: 0% 1% auto;
width: 98%;
border: 1px #333 solid;
}
  
    .e-work{
        width:100% !important;        
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .html{
    margin-right:10px;
}
    .popover.bottom>.arrow{
        margin-left:0px !important;
    }
    .popover-title{
        padding:8px 3px !important;
    }
    .popover{
        min-width:119px !important;
    }
   .e-notify{
    padding-top: 5px; padding-bottom: 10px;margin-top:-5px; padding-left: 10px;padding-right:5px; width:79% !important;
}
.e-noti{
    padding-left: 35px;float:left;margin-bottom:0px; 
}
.e-notif{
    padding-left: 35px;float:left;margin-bottom:0px; width:
}
.epro-userid{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
     margin-top:15px !important;
}
.e-receive{
    padding-left: 35px;
}
.e-exception{
    padding-left: 35px;
}
.e-allstatus{
    padding-left: 35px;
}
  .t-report{
       
        margin-top:10px;
    }
  
    .t-report{
        width:100%;
        margin-top:50px !important;
        margin-left:8% !important;
        padding-left:0px;
    }
    .t-image{
        margin-top:0px !important;
    }
    
    .t-left{
        width:45% !important;
    }
    .t-right{
        width:55% !important;
    }
    .ipad-column-select{
        margin-top:5px !important;
    }
    .i-high{
    padding-top: 0px;
}
    .box-body{
        padding-top:0px;
    }
    .i-height{
    height: 5px;
}
    .space-line{
        height:3px;
    }
    .i-carr{
    padding-right: 5px; padding-left:5px;margin-top:5px;width:25%;
}
    .ims-carr{
    padding-left: 0px; width: 9%; margin-top: 10px; padding-right: 0px;
}
    .ims-external-input{
        width:16% !important;
        margin-top: 5px !important;
        padding-right: 0px !important;
    }
    
    .profile-change{
        margin-left: 30% !important;
        margin-top: 100px !important;
    }
    .pre-modal{
        
        width:95% !important;
    }
    .invite-modal-dialog{
        margin-top:100px !important;
        margin-left:40% !important;
    }
    .your-compnyname{
        width:100% !important;
    }
    .pre-pre{
        width:100%;
        padding-right:0px !important;
    }
    .pre-internal{
        width:100%;
        padding-right:0px !important;
    }
    .pre-nopad{
        width:100%;
        padding-right:0px !important;
    }
    .ya-active{
        padding-top:0px !important;
        width:100% !important;
    }
    .deleterow-icon{
        margin-left:10px !important;
    }
     .modal-dialog{margin-top:80px !important;}
     .modal{
          margin-top:-50px !important;
     }
    /*#iframe_a {
        height: 750px !important;
    }*/
    .ims-dialog{
        width:95% !important;
        margin-left:4% !important;
        margin-top:50px !important;
    }
.sign-logo{
        width:80% !important;
    }
.mobile-signin {
width: 72% !important;
margin-right: 27% !important;
}
    .account-container {
width: 280px !important;
margin-top: 15% !important;
overflow: hidden;
}
    .tab-styled-select{
        width:100% !important;
        margin-left:0px !important;
    }
    .phone-ims-date{
        width:100% !important;
        margin-top:5px;
    }
    .t-text{
        width:15% !important;
        margin-top:10px !important;
    }
    .t-field{
        width:10% !important;
        margin-top:5px !important;
    }
    .s-service{
        width:14% !important;
        margin-top:10px !important;
    }
    .i-service{
        padding-right:5px !important;
        margin-top:5px !important;
        width:44% !important;
    }
    .phone-ims-external{
    width:25% !important;
    margin-top:5px;
    
}
    .phone-ims-internal{
        width:25% !important;
    }
    .phone-ims-date1{
        width:10% !important;
        margin-top:5px;
        padding-left:0 !important;
    }
    .date-input{
        width:24% !important;
        margin-top:0px;
    }
    .padtop{
        padding-left:0px !important;
        padding-right:0px !important;
    width:100% !important;
}
.invite-modal-dialog{
    width:75% !important;
    margin:auto !important;
    margin-left:25% !important;
}
    .icon-width{
    width:10% !important;
}
    .im-top{
 width:50% !important;
}
.im-btn{
    width:30% !important;
}
    .profile-content{
   width: 90% !important;
margin: auto;
height: 405px !important;
}
    .cs-padding{
    width:100% !important;
}
    .cs-add{
        padding-left:0px !important;
        padding-right:0px !important;
          width:100% !important;
    }
    .cs-add2{
        padding-left:0px !important;
        padding-right:0px !important;
        width:100% !important;
    }
    .cs-loc{
        padding-left:0px !important;
        padding-right:0px !important;
        width:100% !important;
    }
    .status-content{
    height:440px;
}
    
    .cs-title{
 width:100%;
}
    .company-phone{
    width:100% !important;
    padding-left:0px !important;
    margin-top:5px !important;
}
    .deleterow-icon
{
width: 14px;
height: 14px;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,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);
}
    .loc-content {
height: 410px !important;

margin: auto;
}
.l-code{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-name{
    width:100% !important;
    margin-top:3px;
     padding-left:5px !important;
    padding-right:5px !important;

}
.l-add1{
    width:100% !important;
    margin-top:3px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-addtext{
    width:100% !important;
    height:100px;
}
.l-codetext{
    width:100% !important;
    margin-top:5px;
}
.l-city {
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-state{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-zip{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
  margin-top:5px;
}
.l-country{
    width:100% !important;
     margin-top:5px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-phone{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
   margin-top:5px;
}
.l-status{
    width:100% !important;
     margin-top:5px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-remark{
    width:100% !important;
    margin-top:5px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-remarktext{
    width:100% !important;
    height:38px;
}
    .e-content{
    height:400px;
}
    .first-field{width:100% !important;}
    .e-city{
    width:100% !important;
}
    .buildno{
    margin-left:0px;margin-top:0px;padding-left:5px !important; width:100% !important;padding-right:5px !important;margin-top:0px;
}
    .emp-role{
    width:100% !important;
     padding-right:5px !important;
     padding-left:5px !important;
}
.e-add1{
     width:100% !important;
   padding-right:5px !important;
     padding-left:5px !important;
}
.ya-add1{
     width:100% !important;
   padding-right:5px !important;
     padding-left:5px !important;
}
.ya-add2{
     width:100% !important;
   padding-right:5px !important;
     padding-left:5px !important;
}
.e-company{
     width:100% !important;
   padding-right:5px !important;
     padding-left:5px !important;
}
.e-loc{
     width:100% !important;
   padding-right:5px !important;
     padding-left:5px !important;
}
.emp-email{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
}

.e-zip{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
}
.ep-country{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
}
.ep-phone{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
}
.ep-userid{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
}
.ep-mailid{
    width:100% !important;
    padding-right:5px !important;
     padding-left:5px !important;
}
.ep-status {
    width:100% !important;
margin-top: 5px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.ep-state{
    width:100% !important;
     padding-right:5px !important;
     padding-left:5px !important;
}
     .dashboard-shipto{
        width:100% !important;
        padding-left:10px !important;
    padding-right:10px !important;
    
        }
     .d-modal-dialog{
border-radius:10px;
width:80% !important;
height:380px;
margin:auto;
}
     .chart-number{
    width:100% !important;
}
     .d-select{
         width:100% !important;
     }

    .d-button{
    min-width:20px; 
    width:30px; 
    padding:0px !important;
     margin-right:5px; 
}
.d-status{
     width:100% !important;
     padding-left:10px !important;
     padding-right:10px !important;
 }
   .modal-popup{
    width:80% !important;
    margin:auto;
} 
   .track-dialog{
    width: 70%;
margin: auto;
}
    .user-id{
        width:100% !important;
        padding-right: 10px !important;
padding-left: 10px !important;
    }
     .field-padding{
        width:50% !important;
        margin-right:0px !important;
        padding-right:10px !important;
        padding-left:10px !important;
    }
       .field-padding1{
        width:50% !important;
        margin-right:0px !important;
        padding-right:10px !important;
        padding-left:10px !important;
    }
    .track-content{
    height:425px !important;
    }
    .t-code{
    width:100%;
    padding:0px 5px;
}
.t-name{
    width:100%;
    padding:0px 5px;
}
.t-active{
    width:100%;
padding:0px 5px;
}
.t-description{
 width:100%;
       padding:0px 5px;
}
    .c-footer{
        margin-top:-20px;
    }
     .s-code{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
     .s-type{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
     .c-name{
    width:100% !important; 
    padding:5px !important;
}
.c-description{
    width:100% !important;
    padding:5px !important; 
}
.c-active{
         width:100% !important; 
         padding-left:10px; 
         padding-right:5px; 
         margin-top:0px;
}
.p-box-content{
    padding: 12px 10px !important;
    margin-left: 90px !important;
}
    .grid-top{
    margin-top:0px !important;
}
     #iframe_a{height:900px !important;}
        #iframe_a{min-height:900px !important;}
        #ims_heigh{height:900px !important;}
        #ims_height{overflow:auto !important;}
.land-full{
    width:100% !important;
}
.package-content{
    height: 435px !important;
}
.p-active{
    float: left; 
    width: 100%;
    padding-right:5px;
    padding-left: 5px;
}
.p-description{
    width:100%;
}
.p-code{
 width:100%;
       padding-left: 5px;
    padding-right: 5px;
}
.p-name{
    float: left; 
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.tab-emp-location{
    width:50% !important;
    padding-right:4px !important;
    padding-left:10px !important;
    
}
.chart-box{
    width:100% !important;
}
.phone-chart{
    width:100% !important;
    padding-right:0px !important;
}
.chart-content{
     margin-top:10px; 
     padding-left:0px;
     padding-right:0px !important;
}
.drp-status{
    width:100% !important;
}
    .none{
    display:none;
}
    .user-id{
        width:100% !important;
        padding-right: 10px !important;
padding-left: 10px !important;
    }
.ims-package{
    width:33% !important;
    padding-left:10px !important;
}
.phone-ship-to{
    width:100% !important;
    margin-top:5px !important;
}
.dash-status{
    width:27% !important;
    padding-right:0px !important;
    margin-right:0px !important;
}
.package1{
    width:33.3% !important;
}
.active-carrier{
    margin-top:25px !important;
}
.tab-location-dialog{
    width:55% !important;
    margin:auto !important;
}
.tab-location-code{
    width:45% !important;
}
.tab-location-name{
    width:55% !important;
}
.tab-location-state{
    width:34% !important;
}
.tab-location-remark{
    width:700px !important;
}
.tab-location-content{
    height:480px !important;
}
.modal-header{
        /*border-top-left-radius:5px;
        border-top-right-radius:5px;*/
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }
.modal-content{
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
}
.top-button{
    font-size: 26px;
    margin-top: 10px;
    padding-left: 20px;
}



.ims-package1{
     width:28% !important;
    padding-left:10px !important;
    padding-right:10px !important;

}
.ims-date{
    width:35% !important;
     padding-right:0px !important;
}
.ship-input{
    width:100% !important;
}
.active-carrier{
    margin-top:25px !important;
}
.btn-ship{
    margin-left:5px !important;
}

.envelope-icon{
    font-size:15px !important;
    padding-right:2px !important;
}
.envelope-phone{
    width:30px !important;
    
}
.modal-content{
    border-top-left-radius:0px !important;
border-top-right-radius:0px !important;
}
.modal-header{
        /*border-top-left-radius:5px;
        border-top-right-radius:5px;*/
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }
.imghide{
    display:none !important;
}
.login-forgot{
    font-size:90%;
}
.login-field{
    width:175px !important;
    padding-left:45px !important;
}
.login-image{
    width:75% !important;
}
.logo1{
    text-align:center !important;
    width:70% !important 
}
.dashboard-dialog{
    width:310px !important;
    margin:auto !important;
   
}
.profile-dialog{
     width:310px !important;
    margin:auto !important;
   
}
.e-modal-dialog{
    width:65% !important;
    margin:auto;
   
}
.emp-modal-body{
    padding: 0 10px !important;
}
.dashboard-external-grid{
    /*width:300px !important;*/
    overflow-x:auto !important;
    margin-left:10px !important;
}
.d-dashboardgrid{
    padding-left:0px !important;
}

.emp-userid{
    width:100% !important;
}
.emp-mail{
    width:100% !important;
}
.emp-control{
    width:110% !important;
}

.emp-phone-mobile{
    width:110% !important;
}
.emp-city{
    width:47% !important;
}
.emp-body{
    height:350px !important;
    overflow-y:auto;
    overflow-x:hidden;
}
.i-body{
     height:740px !important;
    overflow-y:auto;
}
.sla{
    width:100% !important;
    margin-left:0px !important;
}
.emp-state{
    width:45% !important;
    padding-left:10px !important;
}
.emp-zip{
    width:48% !important;
    padding-left:0px !important;
}
.emp-firstname{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.e-lastname{
width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;

}
.emp-email{
    width:104% !important;
}


.status-photo{
    width:48.5% !important;
    padding-left:8px !important;
}
.s-hide{
    
    margin-left:3px !important;
}
.s-status{
    width:18% !important;
}
.status-location{
    padding-left:0px !important;
}
.ims-carrier{
     width:100% !important;
     padding:5px 15px 0px 10px !important;
}


.main-scroll{
    overflow-y:hidden;
    height:580px !important;
}
.btn-location{
    padding:0px;
}
.ims-ship{
    width:86% !important;
     padding-left:10px !important;
}
.none{
    display:none;
}
.none1{
    display:none;
}
.dashboard-status{
    width:32% !important;
    padding-left:10px !important;
    padding-right:10px !important;
}
.dashboard-from{
    width:32% !important;
    padding-left:10px !important;
}
.dashboard-from1{
    width:50% !important;
    padding-left:10px !important;
    padding-right:5px !important;
}
.dash-chart{
    background:#f8fafb; 
    padding-top:10px; 
    padding-left:0px !important; 
    padding-right:0px; 
    padding-bottom:10px; 
    margin-left:5px !important;  
    width:95.5% !important;  
    border-bottom:2px #e3eaf3 solid;
}
.dashboard-from2{
    width:50% !important;
    padding-right:10px !important;
    padding-left:2px !important;
}
.dashboard-external{
    width:98.5% !important;
}
.ims-external{
    width:100% !important;
}
.ims-internal{
    width:98% !important;
    padding-left:10px !important;
}
.dashboard-internal{
    width:98.5% !important;
    padding-left:10px !important;
}
.status-code{
    width:100%; 
    padding-left:0px;
    padding-right:0px !important;
}


.country-location{
    width:104% !important;
}


.none{
    display:none;
}
.location-content{
    height:480px;
}
.location-name{
    width: 95%; 
    padding-left: 0px; 
    padding-right: 0px;
}
.location-code{
   width:100% !important; 
   
   padding-right:0px !important;
}

.carrier-content{
    height:590px !important;
}
.c-dailog{
    width:65% !important;
    margin:auto;
}
.carrier-isactive{
    width:100px;
    padding-left:15px !important;
    padding-top:20px !important; 
    padding-right:0px;
}
.carriers-name{
    width:104% !important;
}
.carriers-code{
    width:104% !important;
}

.location-dailog{
    width:310px;
}
.carriers-dialog{
    width:55% !important;
    margin:auto !important;
}
.status-checkbox{
width:150px; 
padding-left:20px; 
display:inline;
}
.status-description{
    width:270px; 
    padding-left:0px; 
    padding-right:0px;
}
.status-type{
    width:100%;
    padding-left:0px;
    padding-right:0px;
    padding-top:2px;
}
.status-code1{
   padding-top:5px;
    width:270px !important;
    padding-left:0px;
}

.top-button{
   font-size: 26px;
margin-top: 10px;
padding-left: 15px;
}
.package-button {
        padding: 0px 5px 0px 5px !important;
}


.package-dialog{
    width:55% !important;
    margin:auto; 
}
.status-dialog{
    width:55% !important;
    margin:auto;
}
.package-active{
    width:100px;
    padding-top:10px !important; 
    padding-right:0px;
    padding-left:15px !important;
}
.location-active{
    width:100px;
    padding-top:10px !important; 
    padding-right:0px;
    padding-left:0px !important;
}
.employee-invite{
    width:310px !important;
}
.package1{
    width:100% !important;
    padding-bottom:10px;
    height:100px;
}

.package-code{
    padding-top:5px;
    width:100% !important;
}
.package-content{
    height: 420px;
}
.profile-change{
    width:300px;
    
    margin-left:30px;
}
.packagecount{
    float:left;
}
.packagetext{
    font-size:120% !important;
}
.profile-download{
    margin-top:-20px;
    margin-bottom:5px; width:400px;
}
.profile-printer{
    padding-right:0px;
    margin-bottom:5px;
    width:100%;
}
.profile-image{
     float:left;
     margin-left:-15px;
     margin-right:0px;
}
.profile-content{
    width:300px !important;
}

.profile-widget{
    height:350px;
    overflow:auto;
}
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .profile-group1{
    width:100px;
    }

    .profile-group{
    width:100px;
    }
    .profile-emp{
        margin-top:100px !important;
    }

    .popup-top{
        margin-top:100px;
    }
    .profile-label{
        width:100px;
        text-align:left;
        font-weight: bold;
        padding-left:0px;
    }
.sign-in{
   
    margin-right:27%;
     display:inline-block; margin-top:-20px;
}

  .control-field{
    width:100% !important;
    padding-left:0px !important;
    padding-right:0px !important;

}
}
@media (min-width:980px){
.profile-emp{
    margin-top:30px;
}
.dashboard-col{
    width:20% !important;
}
 /*#employeeadd{   height: 470px; overflow: auto; overflow-x: hidden; padding-bottom: 10px;
}*/
.none2{
    display:none;
}
.modal-content{
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
}
.modal-header{
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        /*border-top-left-radius:0px;
        border-top-right-radius:0px;*/
    }

.popup-top{
    margin-top: 0px !important;
}

.active-carrier{
    margin-top:0px !important;
}


.pro-label{
    padding-left:0px;
}
.profile-label{
    
    text-align:left !important;
    padding-left:0px;
    padding-right:0px;
    font-weight: bold;
}

.profile-group1{
    width:320px;
    float:left;
    }
.profile-image{
     float:right;
     margin-right:15px;
}
.print-dialog{
    margin:0px auto; 
}

.profile-printer{
    padding-right:0px;
    margin-bottom:5px;
    width:81%;
}
.profile-download{
    margin-bottom:5px; width:400px;
}
.profile-change{
    width:600px;
}

.location-dailog{
    width:800px;
}

.package-active{
    width:100px;
    padding-top:30px; 
    padding-right:0px;
}

.top-button{
    font-size:2em;
    margin-top: 10px;
    padding-left: 20px;
        margin-left: 0px;
}
.status-code{
    width:370px;
    padding-left:0px;
}
.status-dialog{
    width:800px; margin:0px auto;
}

.status-code1{
    width:380px; 
    padding-left:0px;
}
.status-type{
    width:380px;
    padding-left:0px;
    padding-right:0px;
    padding-top:2px;
}
.status-description{
    width:760px; 
    padding-left:0px; 
    padding-right:0px;
}
.status-checkbox{
    width:150px; 
    padding-left:20px; 
    display:inline;
}
.carriers-dialog{
    width:45% !important;
}
.carriers-code{
    width:230px;
}
.carriers-name{
    width:620px;
}
.carrier-isactive{
    
    padding-top:30px !important; 
    padding-right:0px;
}

.location-dialog{
    width:800px !important;
}


.phone-carrier-popup{
    width: 45.5% !important;
}
#clear{
        clear:both;
    }

}




@media (min-width:0px) and (max-width:480px){
.ims-package{
    width:33% !important;
    padding-left:10px !important;
}
.notes-body{
    height:255px !important;
    overflow-y:auto;
    overflow-x:hidden;
}
.status {
    width: 38%;
    max-width: 26%;
        max-width: 56% !important;
    max-height: 35px !important;
    margin: auto;
    display: block;
    text-align: center;
}
.package-image{
   width: 100% !important;
margin-left: 5% !important;


}
#register{
    padding-right:0px;
}
#confirmpwd{
    height:32px !important;
}
#newpwd{
     height:32px !important;
}
.account-container-password{
    width:95% !important;
    margin-top:15% !important;
}
.p-email{
    width:100% !important;
}
.track-window{
    width:90% !important;
    margin-left:0px !important;
}
#imgPopup{
    height: 350px;
overflow-y: auto;
overflow-x: hidden;
}
#clear{
        clear:both;
    }
.company-profile{
    margin-top:130px !important;
    margin-left:0px !important;
}
.in-modal{
     margin-top:130px !important;
    margin-left:25px !important;
}
.profile-body{
   height: 335px;
overflow-y: auto;
overflow-x:hidden;
}
.main-sidebar{
    padding-top:120px !important;
}
#frameschild{
    padding-top:120px !important;
}
.no{
    display:none;
}
.p-print{
    margin:0% !important;
    width:100% !important;
}
.p-btn{
    float:right;
    margin-left:5px;
    min-width:35px;
    padding-left:0px;
    padding-right:0px;
}
.login{
    margin-left:15%;
    width:65% !important;
}
.control-field{
    width:100% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
.d-modal-content{
height:360px !important;
}
.phone-icon{
    margin-left:6px !important;
}
.ipad-column-select{
    margin-top:5px !important;
}
.ims-carr{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.i-carr{
    width:40% !important;
    margin-top: 5px;
    padding-left:0px !important;
        padding-right:0px !important;
}
.f-text{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.t-text{
     width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.t-field{
    width:49% !important;
    margin-top: 5px;
    padding-left:0px !important;
        padding-right:0px !important;
}
.f-field{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.l-text{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.l-field{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.c-text{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.c-field{
    width:49% !important;
    padding-left:0px !important;
        padding-right:0px !important;
}
.m-field{
     width:20% !important;
}
.is-field{
    width:27% !important;
    padding-right:0px !important;
}
.e-work{
        width:100% !important;
        padding-left:0px !important;
        padding-right:0px !important;
    }
     .t-report{
        width:100%;
        
        margin-top:50px !important;
        padding-left:0px !important;
    }
    .t-image{
        width:100% !important;
        padding-left:0px !important;
        margin-top:0px !important;
    }
    
  .t-left{
      /*background:#fff !important;*/
        width:40% !important;
    }
    .t-right{
        overflow-x:auto;
        /*background:#efefef;*/
        width:60% !important;
    }
    .tracking-report{
        padding-left:0px !important;
        padding-right:0px !important;
     margin-right:2% !important;margin-left:2% !important; border:none; width:96%;
     margin-bottom:15px;
}
.phone-button{
    margin-left:0px;
    float:left;
}
.phone-first{
    margin-left:15px;
    float:left;
}
 .sign-logo{
        width:80% !important;
    }
  .padtop{
        padding-left:0px !important;
        padding-right:0px !important;
    width:100% !important;
}
.deleterow-icon
{
width: 14px;
height: 14px;
margin-left:10px !important;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAFoTx1HAAAACXBIWXMAABcRAAAXEQHKJvM/AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMfSURBVHjaYvn1+TPDrgCfEyz7woOO/VdSMQcAAAD//2I5XpBXqxqf2Mzy9sePpscRwU0AAAAA//9iOd/aWHd95oxGBkZGBkYGBgYWnfySppvz5zeycHIyOK1cwwIAAAD//wA0AMv/BObAvQDIc3LjLnJ1RwTHbm7/+fHvAMt6d9UE/Q0NAA03OAD9/PsABCpZWlzanpykAwcH5AAAAP//Yvn78yfDehODr0wcHFwMf/8yMDAyMvx8/57BtLU9gWW9ieEj/dIKLsXgEIb///8zMDAwMDAyMzFssjRbwOK0cpXzTi/3W1cnT2BggEmysDCw8fM/A4jl/ZUrDG+vXNK8OXvmvJ8fPshIWNvMkfP1bxQ1t2BgeXftWtTpqvKl7IJCDAz//zO8OH6s4dm+veX+Zy5wsZwqK1zK+J+B4ceb1wwMDAwMDP//M7AJCnFe6mxrYWHlF2AIOHGG4f/fvxD7GBkZ7q9fx3ChoyWB5d/37wxbMtMZmFlZoS5lZvh25TIDr5T0cxYuGZnHf29ck/375w8DVCvD3zdvGMw2bYtjsZ0xV+FAQtSDPz9/yjKxsjL8+vyJQTe/KJ5HQeE6QCy/v3xl+PbsGdPjXdsj7y5b3P791WtZFk5OBiaoNf9+/2b48+M7A6eI6BPl8KhqKTe3pdyycn9ZPj+6r3osJ2vv53t3ZTklJBnYBQXhAcXAwMDAzM7OwMzBwfD//3+Zy5P6Fj5Yv6bdcsoMF5aTJYULvz55LMsjK8fAr6bOwMzBzvD/z18GZMDIzMzw99dPhg83WRm+vXgudao4fxHLt8dPZZg5OBkUU9MZVEPCGP7++4diI8zjzExMDHfXr2O43t3B8PXZU0kWpYjwOTdnz2q81dvNcLm2GhLZjIyoGv//Z2BkZGRgFxBg+P3xA4NqQvICFr2SiiY+Vc0755vrZzMwM3FxCIswMCDbysjIwMDExPDz7VuGf3//fjdp78qUDwxeyPL31y8GIS2tZVaTpyz79uKl5usTx0PeXb7s8evTR1mG//8ZWPn5nwpp6+wQM7dczSEmdo1DRJTh369fDIABALr/NC6plsmCAAAAAElFTkSuQmCC);
}
.ya-cmtext{
    width:100% !important;
}
.ya-cmid{
    width:100% !important;
    text-align:left !important;
}
.half-width{
    width:50% !important;
}
.invite-modal-dialog{
    width:75% !important;
    margin:auto !important;
    margin-left:10% !important;
}
.ya-active{
    width:100% !important;
}

.pre-title{
       width:100% !important;
}
.pre-font{
    font-size:160%;
}
.pre-pre{
    width:100% !important;
    padding-right:0px !important;
}
.pre-preview{
    width:100% !important;
    padding-right:0px !important;
}

.pre-internal{
    width:100% !important;
    padding-right:0px !important;
}
.pre-body{
    width:100% !important;
    float:left;
    text-align:left;
    padding-left:0px !important;
}
.pre-nopad{
    width:100% !important;
    padding-right:0px !important;
}
.pre-modal{
    width:93.5% !important;
    margin-bottom:10px;
}
.phone-title{
 width:100% !important;
}
.icon-width{
    width:30% !important;
}
.im-btn{
    width:50% !important;
}
.profile-content{
   width: 90% !important;
margin: auto;
height: 385px !important;
}
.cs-padding{
        padding-left:0px !important;
        padding-right:0px !important;
    width:100% !important;
}
.cs-add{
        padding-left:0px !important;
        padding-right:0px !important;
          width:100% !important;
    }
    .cs-add2{
        padding-left:0px !important;
        padding-right:0px !important;
        width:100% !important;
    }
    .cs-loc{
        padding-left:0px !important;
        padding-right:0px !important;
        width:100% !important;
    }
.s-status{
    width:16%;
}
.cs-title{
 width:100%;
}
.status-content{
    height:440px;
}
.in-drp{
    height:320px;
    overflow-y:auto;
}
.first-field{
    width:100% !important;
}
.loc-content {
height: 390px;
width: 75%;
margin: auto;
}
.l-code{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-name{
    width:100% !important;
    margin-top:3px;
     padding-left:5px !important;
    padding-right:5px !important;

}
.l-add1{
    width:100% !important;
    margin-top:3px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-addtext{
    width:100% !important;
    height:100px;
}
.l-codetext{
    width:100% !important;
    margin-top:5px;
}
.l-city {
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-state{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-zip{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
  margin-top:5px;
}
.l-country{
    width:100% !important;
     margin-top:5px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-phone{
    width:100% !important;
    padding-left:5px !important;
    padding-right:5px !important;
   margin-top:5px;
}
.l-status{
    width:100% !important;
     margin-top:5px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-remark{
    width:100% !important;
    margin-top:5px;
    padding-left:5px !important;
    padding-right:5px !important;
}
.l-remarktext{
    width:100% !important;
    height:38px;
}
 .e-content{
    height:385px !important;
}
.e-city{
    width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.e-zip{
    width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.ep-country{
    width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.ep-phone{
    width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.ep-userid{
    width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.ep-mailid{
    width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.ep-status {
    width:100% !important;
margin-top: 5px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
.ep-state{
    width:100% !important;
     padding-right:5px !important;
     padding-left:5px !important;
}
.dashboardgrid{
    width:92%;
    padding-bottom:0px !important;
    padding-top:0px !important;
}
.chart-number{
    width:100% !important;
}
.d-modal-dialog{
border-radius:10px;
width:80% !important;
height:380px;
margin:auto;
}
.first-field{
    width:100%;
    padding:0px;
}
    .d-select {
    width:100%;
    }
     .dashboard-shipto{
        width:100% !important;
        padding-left:10px !important;
    padding-right:10px !important;
    
        }

.d-ship{
 width:100%;   text-align:center; font-weight:bold; font-size:20px;
}
.dash-button{
    min-width:20px !important; 
    width:30px !important; 
}
.d-total{
 width:100%;
 font-size:x-large; 
 padding-top:25px; 
 text-align:center; 
 padding-top:0px;
}
.c-footer {
padding: 5px;
margin-top:-10px;
}
.phone-title{
    font-size:180% !important;
}
.dash-chart{
    background:#f8fafb; 
    padding-top:10px; 
    padding-left:0px !important; 
    padding-right:0px; 
    padding-bottom:10px; 
    margin-left:5px !important;  
    width:95.5% !important;
    border-bottom:2px #e3eaf3 solid;
}

.phone-full{
    width:100% !important;
}
.grid-top{
    margin-top:0px !important;
}
.chart-box{
    width:100% !important;
}
.phone-chart{
    width:100% !important;
    padding-right:0px !important;
}
.chart-content{
     margin-top:10px; 
     padding-left:0px;
     padding-right:0px !important;
}
.drp-status{
    width:100% !important;
}
.phone-ims-date1{
    width:46% !important;
    padding-left:10px !important;
    
}
.header-button{
    min-width:20px !important; 
    width:30px !important; 

}
.header-title{
     width:100% !important;
    padding-left:5px !important;
    margin-top:-8px;
  
}
.e-emailid{
    width:100%;
    padding-left:0px;
    padding-right:15px;
}
.phone-add{
    min-width:50px !important;
}
.modal-popup{
    width:80% !important;
    margin:auto;
}
.header-icon{
    width:29% !important;
    text-align:left !important;
    margin-bottom:10px;
    margin-left:-5px;
    padding-left:0px;
}
.loc-icon{
    width:35% !important;
    text-align:left !important;
    margin-bottom:10px;
    margin-left:-5px;
    padding-left:0px;
}
.track-icon{
    width:35% !important;
    text-align:left !important;
    margin-bottom:10px;
    margin-left:-5px;
    padding-left:0px;
}
.carrier-icon{
    width:33% !important;
    text-align:left !important;
    margin-bottom:10px;
    margin-left:0px;
    padding-left:0px;

}
.track-dialog{
    width: 75%;
margin: auto;
}
.userlog-icon{
    
    text-align:left !important;
    margin-bottom:10px;
    margin-left:0px;
    padding-left:0px;
}
.c-model{
    padding:0px !important;
}
.phone-no-padding{
    padding-right:0px !important;
}
.buildno{
    margin-left:0px;margin-top:0px;padding-left:5px !important; width:100% !important;padding-right:5px !important;margin-top:0px;
}
.e-state{
    margin-left:0px;margin-top:6px;padding-left:0px; width:100%;padding-right:15px;
}
.e-country{
    margin-left:0px;padding-left:1px;padding-right:15px;width:100%;
}
.user-icon{
   
    text-align:left !important;
    margin-bottom:10px;
    margin-left:0px;
    padding-left:0px;
}
.userlog-icon{
    
    text-align:left !important;
    margin-bottom:10px;
    margin-left:5px;
    padding-left:0px !important;
}
.package-icon{
    width:32% !important;
    text-align:left !important;
    margin-bottom:10px;
    margin-left:0px;
    padding-left:0px !important;
}
.status-icon{
    width:34% !important;
    text-align:left !important;
    margin-bottom:10px;
    margin-left:0px;
    padding-left:0px !important;
}
.ims-icon{
    margin-left:-20px !important;
    float:left !important;
}
.e-user{
    margin-left:0px;padding-left:1px;padding-right:15px;width:100%;
}
.ims-icon1{
    margin-left:-5px !important;
    float:left !important;
}
.ims-icon2{
    margin-left:0px !important;
    float:left !important;
}

.phone-ims-icons{
    width: 92%;
padding-left: 0px;
}
.phone-ims-icon{
    margin-right:2px !important;
    padding:2px !important;
}
.phone-ins-body{
    width: 109%;
padding-left: 0px;
}
.phone-emp-body{
       width: 114%;
padding-left: 0px;
}
.phone-ims-date{
    width:100% !important;
}
#iframe_a{
    min-height:480px !important;
    height:480px !important;
}
.title-cmpnysettings{
    width:100% !important;
}
.phone-carrier{
    height:375px !important;
    overflow-y:auto;
}

.your-compnyname{
    width:100% !important;
}
.company-phone{
    width:100% !important;
    padding-left:0px !important;
    margin-top:5px !important;
}
.dropdown-menu{
    width:80% !important;
}
.none1{
    display:none;
}
.phone-account{
    width:100% !important;
}
.phone-account1{
    width:100% !important;
    text-align:center !important;
}
.phone-ims-external{
    width:49% !important;
}
.ims-external-input{
    width:50% !important;
    padding-left:0px !important;
    padding-right:0px !important;
     margin-top:5px !important;
}
.phone-ims-name{
    width:45% !important;
    margin-top:5px !important;
}

.phone-ims-internal{
    width:45% !important;
    padding-left:5px !important;
}
.phone-ship-from{
    width:100% !important;
}
.space-line{
    width:0% !important;
    height:5px;
}
.phone-ship-to{
    width:100% !important;
    margin-top:5px !important;
}
.phone-ims-input{
    width:55% !important;
    padding-left:10px !important;
    padding-right:5px !important;
}
.phone-ims-phone{
    margin-top:5px !important;
}
.setting-button{
    padding-left:5px !important;
    width:25px !important;
}
.phone-package-service{
     width:43% !important;
    margin-top:5px !important;
    padding-right:0px !important;
    padding-left:10px !important;
    padding-bottom:0px !important;
}
.phone-ims-state{
    width:45% !important;
    margin-top:5px !important;
    padding-bottom:0px !important;
    padding-left:10px !important;
}
.phone-package-input{
    width:55% !important;
    margin-top:5px !important;
    padding-right:0px !important;
    padding-left:10px !important;
    padding-bottom:0px !important;
    
}
.phone-status-input{
    width:55% !important;
    margin-top:5px !important;
    padding-right:5px !important;
    padding-left:10px !important;
    padding-bottom:0px !important;
    
}
.ims-internal-input{
    width:54% !important;
    margin-top:5px !important;
    padding-left:10px !important;
}
.e-chkisactive{
    padding-left:0px !important;
}
.phone-location-code{
    padding-right:10px !important;
}
.phone-location-name{
    padding-right:0px !important;
}
.phone-loc-phone{
    padding-right:10px !important;
}
.loc-city{
    padding-right:0px !important;
    padding-left:5px !important;
}
.city-location{
    width:100% !important;
}
.loc-address{
    padding-right:0px !important;
    padding-left:5px !important;
}
.loc-zip{
    padding-left:10px !important;
    width:50% !important;
}
.dash-status{
    width:27% !important;
    padding-right:0px !important;
    margin-right:0px !important;
}
.loc-state{
    padding-left:5px !important;
    padding-right:0px !important;
}
.loc-remark{
    padding-right:0px !important;
}
.phone-location{
    width:100% !important;
}
.package1{
    width:33.3% !important;
    height:100px;
}
.active-carrier{
    margin-top:25px !important;
}
.tab-location-dialog{
    width:80% !important;
    margin:auto !important;
}
.tab-location-code{
    width:45% !important;
}
.tab-location-name{
    width:55% !important;
}
.tab-location-state{
    width:34% !important;
}
.tab-location-remark{
    width:700px !important;
}
.tab-location-content{
    height:480px !important;
}
.package-content{
    height: 435px !important;
}
.track-content{
    height:425px !important;
}
.p-active{
    float: left; 
    width: 100%;
    padding-right:5px;
    padding-left: 5px;
}
.p-description{
    width:100%;
}
.p-code{
 width:100%;
       padding-left: 5px;
    padding-right: 5px;
}
.p-name{
    float: left; 
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.c-name{
    width:100% !important; 
    padding:5px !important;
}
.c-description{
    width:100% !important;
    padding:5px !important; 
}
.c-active{
         width:100% !important; 
         padding-left:10px; 
         padding-right:5px; 
         margin-top:0px;
}
.t-code{
    width:100%;
    padding:0px 5px;
}
.t-name{
    width:100%;
    padding:0px 5px;
}
.t-active{
    width:100%;
padding:0px 5px;
}
.t-description{
 width:100%;
       padding:0px 5px;
}
.modal-header{
        /*border-top-left-radius:5px;
        border-top-right-radius:5px;*/
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }
.modal-content{
    border-top-left-radius:0px !important;
    border-top-right-radius:0px !important;
}
.top-button{
    font-size: 26px;
    margin-top: 10px;
    padding-left: 20px;
}
#carrieradd{
    height:400px !important;
    overflow-y:auto;
    overflow-x:hidden;
}
.d-status{
     width:100% !important;
     padding-left:10px !important;
     padding-right:10px !important;
}
.ims-package1{
     width:28% !important;
    padding-left:10px !important;
    padding-right:10px !important;

}
.ims-date{
    width:35% !important;
     padding-right:0px !important;
}
.ship-input{
    width:100% !important;
}
.active-carrier{
    margin-top:25px !important;
}
.btn-ship{
    margin-left:5px !important;
}
.account-container{
    margin-top:15% !important;
}
.envelope-icon{
    font-size:15px !important;
    padding-right:2px !important;
}

.modal-content{
    border-top-left-radius:0px !important;
border-top-right-radius:0px !important;
}
.modal-header{
        /*border-top-left-radius:5px;
        border-top-right-radius:5px;*/
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    }
.imghide{
    display:none !important;
}
.login-forgot{
    font-size:90%;
}
.login-field{
    width:175px !important;
    padding-left:45px !important;
}
.login-image{
    width:75% !important;
}
.logo1{
    text-align:center !important;
    width:70% !important 
}
.dashboard-dialog{
    width:310px !important;
    margin:auto !important;
   
}
.profile-dialog{
     width:310px !important;
    margin:auto !important;
   
}
.emp-modal-body{
    padding: 0 10px !important;
}
.e-modal-dialog{
    width:65% !important;
    margin:auto !important;
   
}
.dashboard-external-grid{
    width:100% !important;
    overflow-x:auto !important;
    }
.d-dashboardgrid{
    padding-left:0px !important;
    height:310px !important;
}

.emp-userid{
    width:100% !important;
}
.emp-mail{
    width:100% !important;
}
.emp-control{
    width:100% !important;
}
.emp-phone-mobile{
    width:100% !important;
}

.emp-city{
    width:47% !important;
}
.emp-zipcode{

    width:46% !important;
    padding-right:0px !important;
}
.emp-body{
    height:320px;
    overflow-y:auto;
    overflow-x:hidden;
}
.emp-state{
    width:45% !important;
    padding-left:10px !important;
}
.emp-zip{
    width:48% !important;
    padding-left:0px !important;
}
.emp-firstname{
    width:100% !important;
        padding-left: 5px !important;
    padding-right: 5px !important;
}
.e-lastname{
width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;

}
.emp-role{
    width:100% !important;
         padding-left: 5px !important;
    padding-right: 5px !important;
}
.e-add1{
     width:100% !important;
        padding-left: 5px !important;
    padding-right: 5px !important;
}
.ya-add1{
     width:100% !important;
        padding-left: 5px !important;
    padding-right: 5px !important;
}
.ya-add2{
     width:100% !important;
        padding-left: 5px !important;
    padding-right: 5px !important;
}
.e-company{
     width:100% !important;
        padding-left: 5px !important;
    padding-right: 5px !important;
}
.e-loc{
     width:100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.emp-email{
    width:104% !important;
}

.body-background{
    height:480px !important;
    
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
.status-photo{
    width:50%;
    padding-left:8px !important;
}
.status-location{
    padding-left:0px !important;
}
.ims-carrier{
     width:100% !important;
     padding:5px 15px 0px 10px !important;
}



.btn-location{
    padding:0px;
}
.ims-ship{
    width:86% !important;
     padding-left:10px !important;
}
.none{
    display:none;
}
.dashboard-status{
    width:32% !important;
    padding-left:10px !important;
    padding-right:10px !important;
}

.dashboard-from{
    width:32% !important;
    padding-left:10px !important;
}
.dashboard-from1{
    width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
}
.dashboard-from2{
    width:100% !important;
    padding-right:10px !important;
    padding-left:10px !important;
}
  .field-padding{
        width:100% !important;
        padding-right:10px !important;
        padding-left:10px !important;
    }
   .field-padding1{
        width:100% !important;
        padding-right:10px !important;
        padding-left:10px !important;
    }
.dashboard-external{
    width:100% !important;
      padding-right:10px !important;
}

.ims-internal{
    width:98% !important;
    padding-left:10px !important;
}
.dashboard-internal{
    width:100% !important;
    padding-left:10px !important;
      padding-right:10px !important;
}
.status-code{
    width:100%; 
    padding-left:0px;
    padding-right:0px !important;
}


.country-location{
    width:104% !important;
}
.add-location{
    padding:0px 10px 0px 0px !important;
    min-width:30px !important;
}

.envelope-phone{
    width:30px !important;
    padding-top:2px !important;
    
}
.dashboard-icon{
    width:100% !important;
    margin-bottom:10px;
    text-align:left !important;
    padding-left:15px !important;
}
.add-location1{
    padding:0px 0px 0px 7px !important;
    min-width:30px !important;
}

.none{
    display:none;
}
.location-content{
    height:480px;
}
.location-name{
    width: 95%; 
    padding-left: 0px; 
    padding-right: 0px;
}
.location-code{
   width:100% !important; 
   
   padding-right:0px !important;
}


.carrier-isactive{
    width:100px;
    padding-left:15px !important;
    padding-top:20px !important; 
    padding-right:0px;
}
.carriers-name{
    width:104% !important;
}
.carriers-code{
    width:104% !important;
}

.location-dailog{
    width:310px;
}
.carriers-dialog{
    width:80% !important;
    margin:auto !important;
}
.status-checkbox{
width:150px; 
padding-left:20px; 
display:inline;
}
.status-description{
    width:270px; 
    padding-left:0px; 
    padding-right:0px;
}
.status-type{
    width:270px;
    padding-left:0px;
    padding-right:0px;
    padding-top:2px;
}
.status-code1{
   padding-top:5px;
    width:270px !important;
    padding-left:0px;
}


.package-button {
        padding: 0px 5px 0px 5px !important;
}


.package-dialog{
    width:310px !important;
    margin:auto; 
}
.status-dialog{
    width:310px !important;
    margin:auto !important;
}
.package-active{
    width:100px;
    padding-top:10px !important; 
    padding-right:0px;
    padding-left:15px !important;
}
.location-active{
    width:100px;
    padding-top:10px !important; 
    padding-right:0px;
    padding-left:0px !important;
}
.employee-invite{
    
    margin:auto !important;
    width:75% !important;

}
.package1{
    width:100% !important;
    padding-bottom:10px;
}
.p-box-content{
padding: 12px 10px !important;
margin-left: 90px !important;
}
.package-code{
    padding-top:5px;
    width:105% !important;
    
}

.profile-change{
    width:300px;
    
    margin-left:30px;
}
.packagecount{
    float:left;
}
.packagetext{
    font-size:120% !important;
}
.profile-download{
    margin-top:-20px;
    margin-bottom:5px; width:400px;
}
.profile-printer{
    padding-right:0px;
    margin-bottom:5px;
    width:100%;
}
.profile-image{
     float:left;
     margin-left:-15px;
     margin-right:0px;
}
.profile-content{
    width:300px !important;
}

.profile-widget{
    height:350px;
    overflow:auto;
}
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .profile-group1{
    width:100px;
    }

    .profile-group{
    width:100px;
    }
    .profile-emp{
        margin-top:100px !important;
    }

    .popup-top{
        margin-top:100px;
    }
    .profile-label{
        width:100px;
        text-align:left;
        font-weight: bold;
        padding-left:0px;
    }
    .s-code{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
     .s-type{
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
.sign-in{
   
    margin-right:26%;
     display:inline-block; margin-top:-20px;
     margin:auto;
     width:102%;
}


.user-id{
        width:100% !important;
    }
}
/* Landscape */
@media (max-width:640px) and (orientation : landscape){



}

/*640*/
@media (max-width:640px){


}
/*640*/

@media (max-width:767px){

}

@media (min-width:768px) and (max-width:979px){

}

@media (max-width:979px) {

}

@media (min-width:1200px) and (max-width:1400px){

}


@media (min-width:1420px) {
}

@media (min-width:1900px) {

}




@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 768px), only screen and (min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-resolution: 192dpi) and (max-width: 768px), only screen and (min-resolution: 2dppx) and (max-width: 768px), only screen and (min-resolution: 264dpi) and (max-width: 1536px) {

}



 .img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
       
}
@media (min-width:1180px) and (max-width:1599px) {
        #imsgridheight{
        height:320px !important;
    }
   
    #createshipment{
        /*height:100%;*/
  /*height: 440px !important;*/
overflow-y: auto !important;
    }
#imsgrid{
    height:320px !important;
}

}

@media (min-width:1600px) and (max-width:3000px) {
    #imsgridheight{
        height:460px !important;
        
    }
   
    #createshipment{
        /*height:100%;*/
        /*height:750px !important;*/
        overflow-y:auto;
    }
#imsgrid{
    height:460px !important;
}
}
 @media (min-width:980px) {
            /*#dashboardgridheight {
                min-height:730px;
            }*/
            /*#imsdatagrid{
                min-height:720px;
            }*/
           
            /*#packagegridheight{
                min-height:720px;
            }*/
            /*#statusesgridheight{
                min-height:720px;
            }
            #carriergridheight{
                 min-height:720px;
            }
            #locationgridheight{
                min-height:720px;
            }
            #userloggridheight{
                min-height:720px;
            }*/
        }
 /*@media (min-width:768px) and (max-width:1000px) {
    #iframe_a {
        min-height: 830px !important;
    }
}
  @media (min-width:1001px) and (max-width:1100px) {
    #iframe_a {
        min-height: 555px !important;
    }
}
  @media (min-width:1101px) and (max-width:1200px) {
    #iframe_a {
        min-height: 580px !important;
    }
}
 @media (min-width:1201px) and (max-width:1300px) {
    #iframe_a {
        min-height: 610px !important;
    }
}
 @media (min-width:1301px) and (max-width:1400px) {
    #iframe_a {
        min-height: 1100px !important;
        overflow-y:auto;
    }
}

@media (min-width:1601px) and (max-width:1800px) {
    #iframe_a {
        min-height: 980px !important;
    }
}
@media (min-width:1801px) and (max-width:1999px) {
    #iframe_a {
        min-height: 875px !important;
    }
}
@media (min-width:2000px) and (max-width:2400px) {
    #iframe_a {
        min-height: 915px !important;
    }
}

@media (min-width:2401px) and (max-width:3400px) {
    #iframe_a {
        min-height: 1570px !important;
    }
}*/