@import "~/app-resources/less/theme.less";

.vat-preview-adjustment-tab {
    background-color: white;
    height: 100%;

    .numAmount {
        padding: 0 3px;
        height: 21px;
        margin-left: 5px;
        /* font-family: 'Arial'; */
        font-weight: 600;
        border-radius: 2px;
        font-style: normal;
        outline: none;
        border: none;
        min-width: 20px;
        background-color: #DDDDDD;
        color: #AA0000;
    }

    .top-area-wrapper {
        height: 60px;
        width: 98%;
        margin: 0 20px;

        .filter-button {
            width: 30px;
            margin-top: 16px;
        }

        .operation-wrapper {
            margin: 15px 25px 10px 10px;

            span {
                cursor: pointer;
            }
        }
    }

    .filter-popup-wrapper {
        display: none;
    }



    .margin-left20 {
        margin-left: 20px;
    }
    /*******************************************/
    /*Filter Criteria tags:*/
    .tag {
        font-size: 12px;
        padding: .3em .4em .4em;
        margin: 0 .1em;

        a {
            color: #bbb;
            cursor: pointer;
            opacity: 0.6;
            margin: 0 0 0 .3em;


            &:hover {
                opacity: 1.0;
            }

            .glyphicon-white {
                color: #fff;
                margin-bottom: 2px;
            }
        }

        .remove {
            vertical-align: bottom;
            top: 0;
        }
    }
    /*Filter Criteria tags:*/
    /*******************************************/
    .main-area {
        height: 100%;
        margin: 0 20px;

        .watermark {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            opacity: .25;
            font-size: 3em;
            width: 100%;
            text-align: center;
            z-index: 1000;
        }

        .inputInvoiceGrid {
            width: 100%;
            height: calc(~'100% - 158px');

            .ui-grid-header-cell-wrapper .ui-grid-header-cell-row .ui-grid-cell-contents {
                height: 40px;

                i {
                    display: none;
                }
            }
        }
    }


    .form-control {

        &:focus {
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid #ccc;
        }
    }

    .input-width-middle {
        width: 217px;
    }
}



.popover {
    min-width: 370px;
    left: 119px !important;

    .arrow {
        left: 5% !important;
    }
}

.popover-content {
    td {
        text-align: right;
        padding: 6px;

        span {
            float: left;
        }
    }

    .form-control {
        display: inline-block;

        &:focus {
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 1px solid #ccc;
        }
    }

    .input-width-small {
        width: 100px;
    }

    .input-width-middle {
        width: 217px;
    }
}