.new_button {
    float: right;
    padding: 16px;
    color: #fff;
    background-color: #025a04;
    margin-bottom: 16px;

    padding-left: 28px;
    background-repeat: no-repeat;
    background-image: url('new.png');
    background-size: 25px;
    background-position-y: 14px;
}

.new_button:hover{
    background-color: #4CAF50;
}

.reset {

    -webkit-writing-mode: horizontal-tb;

    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    font: 13.3333px Arial;

    align-items: flex-start;
    text-align: center;
    cursor: default;
    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    float: right;
    padding: 12px 26px;
    background-color: #fbb1b1;
    color: #000000;
    margin: 16px;

    background-position-x: 5px;
    background-repeat: no-repeat;
    background-image: url('cancel-icon.png');
    background-size: 15px;
    background-position-y: 12px;
}

.reset:hover{
    background-color: #c1b5b5;
}

.delete {
    float: right;
    color: #000000;
    background-color: #d04040;
    margin: 5px;
    padding: 8px 12px;

    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('Black_Remove.png');
    background-size: 15px;
    background-position-y: 5px;
    border: 0px;
}

.delete:hover {
    background-color: #9e9c9c;
}

.edit {
    float: right;
    padding: 5px 10px;
    background-color: #025a04;
    color: #ffffff;
    margin: 5px;

    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('edit-icon.png');
    background-size: 15px;
    background-position-y: 8px;
}

.edit:hover {
    background-color: #afafaf;
}

input[type="submit"].invoice {

    background-color: #ad6a05;
    color: #000000;
    margin: 16px;

    background-position-x: 5px;
    background-repeat: no-repeat;
    background-image: url('edit-icon.png');
    background-size: 15px;
    background-position-y: 12px;
}

.option_cell .invoice {
    float: right;
    padding: 5px 10px;
    background-color: #ad6a05;
    color: #ffffff;
    margin: 5px;

    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('edit-icon.png');
    background-size: 15px;
    background-position-y: 8px;
}

.option_cell .invoice:hover {
    background-color: #afafaf;
}

.delete_option {
    padding: 5px 10px;
    background-color: #d04040;
    cursor: pointer;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('Black_Remove.png');
    background-size: 15px;
    background-position-y: 8px;
    border: 0px;
    display: block;
    font-size: 16px;
    width: 100%;
}
.dropdown-content .delete_option:hover {
    background-color: #f1f1f1
}
.edit_option {
    padding: 5px 10px;
    background-color: #025a04;

    background-repeat: no-repeat;
    background-image: url('edit-icon.png');
    background-size: 15px;
    background-position-y: 8px;
}

.print_option {
    padding: 5px 10px;
    background-color: #40d0bc;

    padding-left: 18px;
    background-repeat: no-repeat;
    background-image: url('print-icon.png');
    background-size: 15px;
    background-position-y: 8px;
}

#invoice_buttons .print_option {
    float: right;
    padding: 12px 26px;
    background-color: #02b306;
    color: #fff;
    margin: 16px;

    background-position-x: 3px;
    background-repeat: no-repeat;
    background-image: url('print-icon.png');
    background-size: 18px;
    background-position-y: 12px;

    box-sizing: border-box;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}

input[type="submit"] {
    float: right;
    padding: 12px 26px;
    background-color: #025a04;
    color: #fff;
    margin: 16px;

    background-position-x: 3px;
    background-repeat: no-repeat;
    background-image: url('ok_icon.png');
    background-size: 20px;
    background-position-y: 10px;
}

input[type="submit"]:hover{
    background-color: #4CAF50;
}

.button {
    float: left;
    padding: 5px 10px;
    background-color: #487949;
    color: #fff;
    font-size: 10px;
    margin-top: 10px;
}

.button:hover{
    background-color: #4CAF50;
}

.button_remove {
    width: 19px;
    height: 19px;
    padding: 7px;
    background-color: #ff5f69;
    position: relative;
    top: -3px;

    background-repeat: no-repeat;
    background-image: url('Black_Remove.png');
    background-size: 15px;
}
.button_remove:hover{
    background-color: #f7ced1;
}

                                                     /*DROP DOWN BUTTON START*/

/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;

    padding-left: 23px;
    background-repeat: no-repeat;
    background-image: url('options-icon.png');
    background-size: 20px;
    background-position-y: 15px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content-area {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-left: 1px solid #000000;
    top: 23px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

.product_name {
    font-size: 15px;
    width: 289px;
    display: block;
    position: relative;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

                                                    /*DROP DOWN BUTTON END*/