/* ----------------Carts----------------
--------------------------------------*/
.carts {
    #actions_container {
        position: relative;

        .datepicker-range-wrap {
            position: absolute;
            left: 0;
            width: 220px;
            top: 73%;
            padding: 15px;
            background-color: #fff;
            box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
            margin: 1rem 0;
            border-radius: 5px;
            border: 1px solid rgba(34,36,38,.15);
        }

        .input-group {
            input {
                margin-bottom: 10px;
                padding-right: 4rem;
            }

            label {
                position: absolute;
                right: 0.75rem;
                top: 0.375rem;
                z-index: 10;
                cursor: pointer;
            }
        }

        button[type='submit'] {
            background-color: #2185d0;
            color: #fff;
            background-image: none;
            outline: none;
            border: none;
            padding: 0 15px;
            border-radius: 5px;
            -webkit-box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
            box-shadow: 0 0 0 0 rgb(34 36 38 / 15%) inset;
        }
    }

    .datepicker-export-wrap {
        display: flex;
        margin-top: 10px;
        input {
            height: 32px;
            margin-right: 6px;
        }
    }

    .dataTable {
        &.table-carts {
            td {
                &:nth-child(2) {
                    width: 14%;
                    font-size: 13px;
                }
            }
        }
    }
}