::-webkit-scrollbar{
        width: 10px;
        height: 10px;
        }
        ::-webkit-scrollbar-thumb{
            background: #929292;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover{
            background: #929292;
        }
        ::-webkit-scrollbar-track{
        background: #FFFFFF;
        border-radius: 10px;
        box-shadow: inset 7px 10px 12px 0px #fff;
        }
        
        .app-vertical-menu .app-vertical-submenu > li > a {
            padding: 8px 11px 8px 20px;
            display: block;
            font-size: 13px;
            color: #777777;
        }

        table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
            vertical-align:middle;
        }

        div.dataTables_wrapper div.dataTables_filter input {
            width:140px;
            height: 30px;
        }

  
        .required {
            color:#ff0000;
        }

        .dataTables_wrapper {
            padding:0px!important;
            width: calc(100% - 0px);
        }

        .swal2-styled.swal2-confirm:focus {
            box-shadow: 0 0 0 3px rgb(0 95 168 / 34%);
        }

        .m-b-0 {
            margin-bottom:0px
        }



        
    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
        top: auto;
        left: 18px;
        height: 14px;
        width: 14px;
        display: block;
        position: absolute;
        color: #7a8997;
        border: none;
        border-radius: 0px;
        box-shadow: none;
        box-sizing: content-box;
        text-align: center;
        line-height: 14px;
        content: '\F86A';
        font: normal normal normal 24px/1 "Material Design Icons";
        background-color: transparent;
        font-size: 20px;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
        content: '\F209';
        color: #7a8997;
        background-color: transparent;
    }

    /* table.dataTable li:last-child span.dtr-data {
        float:left;
    } */

    table.dataTable>tbody>tr.child span.dtr-title {
      min-width: 0px;
    }

    div.dataTables_wrapper div.dataTables_length label {
        font-size: 0px;
    }

    .dataTables_filter input {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9InN2ZzQ0ODUiICAgdmlld0JveD0iMCAwIDIxLjk5OTk5OSAyMS45OTk5OTkiICAgaGVpZ2h0PSIyMiIgICB3aWR0aD0iMjIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNDQ4NyIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNDQ5MCI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxnICAgICAgIHN0eWxlPSJvcGFjaXR5OjAuNSIgICAgICAgaWQ9ImcxNyIgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjAuNCw4NjYuMjQxMzQpIj4gICAgICA8cGF0aCAgICAgICAgIGlkPSJwYXRoMTkiICAgICAgICAgZD0ibSAtNTAuNSwxNzkuMSBjIC0yLjcsMCAtNC45LC0yLjIgLTQuOSwtNC45IDAsLTIuNyAyLjIsLTQuOSA0LjksLTQuOSAyLjcsMCA0LjksMi4yIDQuOSw0LjkgMCwyLjcgLTIuMiw0LjkgLTQuOSw0LjkgeiBtIDAsLTguOCBjIC0yLjIsMCAtMy45LDEuNyAtMy45LDMuOSAwLDIuMiAxLjcsMy45IDMuOSwzLjkgMi4yLDAgMy45LC0xLjcgMy45LC0zLjkgMCwtMi4yIC0xLjcsLTMuOSAtMy45LC0zLjkgeiIgICAgICAgICBjbGFzcz0ic3Q0IiAvPiAgICAgIDxyZWN0ICAgICAgICAgaWQ9InJlY3QyMSIgICAgICAgICBoZWlnaHQ9IjUiICAgICAgICAgd2lkdGg9IjAuODk5OTk5OTgiICAgICAgICAgY2xhc3M9InN0NCIgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjY5NjQsLTAuNzE3NiwwLjcxNzYsMC42OTY0LC0xNDIuMzkzOCwyMS41MDE1KSIgICAgICAgICB5PSIxNzYuNjAwMDEiICAgICAgICAgeD0iLTQ2LjIwMDAwMSIgLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
        background-repeat: no-repeat;
        background-position: 3px 4px !important;
        padding-left: 26px;
    }

    .dataTables_filter {
        display:inline-block;
        max-width:200px; 
        float:right;
    }

    .dataTables_length {
        display:inline-block;
        max-width:100px;
    }

    .app-contentbar {
        max-width:1500px;
        margin: 0 auto;
        margin-bottom:60px;
    }


    .tox .tox-statusbar__branding svg {
        display:none;
    }


    .border-grey {
        border:1px solid #eee;
    }
    
    .form-text {
        display: block;
        margin-top: 0.25rem;
        font-size: 11px;
    }

    .select2-container .select2-selection--single {
        height: 35px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        line-height: 35px;
    }

    .show-order-email h3 {

        margin-top:30px;
        padding-bottom:0px !important;
    }

    .dtr-bs-modal input {
        display:none
    }

    @media all and (max-width:768px) {
        .btn span {
            display:none;
        }
    }

