@import 'setup';

/* ------------------------------------------------------------

PHYSICAL DISTRIBUTION

------------------------------------------------------------ */
/**** Header ****/
.physicalHeaderWrap {
    background: #000033 url(/images/bgs/bg_gradient.gif);
    margin-top: 5px;
    padding-top: 1px;
    border-radius: 10px 10px 10px 0;

    #physicalBread {
        background-color: #fff;
        margin: 10px 10px 0 10px;
        padding: $padding-small-vh;
        border-radius: 10px;

        a {
            text-decoration: none
        }

    }

}

table.displayStatsHeader, table.displayStats {

    th, td {
        padding: 5px;
    }

}

table.displayStatsHeader {
    background-color: #355d89;
    border: 10px solid transparent;
    color: #fff;
    float: left;
    margin: 10px 0 10px 10px;
    text-align: $text-align-center;

    th {
        font-weight: normal;
        font-size: $font-size-small;
        text-transform: uppercase;
        text-align: $text-align-center;
    }

    td.physicalTableHeader {
        background-color: #64a7d8;
        color: #fff;
        margin: 5px;
        text-align: $text-align-center;
        text-transform: uppercase;
        border-radius: 7px;
    }

    &.headerHistory {
        width: 350px;
    }

    &.headerCurrent {
        width: 510px;
    }

}

#physicalBread a span.breadCloseTag {
    color: #646d76;
    text-decoration: none;
}

.breadCloseTag {
    background: url("/images/icons/statusX-lg.png") no-repeat scroll right top #E4E2E2;
    padding: 5px 28px 5px 5px;
    border-radius: 10px;
}

/**** Break downs ****/
.breakDownArrow {
    background: url(/images/bgs/physicalArrow.png);
    color: #b7e2ff;
    font-size: 9px;
    float: left;
    height: 65px;
    padding: 32px 0 0 35px;
    width: 138px;
}

.accountMiniTabs {
    font-size: $font-size-small;

    a.rollover {
        color: #fff;
        float: left;
        margin: 30px 3px 0 3px;
        padding: $padding-small-vh;
        text-transform: uppercase;
        text-decoration: underline;
    }

}

/*ACTIVE TAB FOR ACCOUNT MINI TAB*/
%currentPhysicalTab {

    &.currentPhysicalTab {
        color: #fff;
        float: left;
        height: 47px;
        margin: 18px 3px 0;
        padding: 10px 10px 0;
        text-transform: uppercase;
        text-decoration: none;
    }

}

#catalogLinks {

    .accountMiniTabs { 

        a.rollover {
            @extend %currentPhysicalTab;

            background: url(/images/bgs/buttons_bg_gradient02.gif);

        }

    }

}

#revenueLinks {

    .accountMiniTabs { 

        a.rollover {
            @extend %currentPhysicalTab;

            background: url(/images/bgs/buttons_bg_gradient03.gif);

        }

    }

}

#catalogLinks, #revenueLinks {

    .accountMiniTabs {

        a.inactivePhysicalTab {
            background: url(/images/bgs/buttons_bg_gradient04.gif);
            color: #87919c;
            text-decoration: none; 
        }

    }

}

.accountToggle {
    float: left;
    margin: 0 15px 0 0;
}


/**** Table ****/
.tableDisplayStats {
    border: 1px solid #ccc;
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;

    .displayStats {
        border-collapse: separate;
        padding: $padding-small-vh;
        width: 100%;
    }

    .displayStatsTableHeader {
        background-color: #64a7d8;
        color: #fff;
        margin: 5px;
        text-align: $text-align-center;
        text-transform: uppercase;
        border-radius: 7px;        
    }

    table.displayStats tr{

        th {
            color: #87919c;
            font-size: 9px;
            text-transform: uppercase;

            a {
               color: #87919c; 
            }

        }

        td {
            font-size: 11px;

            &.breakDownBlankSpace {
                width: 10%  
            }

            &.displayStatsCurrent {
                width: 50%
            }

            &.displayStatsHistory {
                width: 40%
            }

            &.blank {
                width: 10px
            }

        }

    }

}

.inventoryExcel {
    margin-bottom: 10px;

    a.exportExcel {
        background: url(/images/icons/excel.png) no-repeat top left;
        color: #5f851d;
        float: left;
        font-size: 11px;
        padding-left: 20px;
        
    }

    .checkbox {
        margin-top: 0px;
    }

}

.faq-modal {
    left: 50% !important;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


/* -------------------------- INVENTORY AUTOCOMPLETE INPUT -------------------------- */
input.ac_inventory {
    background: url("/images/redesign/magnifyingRedesign.svg") no-repeat right 8px center #fff;
    padding-right: 36px;
    width: 100%;
}