/* CSS Document */
@media screen and (min-width:768px) and (max-width:1024px){
    /*.posrchfrm .span12 button.btn, .posrchfrm .span12 input.btn[type="submit"] { margin: 10px 5px 0 0!important; }*/
    #frmPo .ui-datepicker-trigger { /*top: -25px; left: 224px;*/ }
    .Twd { min-height: 70px; padding: 0; }
    .TwdR { width: auto; display: inline-block; margin: 0 10px 0 0; float: left; }
    .Twd input { float: left; width: 50%; }
    .dualBtn2 { margin: 0 0 0 7%; }
    .rightBox .updown-arrow { right: 0%; }
    .po-srch-fields { width: 83%; }
    .scrollsticky { bottom: 0!important; margin-right: 10px!important; margin-top: 0!important; background: #B9DAFE; }
    .po-status-box { width: auto; float: none; }
    .caret { margin-top: 6px; }
    .sectionElement .search-query { width: 42%; }
    .tab-content.poqcfrm-tab-content { width: 89.9%; }
    .row-fluid .tab_clr_td { clear: both; width: 100%; margin: 0; min-height: 1px; display: inline-block; }
    .row-fluid .tab_vert_clr_td { display: none; }
    .row-fluid .screen_clr_td { display: none; }
    .reminder ul { width: 218px; margin-right: 3%; min-width: 0; }
    .dashboard .box .title .recently-dd { float:right; margin-right:40px; margin-top: -3px; width: 200px; }
    .qc-srch-fields { width: 80%; }
    .row-fluid .db-summary-box { width: 74%; }
    #header .view-po { margin: 10px 0 0 60px; font-size: 14px; }
    div.radio {
        height: 22px;
        width: 22px;
    }
    div.radio span {
        height: 22px;
        width: 22px;
        background: url(../plugins/uniform/radio-ipad2.png) no-repeat;
        background-position: 0px -3px;
    }
    
    .prod-srch-bar { float: left; width: 83.5%; }
    .prod-srch-bar .btn-grp { margin-left: 3px!important;  }

    /*    div.radio { height: 28px; width: 28px; }
        div.radio span { background: url("../plugins/uniform/radio-ipad1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 28px; height: 28px; }
        div.radio span.checked { background-position:  0px -84px!important;  }
        div.radio:hover span, div.radio.focus{ background-position: 0px -84px!important;}
        div.radio.focus span.checked, div.radio:hover span.checked { background-position: 0px -84px!important; }
        div.radio input { height: 28px; width: 28px; margin: 0; }*/
    .qc-manager-dashboard .tab-content .status-summary { margin-left: 1.2%; }
    .qc-manager-dashboard .tab-content .status-summary .db-summary-box .reminder ul { width: 100%; }
    
    div.qctask div.podate-grp .podate-frm { margin-left: 0px; margin-bottom: 0px; width: 132px; float: left; }
    div.qctask div.podate-grp .podate-frm input { margin-bottom: 0; width: 95px; padding: 1px 5px; min-height: 21px; float: left; }
    div.qctask div.podate-grp .podate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 132px; float: left; }
    div.qctask div.podate-grp .podate-to input { margin-bottom: 0; width: 95px; padding: 1px 5px; min-height: 21px; float: left; }

    div.qctask div.qcdate-grp .qcdate-frm { margin-left: 0px; margin-bottom: 0px; width: 132px; float: left; }
    div.qctask div.qcdate-grp .qcdate-frm input { margin-bottom: 0; width: 95px; padding: 1px 5px; min-height: 21px; float: left; }
    div.qctask div.qcdate-grp .qcdate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 132px; float: left; }
    div.qctask div.qcdate-grp .qcdate-to input { margin-bottom: 0; width: 95px; padding: 1px 5px; min-height: 21px; float: left; }
    
    div.team-grp div.podate-grp .podate-frm { margin-left: 0px; margin-bottom: 0px; width: 92px; float: left; }
    div.team-grp div.podate-grp .podate-frm input { margin-bottom: 0; width: 55px; padding: 1px 5px; min-height: 21px; float: left; }
    div.team-grp div.podate-grp .podate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 92px; float: left; }
    div.team-grp div.podate-grp .podate-to input { margin-bottom: 0; width: 55px; padding: 1px 5px; min-height: 21px; float: left; }

    div.team-grp div.qcdate-grp .qcdate-frm { margin-left: 0px; margin-bottom: 0px; width: 92px; float: left; }
    div.team-grp div.qcdate-grp .qcdate-frm input { margin-bottom: 0; width: 55px; padding: 1px 5px; min-height: 21px; float: left; }
    div.team-grp div.qcdate-grp .qcdate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 92px; float: left; }
    div.team-grp div.qcdate-grp .qcdate-to input { margin-bottom: 0; width: 55px; padding: 1px 5px; min-height: 21px; float: left; }
    
    .navbar .top-btns ul li:hover ul.editprofile { display: block; position: absolute; z-index: 1005; top: 36px; width: 140px; background: #fff; border: 1px solid #C4C4C4; border-radius: 0 0 2px 2px; padding: 0; }
    #header .run-imp-cron { float: left; font-size: 11px; margin: 10px 0 0 0; left: 35%; }
    .global-qLbar-new {    
    left:38%;
    }
    #header .po-btns { display: inline-block; position: absolute; left: 16%; }
    
    .po-srch-fields .todtfld { margin: 10px 10px 0 0!important; }
    br.ipad { display: none; }
}