.dataTables_processing
{
z-index: 105
}



.submit .loader {
    display: none;
    justify-content: right;
    align-items: center;
    width: 20px;
    height: 20px;
    background: transparent;
    /* margin: 30px auto 0 auto; */
    border: solid 2px #efefef;
    border-top: solid 2px transparent;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.submit .loader.active {
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

}


.app-breadcrumbbar .page-title {
    position: relative;
}

.app-breadcrumbbar .page-title::after {
    content:"";
    width:30px;
    height:3px;
    background:#6cac32;
    position:absolute;
    left:calc(50% - 15px);
    bottom: -15px;
}

.app-pricing-amount {
    transition: opacity 0.5s; 
}

.app-pricing .app-pricing-middle .list-group-item {
    border-bottom:1px solid #eee;
    border-radius: 0px;
}



.loader {
    display: none;
    justify-content: right;
    align-items: center;
    width: 20px;
    height: 20px;
    background: transparent;
    /* margin: 30px auto 0 auto; */
    border: solid 2px #efefef;
    border-top: solid 2px transparent;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    margin-left: 5px;
}

.loader.active {
    animation-name: loading;
    animation-duration: 700ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    opacity: 1;
    display: inline-flex;
}

@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }

}

    #preloader {
    position: absolute;
    /* top: 200px; */
    background-color: rgba(255,255,255,0.5);
    backdrop-filter: saturate(120%) blur(6px);
    z-index: 22000;
    width: 100%;
    height: 100%;
  }
  
  .spinner {
    display: inline-block;
    width: 66px;
    height: 66px;
    top: 300px;
    position: absolute;
    left: calc(50% - 33px);
  }

  .spinner:after {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #333;
    border-color: #333 transparent #333 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
  }
  @keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
.bg-light {
    background-color: #fbfbfa !important;
}

.current-plan {
    width: calc(100% - 20px);
    position: absolute;
    bottom: 20px;
    left: 10px;
    border-color: #f4f3f2 !important;
}

.switchery-default {
    background-color: #6cac32 !important;
    border-color: #6cac32 !important;
    box-shadow: #6cac32 0px 0px 0px 16px inset !important;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.highlighted {
    display: table;
    background-color: #656464;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    cursor: default;
    float: none;
    margin-right: 5px;
    margin-top: 7px;
    padding: 3px 8px;
}

.active-worker {
    background: #6cac321c;
    border: 1px solid #d4e6c8;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    animation-duration: 2s;
    transition: all 0.05s ease-in;
}

.active-worker:hover {
    background: #6cac3233;
    border: 1px solid #b7cfa8;
}

.active-worker a {
    color: #6a6c69;
    text-decoration: none;
}

.paused-worker {
    background: #fac7521a;
    border: 1px solid #edd9ae;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    animation-duration: 2s;
    transition: all 0.05s ease-in;
}

.paused-worker a {
    color: #6a6c69;
    text-decoration: none;
}


.paused-worker:hover {
    background: #fac75238;
    border: 1px solid #dac79f;
}


.pto-worker {
  background: #e9f2f7;
  border: 1px solid #afcedf;
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  animation-duration: 2s;
  transition: all 0.05s ease-in;
}

.pto-worker a {
  color: #6a6c69;
  text-decoration: none;
}

.pto-worker:hover {
  background: #d4e3ec;
  border: 1px solid #9abacb;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 5px;
}

.form-group {
    margin-bottom:10px;
}

div:where(.swal2-container) {
    z-index: 30000 !important;
}

.weekend {
    background-color: #f2f9f1;  
}

td.summary-header-cell {
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
}

