.primary-background {
	background-color: #da251c;
}
.secondary-background {
	background-color: #ffbc00;
}
* .light-text {
	color: #fff;
}
.btn-large {
    width: 100%;
    font-size: 20px;
    padding: 15px;
}
select.form-select {
    padding: 0.75em;
}
body.home {
    background-image: url( '/wp-content/uploads/2021/07/bg-pic-1-scaled.jpg' );
    background-size: cover;
        background-position: top center;
}
body.home:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000061;
}
.booking-filter,
.booking-form {
    width: 100%;
}
.stepwizard-row.setup-panel > * {
    /* display: inline-block; */
    width: 33.3333%;
}
.stepwizard-row.setup-panel {
    display: flex;
    /* width: 100%; */
}

/*
.stepwizard-step {
    margin: 6px;
    background: #da251c;
    text-align: center;
    border-radius: 5px;
}
*/
.stepwizard-step {
    text-align: center;
    margin: 25px 5px;

}
.stepwizard-step .btn {
    width: 100%;
    color: #fff;
}
.searched-storage-item.selected-item {
    background: #ffbc02;
}


.radio-wrapper {
    display: inline-flex;
    background: #fff;
    height: 100px;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 20px 0px;
    box-shadow: 5px 5px 30px rgb(0 0 0 / 20%);
    background: 0;
    box-shadow: none;
}
.radio-wrapper [type="radio"]{
    display: none;
}
.radio-wrapper .option{
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
}
.radio-wrapper .option {
    margin-right: 10px;
}
.radio-wrapper .option .dot{
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
}
.radio-wrapper .option .dot::before{
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #da251c;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}
input[type="radio"]{
    
}
#private:checked:checked ~ .private,
#company:checked:checked ~ .company{
    border-color: #da251c;
    background: #da251c;
}
#private:checked:checked ~ .private,
#company:checked:checked ~ .company,
.radio-wrapper .option .dot::before {
    background: #ffbc02;
}
#private:checked:checked ~ .private .dot,
#company:checked:checked ~ .company .dot{
    background: #fff;
}
#private:checked:checked ~ .private .dot::before,
#company:checked:checked ~ .company .dot::before{
    opacity: 1;
    transform: scale(1);
}
.radio-wrapper .option span{
    font-size: 20px;
    color: #da251c;
}
#private:checked:checked ~ .private span,
#company:checked:checked ~ .company span{
    color: #fff;
}

#not-approve:checked:checked ~ .not-approve,
#approve:checked:checked ~ .approve{
    border-color: #da251c;
    background: #da251c;
}
#not-approve:checked:checked ~ .not-approve,
#approve:checked:checked ~ .approve,
.radio-wrapper .option .dot::before {
    background: #ffbc02;
}
.radio-wrapper .option .dot::before {
    background: #da251c;
}
#private:checked:checked ~ .private .dot,
#company:checked:checked ~ .company .dot{
    background: #000;
}
#private:checked:checked ~ .private span,
#company:checked:checked ~ .company span{
    color: #000;
}


#private_:checked:checked ~ .private,
#company_:checked:checked ~ .company{
    border-color: #da251c;
    background: #da251c;
}
#private_:checked:checked ~ .private,
#company_:checked:checked ~ .company,
.radio-wrapper .option .dot::before {
    background: #ffbc02;
}
#private_:checked:checked ~ .private .dot,
#company_:checked:checked ~ .company .dot{
    background: #fff;
}
#private_:checked:checked ~ .private .dot::before,
#company_:checked:checked ~ .company .dot::before{
    opacity: 1;
    transform: scale(1);
}
.radio-wrapper .option span{
    font-size: 20px;
    color: #da251c;
}
#private_:checked:checked ~ .private span,
#company_:checked:checked ~ .company span{
    color: #fff;
}

#not-approve:checked:checked ~ .not-approve,
#approve:checked:checked ~ .approve{
    border-color: #da251c;
    background: #da251c;
}
#not-approve:checked:checked ~ .not-approve,
#approve:checked:checked ~ .approve,
.radio-wrapper .option .dot::before {
    background: #ffbc02;
}
.radio-wrapper .option .dot::before {
    background: #da251c;
}
#private_:checked:checked ~ .private .dot,
#company_:checked:checked ~ .company .dot{
    background: #000;
}
#private_:checked:checked ~ .private span,
#company_:checked:checked ~ .company span{
    color: #000;
}


.radio-wrapper .option span{
    font-size: 20px;
    color: #da251c;
}

