.ts-main-wrapper {
    position: relative;
    display: block;
    min-height: auto;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
    padding-top: 60px;
    min-height: calc(100vh - 60px);
}

    .ts-main-wrapper * {
        box-sizing: border-box;
        float: none;
    }

.ts-main {
    position: relative;
    width: 100%;
}

.ts-main-title {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.ts-main-title-icon-wrapper {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ededed;
    padding-left: 10px;
    padding-top: 10px;
    color: #fff;
}

.ts-main-title-text-wrapper {
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
}

    .ts-main-title-text-wrapper::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ededed;
        z-index: -1;
    }

    .ts-main-title-text-wrapper h2 {
        display: inline-block;
        font-size: 20px;
        font-weight: 400;
        padding: 5px 15px;
        margin-left: 15px;
        background-color: #fff;
        text-transform: uppercase;
    }

.ts-filters-wrapper {
    position: relative;
    background-color: #ededed;
}

.ts-filters-title {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 15px 15px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ts-new-tooltip {
    display: inline-block;
    margin: 0 0 0 5px !important;
    cursor: help;
}

.ts-new-input-dropdown-wrapper {
    position: relative;
    padding: 0;
    margin: 0;
}

.ts-new-input,
.ts-new-input-date,
.ts-new-input-dropdown {
    position: relative;
    height: 32px !important;
    width: 100% !important;
    font-size: 13px;
    font-weight: 400;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .2);
    outline: none;
    color: #333;
    margin: 0;
}

.ts-new-input {
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Open Sans',sans-serif;
}

.ts-new-input-date {
    border-radius: 3px 0 0 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.ts-new-input-dropdown {
    position: relative;
    box-sizing: border-box;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 35px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='32' viewBox='0 0 30 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='29.5' height='32' fill='%23D9D9D9'/%3E%3Cpath d='M8 13.4497L14.3492 19.7989L20.7989 13.3492' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 0px top 0px;
    background-size: auto calc(100% + 1px);
}

    .ts-new-input-dropdown option {
        font-weight: normal;
    }

    .ts-new-input-dropdown::-ms-expand {
        display: none;
    }

.ts-new-input:focus,
.ts-new-input-date:focus {
    border-color: #1BADA2;
}

.ts-new-input-dropdown:focus {
    border-color: #1BADA2;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='32' viewBox='0 0 30 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='29.5' height='32' fill='%23D9D9D9'/%3E%3Cpath d='M8 19.3492L14.3492 13L20.7989 19.4497' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


.ts-calendar-icon-wrapper {
    background-color: #d9d9d9;
    height: 100%;
    width: 29.5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 28px;
    border-radius: 0 3px 3px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, .2);
    border-width: 1px 1px 1px 0;
    color: #666;
}

.ts-quick-filter {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 42px;
    width: 45px;
    height: 45px;
    margin: 3px !important;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transition: box-shadow .1s;
}

    .ts-quick-filter:hover {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 1);
    }

        .ts-quick-filter:hover::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, .2);
        }

.ts-filters-btn-wrapper {
    background-color: #ededed;
    border-radius: 0 0 0 3px;
}

.ts-new-btn {
    height: 40px;
    outline: none;
    border-radius: 3px;
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    transition: background-color .3s;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}

    .ts-new-btn.tsm-bg-primary:hover {
        background-color: var(--ts-ocean-dark) !important;
    }

    .ts-new-btn.tsm-bg-gray-2:hover {
        background-color: #333 !important;
    }

.ts-filters-triangle-wrapper {
    position: relative;
    overflow: hidden;
    flex-basis: 40px;
    flex-grow: 0;
    flex-shrink: 0;
}

.ts-filters-triangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100px;
    background-color: #ededed;
    transform-origin: 100% 0;
    transform: skew(-25deg);
}