@media screen and (width:1024px){
    .po-srch-fields .ipad1024 { margin: 0 0 0 10px!important; }
    .qcoperator .po-srch-fields .qcoperator-spacing { margin: 0 10px 0 10px!important; }
    .qcperson .po-srch-fields .qcoperator-spacing { margin: 0 10px 0 10px!important; }
}

@media screen and (width:768px){
    #poData tr td div.controls a { float: left; margin: 0 10px 15px 0; height: 19px; width: 20px; }
    #poData tr td div.controls a span {
        padding-left: 5px;
        padding-right: 5px;
        width: 36px;
        height: 16px;
    }
    /*#poData tr td div.controls a span.icomoon-icon-pencil-2 { margin-left: 10px; margin-right: 10px; }
    #poData tr td div.controls a span.icomoon-icon-mail-4 { margin-left: 10px; margin-right: 10px; }
    #poData tr td div.controls a span.icomoon-icon-file-pdf { margin-left: 10px; margin-right: 10px; }
    #poData tr td div.controls a span.icomoon-icon-license { margin-left: 10px; margin-right: 10px; }*/
    .clear{clear: both;}
    .box .title .topaction-btns2 { margin:10px 0 0 0; }
    .box .title .topaction-btns3 { float:right; }
    /*.box .title { padding: 7px 10px; }
    .box .title h4 { padding: 3px 0 0 0; }
    .box .title .topaction-btns { margin: 0; }*/
    .sectionElement .search-query { width: 40%; }
    .tab-content.poqcfrm-tab-content { width: 86.3%; }
    .row-fluid .tab_vert_clr_td { clear: both; width: 100%; margin: 0; min-height: 1px; display: inline-block; }
    .row-fluid .screen_clr_td { display: none; }
    .row-fluid .tab_clr_td { display: none; }
    #thumbBox #thumbImage img { max-width: 600px; }
    .dashboard .box .title h4 { font-size: 14px; }
    .dashboard .box .title .recently-dd { float:right; margin-right:40px; margin-top: -3px; width: 100px; }
    .reminder ul { width: 225px; margin-right: 3%; min-width: 0; }
    .qc-srch-fields { width: 75%; }
    .row-fluid .db-summary-box { width: 65.5%; }
    .heading .dropdownnav ul li a { padding: 5px 4px; }
    #header .view-po { margin: 10px 10px 0 6px; }
    div.radio {
        height: 22px;
        width: 22px;
    }
    div.radio span {
        height: 22px;
        width: 22px;
        background: url(../plugins/uniform/radio-ipad2.png) no-repeat;
        background-position: 0px -3px;
    }
    /*    div.radio { height: 28px; width: 28px; }
        div.radio span { background: url("../plugins/uniform/radio-ipad1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 28px; height: 28px; }
        div.radio span.checked { background-position: 0px -84px!important; }
        div.radio:hover span, div.radio.focus{ background-position: 0px -84px!important;}
        div.radio.focus span.checked, div.radio:hover span.checked { background-position: 0px -84px!important; }
        div.radio input { height: 28px; width: 28px; margin: 0; }*/
    .dashboard .multiple-ul ul.odd { margin: 0; }
    
    .prod-srch-bar { float: left; width: 77.8%; }
    .prod-srch-bar .btn-grp { margin-left: 0px!important; margin-top: 10px!important; }
    .row-fluid .prod-srch-bar .span2 { width: 14.2%; }
    
    .po-srch-fields { width: 83%; }
    .po-srch-fields .todtfld { margin: 10px 10px 0 0!important; }
    
    .qcoperator .po-srch-fields .qcoperator-spacing2 { margin: 0 0 0 10px!important; }
    .qcperson .po-srch-fields .qcoperator-spacing2 { margin: 0 0 0 10px!important; }
    
    .qc-manager-dashboard .tab-content .status-summary .db-summary-box .reminder ul li { position: relative; }
    .qc-manager-dashboard .tab-content .status-summary .db-summary-box .reminder ul li a { padding-right: 20px; }
    .qc-manager-dashboard .tab-content .status-summary .db-summary-box .reminder ul li a.summary-count { position: absolute; top: 5px; right: 0; padding: 0; }
    
    div.qc-srch-btns { margin: 7px 0 0 0; float: right; }
    
    div.qctask div.podate-grp .podate-frm { margin-left: 0px; margin-bottom: 0px; width: 111px; float: left; }
    div.qctask div.podate-grp .podate-frm input { margin-bottom: 0; width: 74px; padding: 1px 5px; min-height: 21px; float: left; }
    div.qctask div.podate-grp .podate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 111px; float: left; }
    div.qctask div.podate-grp .podate-to input { margin-bottom: 0; width: 74px; padding: 1px 5px; min-height: 21px; float: left; }

    div.qctask div.qcdate-grp { margin: 0; }
    div.qctask div.qcdate-grp .qcdate-frm { margin-left: 0px; margin-bottom: 0px; width: 111px; float: left; }
    div.qctask div.qcdate-grp .qcdate-frm input { margin-bottom: 0; width: 74px; padding: 1px 5px; min-height: 21px; float: left; }
    div.qctask div.qcdate-grp .qcdate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 111px; float: left; }
    div.qctask div.qcdate-grp .qcdate-to input { margin-bottom: 0; width: 74px; padding: 1px 5px; min-height: 21px; float: left; }
    
    div.team-grp div.podate-grp .podate-frm { margin-left: 0px; margin-bottom: 0px; width: 80px; float: left; }
    div.team-grp div.podate-grp .podate-frm input { margin-bottom: 0; width: 43px; padding: 1px 5px; min-height: 21px; float: left; }
    div.team-grp div.podate-grp .podate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 80px; float: left; }
    div.team-grp div.podate-grp .podate-to input { margin-bottom: 0; width: 43px; padding: 1px 5px; min-height: 21px; float: left; }

    div.team-grp div.qcdate-grp .qcdate-frm { margin-left: 0px; margin-bottom: 0px; width: 80px; float: left; }
    div.team-grp div.qcdate-grp .qcdate-frm input { margin-bottom: 0; width: 43px; padding: 1px 5px; min-height: 21px; float: left; }
    div.team-grp div.qcdate-grp .qcdate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 80px; float: left; }
    div.team-grp div.qcdate-grp .qcdate-to input { margin-bottom: 0; width: 43px; padding: 1px 5px; min-height: 21px; float: left; }
    
    div.team-grp div.qc-srch-btns { margin: 7px 0 0 0; float: right; }
    
    div.team-grp div.qcdate-grp { margin: 0; }
    
    div.pending-task div.podate-grp .podate-frm { margin-left: 0px; margin-bottom: 0px; width: 127px; float: left; }
    div.pending-task div.podate-grp .podate-frm input { margin-bottom: 0; width: 90px; padding: 1px 5px; min-height: 21px; float: left; }
    div.pending-task div.podate-grp .podate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 127px; float: left; }
    div.pending-task div.podate-grp .podate-to input { margin-bottom: 0; width: 90px; padding: 1px 5px; min-height: 21px; float: left; }

    div.pending-task div.qc-srch-btns { margin: 7px 0 0 0; float: left; }
    div.pending-task div.qcdate-grp .qcdate-frm { margin-left: 0px; margin-bottom: 0px; width: 127px; float: left; }
    div.pending-task div.qcdate-grp .qcdate-frm input { margin-bottom: 0; width: 90px; padding: 1px 5px; min-height: 21px; float: left; }
    div.pending-task div.qcdate-grp .qcdate-to { margin-left: 10px; margin-right: 0px; margin-bottom: 0px; width: 127px; float: left; }
    div.pending-task div.qcdate-grp .qcdate-to input { margin-bottom: 0; width: 90px; padding: 1px 5px; min-height: 21px; float: left; }
    
    #header .run-imp-cron { float: left; font-size: 10px; margin: 10px 0 0 0; left: 37%; padding: 1px; }
    .global-qLbar-new {    
    left:35%;
    }
    #header .po-btns { display: inline-block; position: absolute; left: 28%; }
    #header .view-po { font-size: 14px; }
    #header .view-po span.ipad-visible { display: inline-block; margin: 0; padding: 0; color: #ffffff; height: auto; margin: 0 0 1px; }
    #header .view-po span.ipad1024-visible { display: none; }
    
    #header .run-imp-cron span.ipad-visible { display: inline-block; margin: 0; padding: 0 10px; color: #ffffff; height: auto; margin: 0 0 1px; }
    #header .run-imp-cron span.ipad1024-visible { display: none; }
}