*
{
    font-family: "Arial sanserif !important", Arial sans-serif;
    font-size: 14px;
}
.ql-editor {
    font-style: normal !important;
}

body {
    background: linear-gradient(rgb(232, 232, 229),rgb(232, 232, 229));
    /*overflow-x: hidden;*/
}
.receiptTopDiv{
    text-align: right;font-weight: bold;font-size:12px;
}
.receiptBorder{
    border-style:solid;border-color: black;padding: 5px;
    /*padding-top: 5px;*/
    /*padding-bottom: 5px;*/
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
}
.companyName{
    font-size:20px;font-weight:bold;color:darkblue;text-align:center;
}
.companyAddress{
    font-size:16px;font-weight:bold;color:darkblue;text-align:center;
}
.dept{
    font-size:14px;font-weight:bold;color:darkblue;text-align:center;
}
.rptHeader{
    font-size:14px;font-weight:bold;color:darkblue;text-align:center;
}
.printedOn{
    font-size:12px;font-weight:bold;color:darkblue;text-align:center;
}
.menuOption {
    text-decoration: none; font-size: 14px; color: blueviolet;
    float:right;
}
/*.menuOption {*/
/*    color: blueviolet; float: right;*/
/*}*/
.myCard {
    display: flex; justify-content:center; align-items: center;
    border: solid 1px white; background-color: aliceblue;
    width: 45px; height: 45px; border-radius: 50px;
}
.cardText {
    text-align: center; font-size: 12px;
}
.btn-size {
    width: 40px;
}
ul {
    list-style-type: none;
}

li {
    margin: 10px;
}

li a {
    text-decoration: none;
}

li a:hover {
    color: aliceblue; color: orange;
}

@media screen and (max-width:400px) {
    .mobile-articles {
        display:none;
    }
}

@media screen and (min-width:400px) {
    .mobile-articles2 {
        display:none;
    }

}