#not-approve:checked:checked ~ .not-approve .dot,
#approve:checked:checked ~ .approve .dot{
    background: #fff;
}
#not-approve:checked:checked ~ .not-approve .dot::before,
#approve:checked:checked ~ .approve .dot::before{
    opacity: 1;
    transform: scale(1);
}
#not-approve:checked:checked ~ .not-approve span,
#approve:checked:checked ~ .approve span{
    color: #fff;
}

#not-active:checked:checked ~ .not-active .dot,
#active:checked:checked ~ .active .dot{
    background: #fff;
}
#not-active:checked:checked ~ .not-active .dot::before,
#active:checked:checked ~ .active .dot::before{
    opacity: 1;
    transform: scale(1);
}
#not-active:checked:checked ~ .not-active span,
#active:checked:checked ~ .active span{
    color: #fff;
}
#not-active:checked:checked ~ .not-active,
#active:checked:checked ~ .active{
    border-color: #da251c;
    background: #da251c;
}
#not-active:checked:checked ~ .not-active,
#active:checked:checked ~ .active,
.radio-wrapper .option .dot::before {
    background: #ffbc02;
}


.identification_image {
    max-height: 150px;
}
.searched-storage-item-label {
    padding: 20px;
    box-shadow: 0 0px 80px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    cursor: pointer;
}
.storage-size {
    display: none;
}


input[type="checkbox"]:before {
    content: "";
    border: 2px solid #ced4da;
    background: #fff;
    position: absolute;
    height: 26px;
    width: 26px;
    border-radius: 3px;
    text-align: center;
    left: -6px;
    top: -6px;
}
input[type="checkbox"]:checked::before {
    content: "✓";
    color: rgb(255, 255, 255);
    font-size: 17px;
    background: #da251c;
    border: 2px solid #da251c;
}
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
    position: relative;
}
input[type="checkbox"] {
    height: 26px;
    bottom: -13px;
    margin-right: 10px;
}
.selected-wizard {
    background: #ffbc02;
}

.validation-error {
    color: #da251c;
    font-size: 12px;
}
input.validation-error-checkbox:before {
    border-color: #da251c;
}

form.booking-filter button.btn.secondary-background.btn-large {
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}
.show-stock {
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}
.btn-large {
    width: 100%;
    font-size: 15px;
    padding: 12px;
}
.error.validation-error {
    display: block;
}