tr.week-summary-row td, tr.month-summary-row td {
    vertical-align: middle;
    text-align: left;
    padding:0px 15px 0px 15px;
    user-select: text !important; 
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

.day-summary {
    text-align: center;
    /* padding: 10px 0px 10px 0px; */
    user-select: text !important; 
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    position: relative;
    z-index: 100;
}

.day-summary.note {
  padding: 0px 0px 20px 0px; 
}

.week-summary {
    user-select: text !important; 
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}


.month-summary-row {
    background: #fafaf9;
    /* font-size: 15px; */
    height: 46px;
    font-weight: 600;
}

.fc-event {
    background-color: #535353;
    color: #ffffff !important;
    border: none;
    border-radius: 15px;
    text-align: center;
    font-size: 13px;
    margin: 5px 0;
    padding: 3px 5px;
    cursor: move;
}

.week-summary-row {
    height: 40px;
}

.week-summary-header, .daily-summary-header {
    height: 40px;
    background: #f4f3f2;
    vertical-align: middle;
}

.week-summary-header th{
    vertical-align: middle;
}
/* 
.week-summary-header th:nth-child(4) {
    background: #b6d3e1;
}

.month-summary-row td:nth-child(4) {
    background: #d7e5ed;
}

.week-summary-row td:nth-child(4) {
    background: #f5f9fb;
} */





.week-summary-header th:nth-child(4) {
    background: #cfe3cd;
}

.month-summary-row td:nth-child(4) {
    background: #e1f2df;
}

.week-summary-row td:nth-child(4) {
    background: #f2f9f1;
}


.week-summary-header th:nth-child(5) {
    background: #c8dbfd;
}

.month-summary-row td:nth-child(5) {
    background: #d6e4fc;
}

.week-summary-row td:nth-child(5) {
    background: #e9f0ff;
}

.fc-day-today
{
  background-color:#fdf7dc !important;
}

.fc .fc-button-primary {
    background-color: #959595 !important;
    border-color: #a7a7a7 !important;
    color: var(--fc-button-text-color);
}

#report .color-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
}

.day-summary button {
    z-index:100;
    outline:0;
    border:none !important;
    color:#656464;
}

.day-summary button:hover {
    color:rgb(0, 0, 0);
    outline:0;
}

.clockOutButton {
    height: 25px;
    width: 25px;
    text-align: center;
    padding: 0px;
    background:#838383;
    border:none;
}


.dashboard-column-overflow {
    white-space: nowrap;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0px 5px 0px 0px;
}


.app-contentbar .app-widget-icon {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-delay: 6s;
}

#report #report-content {
  width:100%;
  min-width:1024px;
}


.daily-summary-table td {
  vertical-align: middle;
    text-align: left;
    padding: 4px 15px 4px 15px;
    height:40px;
    border: 1px solid var(--fc-border-color);
}

.daily-summary-table tr:nth-child(1) td {
  text-align: center;
  border:none;
  height:60px;
}

.daily-summary-table tr:nth-child(2) td {
  font-weight: bold;
}

.daily-summary-table .daily-summary-header2 {
  height: 40px;
  background: #f4f3f2;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.daily-summary-table .daily-summary-header2 td {
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}

.daily-summary-table .daily-summary-header-row:hover {
  background: #fff !important;
}

.daily-summary-table tr:hover {
  background-color: #f7f7f7;
}

.daily-summary-table tr .sep {
  background:transparent !important;
  padding:0px !important;
  display: block !important;
  font-weight: bold;
}

.daily-summary-table tr .sep:not(:first-child) {
  margin-top:10px !important;
}

/* #daily-summary-table .table>:not(caption)>*>* {
  padding:0 !important;
} */

.card-paid-days { background-color: #ebf3f8; /* Halványkék: Fizetett szabadság */ }
.card-sick-days { background-color: #ebf3f8; /* Halványzöld: Betegszabadság */ }
.card-personal-days { background-color: #ebf3f8; /* Halványrózsaszín: Személyes szabadság */ }
.card-juryduty-days { background-color: #fff2f8; /* Halványlila: Esküdtszolgálat */ }
.card-maternity-days { background-color: #f8f2ff; /* Halványibolya: GYES/GYED */ }
.card-vacation-days { background-color: #fff8f2; /* Halványsárga: Szabadság */ }

.btn-report-info {
  background-color: #959595 !important;
  border-color: #959595 !important;
  color: #fff !important;
  padding: 5px 10px !important;  
}

.btn-report-info:hover {
  background-color: #454545 !important;
  border-color: #454545 !important;
} 

.daily-summary-table strong {
  background: transparent !important;
}

.fc-event-title, .fc-event-main {
  white-space: normal;
  padding:2px;
}

.activity-photo {
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

@-webkit-keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
      transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
      transform: translate3d(25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
      transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
      transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
 
  @-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
      transform: translate3d(3000px, 0, 0) scaleX(3);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
      transform: translate3d(-25px, 0, 0) scaleX(1);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
      transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
      transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }

  @-webkit-keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes pulse {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  
    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  @-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
  
    75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
  
    90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
  
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
      transform: translate3d(0, 3000px, 0) scaleY(5);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
      transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
  
    75% {
      -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
      transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
  
    90% {
      -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
      transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
  
    to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }


  .copyright {
    position: relative;
    z-index: 1;
  }