body {
}

.mainbody {
    position: absolute;
    top: 40px; /* Header Height */
    bottom: 20px; /* Footer Height */
    width: 100%;
}

.bigIcon {
    border-radius: 100px;
    background-color: #045de9;
    background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%);
    width: 180px;
    height: 180px;
    text-align: center;
}

.sizeBigIcon {
    font-size: 110px;
    color: white;
}

.smallIcon {
    border-radius: 50px;
    background-color: #66b5f6;
    width: 30px;
    height: 30px;
    font-size: 50px;
    color: white;
    text-align: center;
}

.sizeSmallIcon {
    font-size: 20px;
    color: white;
}

.BgBody {
    background-color: #734ae8;
    background-image: linear-gradient(315deg, #734ae8 0%, #89d4cf 74%);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

    .BgBody::before {
        content: "";
        position: absolute;
        background-size: cover;
        background: rgba(0, 0, 0, 0.3);
    }

.text-right {
    text-align:right;
}

/*blink*/
.button {
    background-color: #1c87c9;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    border: none;
    color: #eeeeee;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
}

@keyframes glowing {
    0% {
        background-color: #2ba805;
        box-shadow: 0 0 5px #2ba805;
    }

    50% {
        background-color: #49e819;
        box-shadow: 0 0 20px #49e819;
    }

    100% {
        background-color: #2ba805;
        box-shadow: 0 0 5px #2ba805;
    }
}

.button {
    animation: glowing 1300ms infinite;
}

/*main.master*/
.navBgManage {
    background-color: #63a4ff;
    background-image: linear-gradient(315deg, #63a4ff 0%, #83eaf1 74%);
}

/*loginToManage.aspx*/
/*.manageCardBg {
    background-color: #63a4ff;
    background-image: linear-gradient(315deg, #63a4ff 0%, #83eaf1 74%);
}*/


/*menu.aspx*/

.addMenuBtn {
    display: inline-block;
    padding: 0.5em 0.8em;
    bottom: 2vh;
    right: 20px;
    position: fixed;
    z-index: 100;
    transition: 0.1s ease;
    color: white;
    box-shadow: 0 0 2px #888;
    border-radius: 50px;
    background-color: #6a93cb;
}

    .addMenuBtn:hover {
        position: fixed;
        bottom: 2vh;
        right: 20px;
        transform: rotate(45deg);
    }

/*Setting.aspx*/
.iconSetting {
    font-size: 50px;
    color: white;
}

.profilCircleSetting {
    border-radius: 50px;
    background-color: #f5d020;
    background-image: linear-gradient(315deg, #f5d020 0%, #f53803 74%);
    width: 80px;
    height: 80px;
    font-size: 50px;
    color: white;
    text-align: center;
}

.qrCircleSetting {
    border-radius: 50px;
    background-color: #7f53ac;
    background-image: linear-gradient(315deg, #7f53ac 0%, #647dee 74%);
    width: 80px;
    height: 80px;
    font-size: 50px;
    color: white;
    text-align: center;
}

.kategoriMenuCircleSetting {
    border-radius: 50px;
    background-color: #08e1ae;
    background-image: linear-gradient(315deg, #08e1ae 0%, #98de5b 74%);
    width: 80px;
    height: 80px;
    font-size: 50px;
    color: white;
    text-align: center;
}

.rekodPesananCircleSetting {
    border-radius: 50px;
    background-color: #e288f9;
    background-image: linear-gradient(315deg, #e288f9 0%, #ffc988 74%);
    width: 80px;
    height: 80px;
    font-size: 50px;
    color: white;
    text-align: center;
}

/*addMenu.aspx*/
.cardAddMenu {
    background-color: #fde7f9;
    background-image: linear-gradient(315deg, #fde7f9 0%, #aacaef 74%);
}

/*editMenu.aspx*/
.cardEditMenu {
    background-color: #fde7f9;
    background-image: linear-gradient(315deg, #fde7f9 0%, #aacaef 74%);
}

.editTrashBtn {
    display: inline-block;
    padding: 0.8em 1.0em;
    bottom: 2vh;
    right: 20px;
    position: fixed;
    z-index: 100;
    transition: 0.1s ease;
    color: white;
    box-shadow: 0 0 2px #888;
    border-radius: 50px;
    background-color: #EB1C01;
}

    .editTrashBtn:hover {
        position: fixed;
        bottom: 2vh;
        right: 20px;
        transform: rotate(45deg);
    }

/*kategoriMenu.aspx*/
/*.cardKategoriMenu {
    background-color: #fde7f9;
    background-image: linear-gradient(315deg, #fde7f9 0%, #aacaef 74%);
}*/

/*listOrder.master*/
.listOrderBg {
    background-color: #63a4ff;
    background-image: linear-gradient(315deg, #63a4ff 0%, #83eaf1 74%);
}

/*dashboard.aspx*/
.tunaiBg {
    background-color:#7f53ac;
}

/*custHomepage*/
.namaKedai {
    font-family: 'Dancing Script', cursive;
}

/*register.aspx*/
.menuFont {
    font-family: 'Berkshire Swash', cursive;
    color:white;
}

.simbolSizeRegister {
    font-size:50px;
}
.text-justify {
    text-align:justify;
}

.BgBorderReg {
    background-image: url('assets/bgRegister.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/*rekodPesanan.aspx*/
.text-small {
    text-size-adjust:50%;
}

/*sales.aspx*/
.animateonhover {
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
    cursor: pointer;
}

    .animateonhover:hover {
        transform: scale(1.1);
    }

.border-right {
    border-right: 1px solid;
}