.invoice-detail {
    background: #da251c;
    padding: 15px;
    border-radius: 5px;
    color: #fff;
}
.dashboard-section {
    display: block;
    width: 100%;
    position: relative;
    
}
.dashboard-sidebar {
    background: #343a40;
}
.dashboard-sidebar,
.dashboard-content {
    padding: 10px;
}
.home-left-form {
    border-radius: 5px;
}
.home-template {
    width: 100%;
}
.home-slider-wrap {
    height: 100%;
    position: relative;
}
/*
.home-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/
.slide-item,
.slide-item img {
    height: 100%;
    width: 100%;
}
.slide-item img {
    object-fit: cover;
}
.verticle-center {
    position: relative;
    top: 50%;
    transform: translateY( -50% );
}
.slide-content {
    color: #fff;
}
.booking-confirmation {
    max-width: 600px;
    margin: auto;
}
.request-confirmation-information {
    margin: 20px 0;
}
.request-confirmation-content {
    text-align: center;
}
.alternative-address {
    display: none;
}
.text-right {
    text-align: right;
}
.ast-site-title-wrap {
    display: none;
}
img[type="img"] {
    max-height: 150px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.slide-content {
    text-align: center;
}
.slide-content {
    text-align: center;
    font-size: 24px;
}
.slide-title span {
    font-size: 44px;
}

.ast-builder-menu-mobile .menu-item {
    text-align: center;
}
.textwidget a {
    color: #000;
    text-decoration: none;
}
span.trp-ls-language-name {
    display: none;
}
span.selected-size,
.desc,
.price-list {
    font-size: 20px;
    font-weight: 600;
}

.wizard-buttons {
    text-align: right;
}
.stepwizard-step .selected-wizard {
    color: #000;
}


.request-confirmation-content {
    font-size: 18px;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
@media print {
    .invoice-detail {
        max-width: 400px;
    }
    button {
        display: none;
    }
}
.desc {
    font-size: 16px;
}
.popup-label {
    color: #da251c;
    cursor: pointer;
}
.modal-dialog {
    max-width: 1240px;
}
.terms-andconditions-popup {
    max-height: 300px;
    overflow-y: auto;
}
.modal:not(#rules_agreement) .modal-body {
    max-height: 600px;
    overflow-y: auto;
}
#customer-edit {

}
.modal-content {
    box-shadow: 0 0px 8.5px rgb(0 0 0 / 4%), 0 0px 20.3px rgb(0 0 0 / 5%), 0 0px 38.3px rgb(0 0 0 / 7%), 0 0px 68.3px rgb(0 0 0 / 8%), 0 0px 127.8px rgb(0 0 0 / 9%), 0 0px 306px rgb(0 0 0 / 13%);
    margin: 20px;
}
.accept-safety {
    background: green !important;
    color: #fff;
}
.cancel-safety {
    background: red;
    color: #fff;
}
#validator-error .modal-dialog {
    max-width: 380px;
}
div#validator-error {
    text-align: center;
}
button.btn.play-btn[data-dismiss="modal"] {
    background: #da251c;
    color: #fff;
    margin-top: 10px;
}

.request-confirmation-content .btn {
    background: #da251c;
    color: #fff;
}
.request-confirmation-content .buttons-row {
    margin-top: 50px;
}


/*
    Animation
*/
:root {
    --dur: 2s;
    --bg: #e3e4e8;
    --fg: #da251c;
    --font-size: calc(12px + (24 - 12)*(100vw - 320px)/(2560 - 320));
}
.preloader, .loading_box, .loading_box__inner, .loading_box__inner div  {
    transform-style: preserve-3d;
}
.preloader {
    margin: auto;
    position: relative;
    width: 12em;
    height: 24em;
        z-index: 1;
}
.loading_box, .loading_box__inner, .loading_box__inner div, .line {
    position: absolute;
}
.loading_box, .loading_box__inner div, .line__inner  {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.loading_box, .line__inner {
    animation-duration: var(--dur);
}
.loading_box__inner div, .line__inner {
    background: var(--fg);
}
/* loading_boxes */
.loading_box, .loading_box__inner {
    width: 100%;
    height: 50%;
}
.loading_box {
    animation-name: popOut;
    top: 50%;
    perspective: 25em;
    transform-origin: 50% 75%;
    z-index: 1;
}
.loading_box + .loading_box {
    animation-delay: calc(var(--dur)/-2);
}
.loading_box__inner, .loading_box__inner div  {
    animation-delay: inherit;
    animation-duration: inherit;
}
.loading_box__inner {
    transform: rotateX(50deg);
    transform-origin: 50% 25%;
}
.loading_box__inner div {
    loading_box-shadow: 0 0 0 0.2em var(--bg) inset;
}
.loading_box__back-flap, .loading_box__front-flap, .loading_box__front {
    width: 6em;
}
.loading_box__left-flap, .loading_box__right-flap, .loading_box__front {
    height: 6em;
}
.loading_box__back-flap, .loading_box__front-flap {
    left: 3em;
    height: 3em;
}
.loading_box__left-flap, .loading_box__right-flap {
    top: 3em;
    width: 3em;
}
.loading_box__back-flap {
    animation-name: backFlap;
    transform: rotateX(-180deg);
    transform-origin: 50% 100%;
}
.loading_box__right-flap {
    animation-name: rightFlap;
    left: 9em;
    transform: rotateY(-179deg);
    transform-origin: 0 50%;
}
.loading_box__front-flap {
    animation-name: frontFlap;
    top: 9em;
    transform: rotateX(180deg);
    transform-origin: 50% 0;
}
.loading_box__left-flap {
    animation-name: leftFlap;
    transform: rotateY(179deg);
    transform-origin: 100% 50%;
}
.loading_box__front {
    top: 3em;
    left: 3em;
    transform: rotateX(-90deg) translateY(50%) translateZ(3em);
}
/* Lines */
.line, .line__inner {
    border-radius: 0.1em;
}
.line {
    top: 0;
    left: calc(50% - 0.1em);
    width: 0.2em;
    height: 6em;
    overflow: hidden;
    transform-origin: 50% 0.1em;
}
.line:nth-child(n + 5) {
    top: 90%;
    transform: translateY(2em);
}
.line:nth-child(3) {
    left: calc(50% - 1.1em);
}
.line:nth-child(4) {
    left: calc(50% + 0.9em);
}
.line:nth-child(5) {
    transform: rotate(-90deg) translateY(2em);
}
.line:nth-child(6) {
    transform: rotate(-45deg);
}
.line:nth-child(7) {
    transform: translateY(-0.5em);
}
.line:nth-child(8) {
    transform: rotate(45deg);
}
.line:nth-child(9) {
    transform: rotate(90deg) translateY(2em);
}
.line__inner {
    animation-duration: calc(var(--dur)/2);
    width: 100%;
    height: 100%;
}
.line:nth-child(n + 3):nth-child(-n + 4) .line__inner {
    animation-name: falling;
}
.line:nth-child(n + 5):nth-child(-n + 9) .line__inner {
    animation-name: landing;
    transform: translateY(-100%);
}
/* Dark Mode */
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #17181c;
        --fg: #da251c;
    }
}
/* Animations */
@keyframes backFlap {
    from, 33% { transform: rotateX(-180deg); }
    41% { transform: rotateX(10deg); }
    45% { transform: rotateX(-27deg); }
    50%, to { transform: rotateX(-15deg); }
}
@keyframes rightFlap {
    from, 33% { transform: rotateY(-179deg); }
    41% { transform: rotateY(10deg); }
    45% { transform: rotateY(-27deg); }
    50%, to { transform: rotateY(-15deg); }
}
@keyframes frontFlap {
    from, 33% { transform: rotateX(180deg); }
    41% { transform: rotateX(-10deg); }
    45% { transform: rotateX(27deg); }
    50%, to { transform: rotateX(15deg); }
}
@keyframes leftFlap {
    from, 33% { transform: rotateY(179deg); }
    41% { transform: rotateY(-10deg); }
    45% { transform: rotateY(27deg); }
    50%, to { transform: rotateY(15deg); }
}
@keyframes popOut {
    from, 21% { transform: translateZ(1px) translateY(0) scale(0,0); }
    33% { transform: translateZ(1px) translateY(-100%) scale(0.75,1.5); }
    41% { transform: translateZ(1px) translateY(-100%) scale(1,1); }
    42%,50% { transform: translateZ(0) translateY(-100%) scale(1,1); }
    55% { transform: translateZ(0) translateY(-100%) scale(0.75,1.5); }
    60% { transform: translateZ(0) translateY(0) scale(1.5,0.75); }
    67% { transform: translateZ(0) translateY(0) scale(1,1); }
    to { transform: translateZ(0) translateY(0) scale(0,0); }
}
@keyframes falling {
    from, 12% { transform: translateY(0%); }
    28%, to { transform: translateY(100%); }
}
@keyframes landing {
    from, 17% { transform: translateY(-100%); }
    41%, to { transform: translateY(100%); }
}
.preloader-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}
.preloader-wrap:after {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008f;
}
.preloader-box {
    margin: auto;
    position: relative;
    width: 12em;
    height: 24em;
    top: calc(50% - 12em);
}
/*
    Box Animation
*/

