.calendar{
    background: linear-gradient(70deg,#fff 44%, #bfd730 77%);
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 6px 6px;
    margin-bottom: 0rem;
}
.pre-order-welcome{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 0px 5em;
}
.pre-order .table{
    background-color: #b3bbbe;
    /* background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b); */
    /* border: 8px solid; */
    border-image-source: linear-gradient(45deg, #1fddff, #2C7744, #F0CB35, #fc00ff);
    border-image-slice: 1;
    padding: 25px;
    margin-bottom: 0rem;
    border-radius: 10px;
}

.noData {
    font-size: 14px;
    /*color: red;*/
    position: absolute;
    top: 700%;
    left: 10px;
    /*-webkit-transform: rotate(-47deg);
    -moz-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    -o-transform: rotate(-47deg);
    transform: rotate(-47deg);*/
}

.pre-order .calendar-card {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: revert;
    flex-direction: column;
    width: 100%;
    height: 100px;
    align-items: center;
    justify-content: flex-end;
    gap: 27.59px;
    padding: 6.9px 4.8px;
    position: relative;
    margin-top: -0.86px;
    /* margin-left: -0.86px; */
    /* margin-right: -0.86px; */
    background-color: var(--GTS-white);
    border-radius: 6.9px;
    border: 1.72px solid;
    border-color: var(--GTS-black);
}
.pre-order .calendar-card:hover{
    background: linear-gradient(70deg,#fff 44%, #bfd730 77%);
}
.pre-order .div-wrapper {
    width: 38px;
    height: 38px;
    top: -1px;
    left: 60px;
    background-color: #a2b71b;
    border-radius: 18.97px;
    border: 1.72px solid;
    border-color: var(--GTS-black);
}
.pre-order .mortal-kombat {
    /*width: 156.94px;*/
    width: 100%;
    /* margin-left: -6.04px; */
    /* margin-right: -4.31px; */
    /* font-family: "Montserrat", Helvetica; */
    /* font-weight: 500; */
    color: var(--GTS-black);
    font-size: 11.5px;
    text-align: center;
    letter-spacing: 0;
    line-height: 17px;
    margin: 0!important;
}

.pre-order tr, .month-preorder tr{
    border: transparent;
}
.pre-order th{
    color: black;
    font-size: 25px;
}
/*----------------------------------*/
.table-header .heading{
    font-size: 24px;
    color: gray;
    font-weight: normal;
}
.table-header .active{

}
.table > :not(caption) > * > * {
    padding: 0.5em !important;
}
.pre-orderframe{
    gap:15px;
    height: auto !important;
    margin-bottom: 0 !important;
}
.pre-orderframe .cell{
    width: 8em !important;
}

@media (max-width: 45em) {
    .pre-order, .month-preorder{
    height: auto;
    overflow-x: scroll;
}
    .calendar{
        padding: 4px;
    }
    .pre-order .table {
        background-color: #000;
        padding: 10px;
        color: #fff;
    }
.pre-order th {
    color: white;
    font-size: 20px;
}
.pre-order .div-wrapper {
    top: -1px;
    left: 35%;
}
.pre-order .calendar-card {
    width: 150px;
}
.pre-order-welcome, .pre-order .mortal-kombat{
    font-size: 10px;
    font-weight: normal;
    padding: 0em 0.5em;
}
    .pre-orderframe .cell {
        width: 10em !important;
    }

    .month-preorder::-webkit-scrollbar {
        display: none;
    }

    .table-header .heading{
        font-size: 15px;
    }
/*---------------------------------------------*/


}