.ts-filter-btn {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left 15px center;
    padding-left: calc(15px + 24px + 15px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'%3E%3C/polygon%3E%3C/svg%3E");
}

.ts-filter-reset-btn {
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left 15px center;
    padding-left: calc(15px + 24px + 15px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' %3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M8.712 11.034v6M12 10.476v7.116M15.288 11.034v6'/%3E%3C/svg%3E");
}

.ts-back-btn,
.ts-prev-btn {
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: left 7px center;
    padding-left: calc(15px + 8px + 15px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.ts-next-btn {
    background-repeat: no-repeat;
    background-size: 22px 22px;
    background-position: right 7px center;
    padding-right: calc(15px + 8px + 15px) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
}

.ts-filter-toggler {
    position: absolute;
    z-index: -100000;
    visibility: hidden;
}

.ts-filter-toggler-label {
    position: absolute;
    right: 5px;
    bottom: -22px;
    height: 22px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--ts-ocean);
    color: #fff;
    box-shadow: inset 0px 4px 5px -7px rgba(0, 0, 0, 0.75);
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
    border-radius: 0 0 3px 3px;
    transition: bacground-color .3s;
}

    .ts-filter-toggler-label:hover {
        background-color: var(--ts-ocean-dark);
    }

.ts-filter-toggler:not(:checked) + .ts-filter-toggler-label .ts-filter-toggler-text-open,
.ts-filter-toggler:not(:checked) + .ts-filter-toggler-label [data-iconname="arrow-down"] {
    display: none;
}

.ts-filter-toggler:checked + .ts-filter-toggler-label .ts-filter-toggler-text-close,
.ts-filter-toggler:checked + .ts-filter-toggler-label [data-iconname="arrow-up"] {
    display: none;
}

.ts-filter-toggler-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 9px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding-top: 2px;
    color: #333;
}

.ts-filter-container-hidder {
    position: relative;
    overflow: hidden;
}

.ts-filter-container {
    position: relative;
    margin-top: 0;
    transition: margin-top .2s;
}

.ts-filter-toggler:checked + .ts-filter-toggler-label + .ts-filter-container-hidder .ts-filter-container {
    margin-top: -3000px;
}

.ts-new-h3-for-filter-result {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

    .ts-new-h3-for-filter-result::before {
        position: absolute;
        content: "";
        width: calc(100% - 2rem);
        max-width: 600px;
        height: 2px;
        background-color: #dcdcdc;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
    }

/* === START === Az új gridrendszerhez tartozó osztályok =====================================*/
::-moz-focus-inner {
    border: 0;
}

.ts-new-table-extra-header-wrapper {
    position: relative;
    box-sizing: border-box;
}

.ts-new-btn-with-dot {
    position: relative;
    display: inline-block;
}

    .ts-new-btn-with-dot.ts-dot-on-bottom::after,
    .ts-new-btn-with-dot.ts-dot-on-top::after {
        position: absolute;
        content: "";
        display: block;
        left: 10px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #666;
        transition: background-color .3s;
        z-index: 1;
    }

    .ts-new-btn-with-dot.ts-dot-on-bottom.ts-primary-style::after,
    .ts-new-btn-with-dot.ts-dot-on-top.ts-primary-style::after {
        background-color: var(--ts-ocean);
    }

    .ts-new-btn-with-dot.ts-dot-on-bottom.ts-gray-2-style::after,
    .ts-new-btn-with-dot.ts-dot-on-top.ts-gray-2-style::after {
        background-color: #666;
    }

    .ts-new-btn-with-dot.ts-dot-on-bottom.ts-primary-dark-style::after,
    .ts-new-btn-with-dot.ts-dot-on-top.ts-primary-dark-style::after {
        background-color: var(--ts-ocean-dark);
    }


    .ts-new-btn-with-dot.ts-dot-on-bottom::after {
        bottom: -6px;
    }

    .ts-new-btn-with-dot.ts-dot-on-top::after {
        top: -6px;
    }

    .ts-new-btn-with-dot.ts-gray-2-style.ts-dot-on-bottom:hover::after,
    .ts-new-btn-with-dot.ts-gray-2-style.ts-dot-on-top:hover::after {
        background-color: #333 !important;
    }

    .ts-new-btn-with-dot.ts-primary-style.ts-dot-on-bottom:hover::after,
    .ts-new-btn-with-dot.ts-primary-style.ts-dot-on-top:hover::after {
        background-color: var(--ts-ocean-dark) !important;
    }

    .ts-new-btn-with-dot.ts-primary-dark-style.ts-dot-on-bottom:hover::after,
    .ts-new-btn-with-dot.ts-primary-dark-style.ts-dot-on-top:hover::after {
        background-color: #9b0052 !important;
    }

    .ts-new-btn-with-dot input,
    .ts-new-btn-with-dot span {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        outline: none;
        border: 0;
        padding-left: calc(15px + 24px + 1rem) !important;
        color: #fff;
        transition: background-color .3s;
        cursor: pointer;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 2px;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: left 15px center;
    }

    .ts-new-btn-with-dot.ts-primary-style input,
    .ts-new-btn-with-dot.ts-primary-style span {
        background-color: var(--ts-ocean);
    }

    .ts-new-btn-with-dot.ts-gray-2-style input,
    .ts-new-btn-with-dot.ts-gray-2-style span {
        background-color: #666;
    }

    .ts-new-btn-with-dot.ts-primary-dark-style input,
    .ts-new-btn-with-dot.ts-primary-dark-style span {
        background-color: var(--ts-ocean-dark);
    }


    .ts-new-btn-with-dot.ts-dot-on-bottom input,
    .ts-new-btn-with-dot.ts-dot-on-bottom span {
        border-radius: 3px 3px 0 0;
    }

    .ts-new-btn-with-dot.ts-dot-on-top input,
    .ts-new-btn-with-dot.ts-dot-on-top span {
        border-radius: 0 0 3px 3px;
    }

    .ts-new-btn-with-dot.ts-primary-style:hover input,
    .ts-new-btn-with-dot.ts-primary-style:hover span {
        background-color: var(--ts-ocean-dark) !important;
    }

    .ts-new-btn-with-dot.ts-gray-2-style:hover input,
    .ts-new-btn-with-dot.ts-gray-2-style:hover span {
        background-color: #333 !important;
    }

    .ts-new-btn-with-dot.ts-primary-dark-style:hover input,
    .ts-new-btn-with-dot.ts-primary-dark-style:hover span {
        background-color: #9b0052 !important;
    }

    .ts-new-btn-with-dot.ts-bg-icon-download input,
    .ts-new-btn-with-dot.ts-bg-icon-download span {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E");
    }

    .ts-new-btn-with-dot.ts-bg-icon-check-circle input,
    .ts-new-btn-with-dot.ts-bg-icon-check-circle span {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.001 22.744C11.999 22.744 11.996 22.744 11.993 22.744C6.066 22.741 1.247 17.916 1.25 11.988C1.253 6.06302 6.076 1.24402 12 1.24402C12.002 1.24402 12.003 1.24402 12.006 1.24402C13.521 1.24502 14.991 1.55802 16.375 2.17502C16.754 2.34302 16.924 2.78702 16.756 3.16502C16.587 3.54402 16.141 3.71402 15.766 3.54502C14.575 3.01502 13.31 2.74502 12.006 2.74402C12.005 2.74402 12.003 2.74402 12.001 2.74402C9.532 2.74402 7.21 3.70502 5.463 5.45002C3.715 7.19602 2.752 9.51902 2.75 11.99C2.747 17.091 6.895 21.242 11.995 21.245C11.997 21.245 11.999 21.245 12.002 21.245C14.47 21.245 16.792 20.285 18.538 18.54C20.286 16.794 21.25 14.472 21.251 12V11.08C21.251 10.666 21.587 10.33 22.001 10.33C22.415 10.33 22.751 10.666 22.751 11.08V12C22.749 14.872 21.63 17.571 19.599 19.601C17.567 21.628 14.87 22.744 12.001 22.744Z' fill='white'/%3E%3Cpath d='M12 14.76C11.801 14.76 11.61 14.681 11.47 14.54L8.46999 11.54C8.17699 11.247 8.17699 10.772 8.46999 10.479C8.76299 10.186 9.23799 10.186 9.53099 10.479L12 12.949L21.47 3.46999C21.763 3.17799 22.237 3.17699 22.531 3.46999C22.824 3.76299 22.824 4.23799 22.531 4.53099L12.531 14.541C12.39 14.681 12.199 14.76 12 14.76Z' fill='white'/%3E%3C/svg%3E");
    }

    .ts-new-btn-with-dot.ts-bg-icon-export input,
    .ts-new-btn-with-dot.ts-bg-icon-export span {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1.75' y1='12.25' x2='22.25' y2='12.25' /%3E%3Cpath d='M20 13V8.875L13.3333 2H5.77778C4.30502 2 4 2.48122 4 4V13' /%3E%3Cpath d='M13 2V7C13 8.44975 13.3003 9 14.75 9H20' /%3E%3C/g%3E%3Cpath d='M2.34434 21.9513C2.25142 21.9513 2.16944 21.9123 2.09838 21.8343C2.03279 21.7498 2 21.6523 2 21.5418C2 21.4378 2.0246 21.3468 2.07379 21.2688L3.96766 18.5L2.09018 15.7507C2.04099 15.6727 2.0164 15.5817 2.0164 15.4777C2.0164 15.3542 2.04919 15.2535 2.11478 15.1755C2.18583 15.091 2.27329 15.0487 2.37713 15.0487C2.43726 15.0487 2.49465 15.065 2.54931 15.0975C2.60396 15.13 2.64769 15.1722 2.68048 15.2242L4.41038 17.837L6.14029 15.2047C6.20041 15.1007 6.29059 15.0487 6.41084 15.0487C6.50922 15.0487 6.59394 15.091 6.665 15.1755C6.73605 15.2535 6.77158 15.351 6.77158 15.468C6.77158 15.559 6.74971 15.6402 6.70599 15.7117L4.81211 18.4903L6.70599 21.2591C6.75518 21.324 6.77978 21.4085 6.77978 21.5125C6.77978 21.636 6.74425 21.74 6.67319 21.8245C6.6076 21.909 6.52015 21.9513 6.41084 21.9513C6.29059 21.9513 6.19221 21.8895 6.11569 21.766L4.36119 19.1435L2.63129 21.7758C2.54931 21.8928 2.45366 21.9513 2.34434 21.9513Z' /%3E%3Cpath d='M8.45145 21.9025C8.30934 21.9025 8.18637 21.844 8.08252 21.727C7.98413 21.6035 7.93494 21.4573 7.93494 21.2883V15.4972C7.93494 15.3737 7.97047 15.2697 8.04152 15.1852C8.11258 15.0942 8.20003 15.0487 8.30388 15.0487C8.40773 15.0487 8.49518 15.0942 8.56623 15.1852C8.64275 15.2697 8.68101 15.3737 8.68101 15.4972V21.0153H11.362C11.4658 21.0153 11.5533 21.0608 11.6243 21.1518C11.7008 21.2363 11.7391 21.3403 11.7391 21.4638C11.7391 21.5873 11.7008 21.6913 11.6243 21.7758C11.5533 21.8603 11.4658 21.9025 11.362 21.9025H8.45145Z' /%3E%3Cpath d='M14.4624 22C13.7683 22 13.1179 21.844 12.5112 21.532C12.4456 21.4995 12.3909 21.4475 12.3472 21.376C12.3035 21.2981 12.2816 21.2168 12.2816 21.1323C12.2816 21.0218 12.3117 20.9276 12.3718 20.8496C12.4374 20.7651 12.5194 20.7228 12.6177 20.7228C12.6724 20.7228 12.7243 20.7358 12.7735 20.7618C13.2764 21.0283 13.8147 21.1616 14.3886 21.1616C15.3451 21.1616 15.8234 20.7878 15.8234 20.0404C15.8234 19.8454 15.7605 19.6829 15.6348 19.5529C15.5146 19.4229 15.3643 19.3222 15.1839 19.2507C15.0035 19.1727 14.7466 19.0817 14.4132 18.9777C13.9705 18.8412 13.6125 18.7112 13.3392 18.5877C13.0659 18.4578 12.8309 18.266 12.6341 18.0125C12.4374 17.7591 12.339 17.4211 12.339 16.9986C12.339 16.6281 12.421 16.2934 12.5849 15.9944C12.7489 15.689 12.9894 15.4485 13.3064 15.273C13.6289 15.091 14.0142 15 14.4624 15C15.0637 15 15.6075 15.1072 16.0939 15.3217C16.247 15.3867 16.3235 15.5167 16.3235 15.7117C16.3235 15.8157 16.2934 15.9099 16.2333 15.9944C16.1732 16.0789 16.0939 16.1212 15.9956 16.1212C15.9628 16.1212 15.919 16.1082 15.8644 16.0822C15.4381 15.9067 14.9981 15.8189 14.5444 15.8189C14.1126 15.8189 13.7601 15.9164 13.4868 16.1114C13.219 16.3064 13.0851 16.5794 13.0851 16.9304C13.0851 17.1643 13.1479 17.3561 13.2736 17.5056C13.4048 17.6486 13.566 17.7623 13.7573 17.8468C13.9541 17.9248 14.2192 18.0093 14.5526 18.1003C14.9844 18.2238 15.3315 18.3473 15.5938 18.4708C15.8617 18.5942 16.0885 18.786 16.2743 19.046C16.4656 19.3059 16.5613 19.6569 16.5613 20.0989C16.5613 20.4629 16.4738 20.7911 16.2989 21.0836C16.124 21.3695 15.878 21.5938 15.561 21.7563C15.244 21.9188 14.8778 22 14.4624 22Z' /%3E%3Cpath d='M17.5646 21.9513C17.4716 21.9513 17.3897 21.9123 17.3186 21.8343C17.253 21.7498 17.2202 21.6523 17.2202 21.5418C17.2202 21.4378 17.2448 21.3468 17.294 21.2688L19.1879 18.5L17.3104 15.7507C17.2612 15.6727 17.2366 15.5817 17.2366 15.4777C17.2366 15.3542 17.2694 15.2535 17.335 15.1755C17.4061 15.091 17.4935 15.0487 17.5974 15.0487C17.6575 15.0487 17.7149 15.065 17.7695 15.0975C17.8242 15.13 17.8679 15.1722 17.9007 15.2242L19.6306 17.837L21.3605 15.2047C21.4206 15.1007 21.5108 15.0487 21.6311 15.0487C21.7294 15.0487 21.8142 15.091 21.8852 15.1755C21.9563 15.2535 21.9918 15.351 21.9918 15.468C21.9918 15.559 21.9699 15.6402 21.9262 15.7117L20.0323 18.4903L21.9262 21.2591C21.9754 21.324 22 21.4085 22 21.5125C22 21.636 21.9645 21.74 21.8934 21.8245C21.8278 21.909 21.7404 21.9513 21.6311 21.9513C21.5108 21.9513 21.4124 21.8895 21.3359 21.766L19.5814 19.1435L17.8515 21.7758C17.7695 21.8928 17.6739 21.9513 17.5646 21.9513Z' /%3E%3C/svg%3E%0A");
    }

    .ts-new-btn-with-dot.ts-bg-icon-payed input,
    .ts-new-btn-with-dot.ts-bg-icon-payed span {
        background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.83892 8.2207H4.14904C3.24332 8.2207 2.50909 8.95493 2.50909 9.86065V19.7003C2.50909 20.606 3.24332 21.3403 4.14904 21.3403H18.9085C19.8143 21.3403 20.5485 20.606 20.5485 19.7003V14.7805' /%3E%3Cpath d='M2.50909 13.1405H10.9991' /%3E%3Ccircle cx='17.5694' cy='7.12012' r='5.10883' /%3E%3Cpath d='M15.2189 7.54553L17.3391 9.40898L19.6223 5.18158' /%3E%3C/svg%3E%0A");
    }

    .ts-new-btn-with-dot.ts-bg-icon-add-new-item input,
    .ts-new-btn-with-dot.ts-bg-icon-add-new-item span {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.542 15.273H12.825M7.542 3.27301H20.542H7.542ZM7.542 9.27301H20.542H7.542Z' /%3E%3Cpath d='M2.542 4.27197C3.09428 4.27197 3.542 3.82426 3.542 3.27197C3.542 2.71969 3.09428 2.27197 2.542 2.27197C1.98972 2.27197 1.542 2.71969 1.542 3.27197C1.542 3.82426 1.98972 4.27197 2.542 4.27197Z' /%3E%3Cpath d='M2.542 10.272C3.09428 10.272 3.542 9.82426 3.542 9.27197C3.542 8.71969 3.09428 8.27197 2.542 8.27197C1.98972 8.27197 1.542 8.71969 1.542 9.27197C1.542 9.82426 1.98972 10.272 2.542 10.272Z' /%3E%3Cpath d='M2.542 16.272C3.09428 16.272 3.542 15.8243 3.542 15.272C3.542 14.7197 3.09428 14.272 2.542 14.272C1.98972 14.272 1.542 14.7197 1.542 15.272C1.542 15.8243 1.98972 16.272 2.542 16.272Z' /%3E%3Cline x1='15.938' y1='17.9223' x2='21.438' y2='17.9223' /%3E%3Cline x1='18.6586' y1='20.686' x2='18.6586' y2='15.186' /%3E%3C/svg%3E%0A");
    }

.tsx-right-extra-info-wrapper {
    background-color: #ededed;
    height: 100%;
    min-height: 40px;
    cursor: default;
}

.tsx-nr-of-record-wrapper {
    white-space: nowrap;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 15px;
}

.ts-pagination-arrow {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #666;
    color: #fff;
    text-align: center;
    transition: background-color .3s;
    vertical-align: middle;
    cursor: pointer;
}

.ts-pagination-nr {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    border-radius: 11px;
    background-color: #666;
    color: #fff;
    text-align: center;
    transition: background-color .3s;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: default;
}

.ts-pagination-arrow:hover {
    background-color: #333;
}

.ts-new-grid-table-padding-x-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.ts-new-grid-table-padding-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ts-new-grid-table-padding-5 {
    padding: 5px;
}

.tsx-table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #1aaca1 #dcdcdc;
}

    .tsx-table-responsive::-webkit-scrollbar {
        height: 7px;
    }

    .tsx-table-responsive::-webkit-scrollbar-track {
        background: #dcdcdc;
    }

    .tsx-table-responsive::-webkit-scrollbar-thumb {
        background: #1aaca1;
    }

        .tsx-table-responsive::-webkit-scrollbar-thumb:hover {
            background: #207f75;
        }

.ts-new-grid-table-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
}

.ts-new-grid-table {
    border-collapse: collapse;
    border: 5px solid #dcdcdc;
    background-color: #fafafa;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

    .ts-new-grid-table thead tr th {
        background-color: #dcdcdc;
        height: 46px;
    }

    .ts-new-grid-table thead th {
        vertical-align: middle;
    }

    .ts-new-grid-table th,
    .ts-new-grid-table td {
        padding: 3px;
    }

    .ts-new-grid-table .ts-checkbox-cell {
        vertical-align: middle;
        text-align: left;
        width: 38px;
        min-width: 38px;
        padding: 0 5px;
        box-sizing: border-box;
    }

    .ts-new-grid-table .ts-row-even {
        background-color: #f0f0f0;
    }

.ts-extra-data-row {
    border-top: 1px dashed rgba(0, 0, 0, .2);
}

.ts-new-grid-table-highlight-color {
    background-color: #f3dce8 !important;
}

/* === END === Az új gridrendszerhez tartozó osztályok =======================================*/

/* === START === Az új számlakészítő oldalhoz tartozó osztályok ==============================*/
.ts-new-box-header {
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

    .ts-new-box-header h3 {
        position: relative;
        margin: 0;
        padding: 0;
        font-weight: 100;
        font-size: 16px;
        text-transform: uppercase;
    }

    .ts-new-box-header.ts-dark {
        border-bottom: 1px solid rgba(255, 255, 255, .5);
    }

.ts-mandatory {
    position: absolute;
    left: 0;
    bottom: -15px;
    font-size: 11px;
    text-transform: none;
}

.ts-new-box-rounded-small-box {
    display: inline-block;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    background-color: #fafafa;
    padding-left: 10px;
    padding-right: 10px;
}

.ts-f16b {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.ts-partner-search-round-btn {
    display: inline-block;
    height: 32px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    outline: 0;
    border: 0;
    transition: background-color .3s;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e20074' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
}

    .ts-partner-search-round-btn:hover {
        background-color: var(--ts-ocean);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    }

.ts-small-round-btn {
    display: inline-block;
    box-sizing: border-box;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    outline: 0;
    border: 0;
    transition: background-color .3s;
    cursor: pointer;
    color: #fff;
    padding-top: 6px;
    text-align: center;
}

    .ts-small-round-btn.tsm-bg-primary:hover {
        background-color: var(--ts-ocean-dark) !important;
    }

    .ts-small-round-btn.tsm-bg-white:hover {
        background-color: var(--ts-ocean) !important;
        color: #fff !important;
    }

    .ts-small-round-btn.ts-cursor-default {
        cursor: default;
    }

.ts-new-textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, .2);
    padding: 10px;
    color: #333;
    outline: none;
    font-family: 'Open Sans',sans-serif;
}

    .ts-new-textarea:focus,
    .ts-new-textarea:active {
        border-color: #1aaca1;
    }

.ts-payment-info-table {
    border-collapse: collapse;
}

    .ts-payment-info-table td:last-child {
        font-weight: 700;
        vertical-align: bottom;
        padding-left: 10px;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

.ts-send-email-active {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background-color: #ff9a1e;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    padding-top: 6px;
}

.ts-new-row-btn {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    transition: background-color .3;
    cursor: pointer;
}

    .ts-new-row-btn:hover {
        background-color: currentColor !important;
    }

    .ts-new-row-btn.ts-btn-type-search {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231bada2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    }

        .ts-new-row-btn.ts-btn-type-search:hover {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
        }

    .ts-new-row-btn.ts-btn-type-edit {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231bada2' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' %3E%3Cpath d='M13.517 2.223c2.665-1.612 5.655 1.757 4.26 4.26L7.129 17.13h-4.26v-4.259zm.416 4.459l1.01 1.01' /%3E%3Cpath d='M3 22h18'/%3E%3C/svg%3E%0A");
    }

        .ts-new-row-btn.ts-btn-type-edit:hover {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' %3E%3Cpath d='M13.517 2.223c2.665-1.612 5.655 1.757 4.26 4.26L7.129 17.13h-4.26v-4.259zm.416 4.459l1.01 1.01' /%3E%3Cpath d='M3 22h18'/%3E%3C/svg%3E%0A");
        }

    .ts-new-row-btn.ts-btn-type-edit2 {
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='none' stroke='%231bada2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.932,14.137v2.219 c0,0.855-0.693,1.549-1.548,1.549H6.096L3,21V8.616c0-0.855,0.693-1.548,1.548-1.548h6.028'/%3E%3Cg transform='translate(.127 -8.793) scale(.77401)'%3E%3Ccircle cx='11.237' cy='31.119' r='1.169'/%3E%3Ccircle cx='14.669' cy='31.119' r='1.169'/%3E%3Ccircle cx='18.103' cy='31.119' r='1.169'/%3E%3C/g%3E%3Cpath d='M19.248,2.001 c1.861-1.126,3.949,1.228,2.975,2.976l-7.438,7.44H11.81V9.442L19.248,2.001z M19.538,5.116l0.705,0.706'/%3E%3C/svg%3E%0A");
    }

        .ts-new-row-btn.ts-btn-type-edit2:hover {
            background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.932,14.137v2.219 c0,0.855-0.693,1.549-1.548,1.549H6.096L3,21V8.616c0-0.855,0.693-1.548,1.548-1.548h6.028'/%3E%3Cg transform='translate(.127 -8.793) scale(.77401)'%3E%3Ccircle cx='11.237' cy='31.119' r='1.169'/%3E%3Ccircle cx='14.669' cy='31.119' r='1.169'/%3E%3Ccircle cx='18.103' cy='31.119' r='1.169'/%3E%3C/g%3E%3Cpath d='M19.248,2.001 c1.861-1.126,3.949,1.228,2.975,2.976l-7.438,7.44H11.81V9.442L19.248,2.001z M19.538,5.116l0.705,0.706'/%3E%3C/svg%3E%0A");
        }


    .ts-new-row-btn.ts-btn-type-delete {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d90000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    }

        .ts-new-row-btn.ts-btn-type-delete:hover {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' %3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
        }

.ts-new-attachments-drag-and-drop-wrapper > div:first-child {
    background-color: #999;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

.ts-new-attachments-drag-and-drop-wrapper > div:last-child {
    position: relative;
    z-index: 2;
    border-style: dashed;
    border-width: 0 5px 5px 5px;
    border-color: #999;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #f2f2f2;
    color: #999;
    box-shadow: 0 10px 4px -8px rgba(0, 0, 0, .4);
}

    .ts-new-attachments-drag-and-drop-wrapper > div:last-child small {
        text-transform: none;
    }

.ts-new-attachments-wrapper {
    position: relative;
    background-color: #dcdcdc;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: #999;
    width: calc(100% - 2rem);
    left: 1rem;
}

.ts-new-attachment-row {
    padding-top: .5rem;
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: nowrap;
}

    .ts-new-attachment-row > div:nth-child(1) {
        flex-shrink: 0;
        flex-grow: 0;
        padding: 3px 5px;
    }

    .ts-new-attachment-row > div:nth-child(2) {
        flex-shrink: 1;
        flex-grow: 1;
        padding: 3px 5px;
        text-align: left;
        word-break: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .ts-new-attachment-row > div:nth-child(3) {
        flex-shrink: 1;
        flex-grow: 1;
        padding: 3px 5px;
        text-align: right;
    }

    .ts-new-attachment-row > div:nth-child(4) {
        flex-shrink: 0;
        flex-grow: 0;
        padding: 3px 5px;
    }

    .ts-new-attachment-row > div:nth-child(5) {
        flex-shrink: 0;
        flex-grow: 0;
        padding: 3px 5px;
    }

.ts-new-progressbar {
    position: relative;
    width: 60px;
    height: 20px;
    overflow: hidden;
    background-color: rgba(27, 173, 162, .2);
    border-radius: 10px;
    text-align: center;
}

    .ts-new-progressbar div {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        background-color: #1BADA2;
        border-radius: 10px;
    }

    .ts-new-progressbar span {
        position: relative;
        z-index: 2;
        color: #fff;
    }

.ts-new-summ-table {
    border-collapse: collapse;
    border: 5px solid #999;
    width: 100%;
}

    .ts-new-summ-table thead tr {
        background-color: #999;
        color: #fff;
    }

        .ts-new-summ-table thead tr:first-child th {
            font-weight: 400;
            font-size: 18px;
            text-transform: uppercase;
            padding: 1rem;
            position: relative;
            text-align: center;
        }

            .ts-new-summ-table thead tr:first-child th::after {
                position: absolute;
                content: "";
                width: calc(100% - 2rem);
                height: 1px;
                left: 1rem;
                bottom: 0;
                background-color: rgba(0, 0, 0, .2);
            }

        .ts-new-summ-table thead tr:last-child th {
            padding: 1rem 5px;
            text-align: right;
            vertical-align: top;
        }

    .ts-new-summ-table tbody td {
        padding: 5px;
        text-align: right;
        vertical-align: top;
    }

    .ts-new-summ-table tbody tr:nth-child(n+1) {
        background-color: #fafafa;
    }

    .ts-new-summ-table tbody tr:nth-child(n+2) {
        background-color: #ededed;
    }

    .ts-new-summ-table tbody td {
        padding: 5px;
        text-align: right;
        vertical-align: top;
    }

    .ts-new-summ-table tfoot th {
        padding: 15px 5px;
        text-align: right;
        vertical-align: middle;
        background-color: #dcdcdc;
        font-size: 16px;
    }

.ts-tax-code-explanation-wrapper {
    display: inline-block;
    padding: 10px 15px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 6px -3px rgba(0, 0, 0, .3);
    margin-right: 1rem;
}

    .ts-tax-code-explanation-wrapper a {
        font-size: 16px;
    }

.ts-upper-thick-line {
    height: 5px;
    background-color: #a3a3a3;
}

.ts-final-summ-wrapper {
    background-color: #a3a3a3;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

    .ts-final-summ-wrapper > div:last-child {
        font-weight: 700;
    }

.ts-invoice-items-table-wrapper {
    position: relative;
    box-sizing: border-box;
    border: 5px solid #dcdcdc;
    background-color: #fafafa;
}

    .ts-invoice-items-table-wrapper * {
        position: relative;
        box-sizing: border-box;
    }

.ts-invoice-items-table .ts-invoice-items-table-body > div > div {
    position: relative;
    padding: 7px 15px;
}

.ts-invoice-items-table .ts-invoice-items-table-body input[type="text"],
.ts-invoice-items-table .ts-invoice-items-table-body select,
.ts-invoice-items-table .ts-invoice-items-table-body textarea {
    position: relative;
    max-width: 100% !important;
    width: 100% !important;
    height: 32px;
    color: #333;
    background-color: #fafafa;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #dcdcdc;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.ts-invoice-items-table .ts-invoice-items-table-body textarea {
    top: 4px;
    height: 32px;
    padding-top: 6px;
}

    .ts-invoice-items-table .ts-invoice-items-table-body input[type="text"]:focus,
    .ts-invoice-items-table .ts-invoice-items-table-body select:focus,
    .ts-invoice-items-table .ts-invoice-items-table-body textarea:focus {
        border: 1px solid #b2b2b2;
        outline: 0;
    }

    .ts-invoice-items-table .ts-invoice-items-table-body textarea:focus {
        position: absolute;
        top: -12px;
        left: 0;
        height: 96px;
        max-width: (100% - 73px) !important;
        width: 100% !important;
        z-index: 10;
    }

.ts-invoice-items-table-item:nth-child(2n) {
    background-color: #f2f2f2;
}

.ts-invoice-items-table .ts-invoice-items-table-body .ts-invoice-items-table-item:nth-child(2n) input[type="text"],
.ts-invoice-items-table .ts-invoice-items-table-body .ts-invoice-items-table-item:nth-child(2n) select,
.ts-invoice-items-table .ts-invoice-items-table-body .ts-invoice-items-table-item:nth-child(2n) textarea {
    background-color: #f2f2f2;
}

.ts-h-32px {
    height: 32px;
    line-height: 32px;
}

.ts-invoice-items-table-footer {
    background-color: #dcdcdc;
}

    .ts-invoice-items-table-footer a {
        cursor: pointer;
    }

.ts-add-new-row-icon {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: #ededed;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    transition: all .3s;
}

.ts-invoice-items-table-footer a:hover .ts-add-new-row-icon {
    transform-origin: center;
    transform: rotate(180deg);
}

.ts-item-data-error,
.ts-item-data-error input[type="text"],
.ts-item-data-error textarea,
.ts-item-data-error select {
    background-color: #fecb00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f00' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' %3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 6.791V13'/%3E%3Ccircle cx='12' cy='16.39' r='1' fill='%23f00' stroke='none'/%3E%3C/svg%3E"), linear-gradient(45deg, var(--ts-warning-dark) 25%, #fecb00 25%, #fecb00 50%, var(--ts-warning-dark) 50%, var(--ts-warning-dark) 75%, #fecb00 75%, #fecb00 100%);
    background-size: 20px 20px, 14.14px 14.14px;
    background-repeat: no-repeat, repeat;
    background-position: right 7px top 5px;
    color: #333;
}

@media (min-width: 992px) {

    .ts-invoice-items-table .ts-invoice-items-table-body input[type="text"],
    .ts-invoice-items-table .ts-invoice-items-table-body select,
    .ts-invoice-items-table .ts-invoice-items-table-body textarea {
        border: 0;
    }

    .ts-invoice-items-table .ts-invoice-items-table-body textarea {
        top: 3px;
        height: 28px;
        padding-top: 3px;
    }

    .ts-invoice-items-table {
        display: table;
        width: 100%;
        max-width: 100%;
    }

        .ts-invoice-items-table .ts-invoice-items-table-header {
            display: table-header-group !important;
            background-color: #dcdcdc;
            font-weight: 700;
        }

        .ts-invoice-items-table .ts-invoice-items-table-body {
            display: table-row-group;
        }

            .ts-invoice-items-table .ts-invoice-items-table-header > div,
            .ts-invoice-items-table .ts-invoice-items-table-body > div {
                display: table-row;
            }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div,
                .ts-invoice-items-table .ts-invoice-items-table-body > div > div {
                    display: table-cell;
                    text-align: right;
                    vertical-align: top;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div {
                    padding: 10px 3px;
                }

                .ts-invoice-items-table .ts-invoice-items-table-body > div > div {
                    padding: 3px;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(1) {
                    width: 73px;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(2) {
                    width: 7%;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(4) {
                    width: 20%;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(5) {
                    width: 5%;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(6) {
                    width: 8%;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(7),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(8),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(9),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(10),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(11) {
                    width: 6%;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(1),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(2),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(3),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(4),
                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(6) {
                    text-align: left;
                }

                .ts-invoice-items-table .ts-invoice-items-table-header > div > div:nth-child(4) {
                    padding-left: 73px;
                }

                .ts-invoice-items-table .ts-invoice-items-table-body > div > div:nth-child(5) input[type="text"],
                .ts-invoice-items-table .ts-invoice-items-table-body > div > div:nth-child(7) input[type="text"] {
                    text-align: right;
                }

                .ts-invoice-items-table .ts-invoice-items-table-body > div > div:nth-child(8) select {
                    text-align: right;
                }
}


/* === END === Az új számlakészítő oldalhoz tartozó osztályok ================================*/