input[type="file"]:not(.form-control) {
    opacity: 0;
    height: 0px;
    /* display: none; */
    line-height: 0;
}
.image-hodler {
    text-align: center;
}
button.primary-background {
    color: #fff;
}

#customer-edit .modal-body {
    max-height: 100% !important;
}
#customer-edit .modal-dialog {
    max-width: 90%;
}
div#customer-edit {
    zoom: 0.8;
}
.saver .radio-wrapper {
    zoom: 0.8;
}
span.email_verified_No,
span.active-status-No {
    background: red;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
}
span.email_verified_Yes,
span.active-status-Yes {
    background: green;
    padding: 5px 10px;
    border-radius: 3px;
    color: #fff;
}
@media only screen and (max-width: 600px) {
    .stepwizard-row.setup-panel > * [type="button"] {
        font-size: 7px;
    }
    .stepwizard-row.setup-panel > * {
        display: inline-block;
        width: 21%;
    }
    .stepwizard-row.setup-panel {
        display: block;
        /* width: 100%; */
    }
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #da251c !important;
}
div#v-pills-tab {
    border-right: 3px solid #da251c;
    padding-right: 15px !important;
    border-radius: 5px;
    min-width: 200px;
}

.mce-edit-area > iframe {
    max-height: 300px;
}
.wide-button {
    width: 100%;
    display: block;
}
.customer-buttons {
    width: 60%;
    display: block !important;
}

.booking-detail .only-not-approved,
.booking-detail .only-approved {
    display: none;
}
.tab-content {
    width: 100%;
}
.full-item .searched-storage-item-label {
    cursor: not-allowed;
}
.full-item {
    background: #00000040;
    background-image: linear-gradient( 
45deg
 ,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}
.bold-text {
    font-weight: bold;
}
.card {
    max-width: 100% !important;
}
select.form-select {
    padding: 4px 10px !important;
}
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url] {
    padding: 5px .75em !important;
}
div#email_verified_popup .modal-dialog {
    width: 500px;
    text-align: center;
}
tr[data-info] td {
    vertical-align: middle;
}
form.booking-filter {
    display: none;
}
body[data-step-id="step-1"] form.booking-filter{
    display: block;
}


.toggle-btn {
  border: 1px solid #1a1a1a;
  display: inline-block;
  padding: 0 10px;
  position: relative;
  text-align: center;
  transition: background 600ms ease, color 600ms ease;
}
input[type=radio].toggle {
  display: none;
}
input[type=radio].toggle + label {
  cursor: pointer;
  min-width: 60px;
  font-weight: normal;
}
input[type=radio].toggle + label:hover {
  background: none;
  color: #1a1a1a;
}
input[type=radio].toggle + label:after {
  background: #1a1a1a;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
  z-index: -1;
}
input[type=radio].toggle.toggle-left + label {
  border-right: 0;
    border-radius: 3px 0 0 3px;
}
input[type=radio].toggle.toggle-left + label:after {
  left: 100%;
}
input[type=radio].toggle.toggle-right + label {
  margin-left: 0px;
    border-radius: 0px 3px 3px 0px;
}
input[type=radio].toggle.toggle-right + label:after {
  left: -100%;
}
input[type=radio].toggle:checked + label {
  cursor: default;
  color: #fff;
  transition: color 200ms;
    background: green;
}
input[type=radio].toggle:checked + label:after {
  left: 0;
}
input[type=radio].toggle.toggle-right:checked + label {
    background: #da251c;
}
span#email_verified-error {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
button.form-control.btn {
    width: auto;
    /* display: block; */
}
[data-busy="busy"]:not(:checked) {
    display: none;
}
.vats {
    border:  1px solid;
    padding: 5px;
}
.total {
    margin-top: 10px;
    padding: 5px;
}
.invoice-item-fields {
    border: 1px solid #7d7f82;
    margin: 8px 0;
    border-radius: 2px;
}
li.nav-item {
    width: calc(100% / 3);
}
button.nav-link {
    width: 100%;
}

.tab-content {
    box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 2%), 0 6.7px 5.3px rgb(0 0 0 / 3%), 0 12.5px 10px rgb(0 0 0 / 4%), 0 22.3px 17.9px rgb(0 0 0 / 4%), 0 41.8px 33.4px rgb(0 0 0 / 5%), 0 100px 80px rgb(0 0 0 / 7%);
    padding: 20px;
}

.user-dashboard-fields .d-flex > input {
    width: 50%;
}

.user-dashboard-fields input {
    width: 100%;
}

body.dashboard-body button.button, body.dashboard-body button.btn{
    background-color: #da251c;
    color: #fff;
}
.trp-ls-shortcode-current-language {
    width: 115px !important;
}
.trp-ls-shortcode-current-language > a {
    display: flex !important;
    /* width: 250px; */
    align-items: center;
    /* justify-content: center; */
}

.dashbox-sec {
    border: 1px solid black;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    /* font-size: 18px; */
    font-weight: 900;
    min-height: 60px;
    line-height: 48px;
    font-size: 24px;
}
.dashbox-green {
    background: lime;
    color: #000;
}
.dashbox-blue {
    background: blue;
}
.dashbox-red {
    background: red;
}
table.table td {
    vertical-align: middle;
}
#loginform label, #loginform input.input {
    display: block;
    width: 100%;
}
#login-popup li.nav-item {
    width: calc(100% / 2);
}
#login-popup ul {
    margin: 0px;
}

.approved_or_not {
    font-size: 18px;
    font-weight: 900;
    color: green;
}
span.approved_or_not.not_approved {
    color: red;
}
div[data-vat-value] > * {
    display: inline-block;
    width: 49%;
}
.vats {
    border: 1px solid #16161636;
    padding: 10px;
    border-radius: 5px;
}
div[data-vat-value] > strong {
    /* text-align: right; */
    padding-left: 10px;
}
tr.termination_requested {
    background: #ff000033;
}
.report-taxes {
    line-height: 1.4;
}

li.nav-item.dropdown a.button.btn {
    width: 100px;
}
button.btn.button.print-button {
    float: right;
}
.dataTables_info,
.dataTables_paginate,
.dataTables_length {
    display: none;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left !important;
}

a.paginate_button {
    background: #da251c;
    color: #fff;
    padding: 8px;
    margin: 3px;
    border-radius: 3px;
}
a.paginate_button.current {
    background: green;
}
img {
    max-width: 100%;
}

tr.have_notifications {
    background: #0080002b;
}


tr.trash {
    text-stroke: 2px red;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}

.invoice_row_publish {
        background: #ffffaf;
}
.invoice_row_bookkeep {
        background: #fff;
}
.invoice_row_paid {
    background: #afffcb;
}
.invoice_row_trash {
    background: #cbcbcb;
}
.invoice_row_late {
    background: #ffafaf;
}