* {
    box-sizing: border-box;
}
body {
    overflow-x: hidden;
    display: flex;
    text-align: center;
    color:white;
    font-family: 'Poppins', sans-serif;
    height: 100%;
    margin:auto;
    justify-content: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

html,
body {
    padding: 0;
    margin: 0;
}

input {
    border-radius: 0px;
    padding-left: 1px;
    padding-right: 1px;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

input[type="number"]:disabled{border: 1px solid black;color:black;opacity: 1 !important;
-webkit-opacity:1;
-webkit-text-fill-color:#000000;
}

.mI {padding-left:20px;
    padding-bottom:5px;
    cursor:pointer;
    width: 100%;
    text-align: left;
}
.mS {margin-left:20px;
    margin-bottom:10px;
    margin-top:5px;
    height: 1px;
    width: 100px;
    border-bottom: 1px solid white;
}

.LIinput {
    margin-bottom:10px;
    line-height:1.5;
    width:-webkit-fill-available;
    min-width:10px;
    outline-color:slategrey;
    border:1px solid white;
    background-color:#e9e9e9;
    padding: 1.2vh 1vw;
    font-size: inherit;
}
.appTxtColor {
    color:rgba(193,32,50,1);
}
.menuBkgnd {
    background-image:linear-gradient(rgba(193,32,50,.5), rgba(193,32,50,1));
}
.popmenuBkgnd {
    background-image:linear-gradient(rgba(193,32,50,.9), rgba(193,32,50,1));
}
.MBut {
    letter-spacing:.15em;
    width:fit-content;
    padding:5px 1vw;
    color:white;
    cursor:pointer;
}
.MBr {
    background-image:linear-gradient(rgba(193,32,50,.65), rgba(193,32,50,.9));
    border:1px solid rgba(193,32,50,1);
}

.MBb {
    background-image:linear-gradient(rgba(0,96,224,.65), rgba(0,96,224,.9));
    border:1px solid rgba(0,96,224,1);
}

.ACTile {
    flex:.5;
    max-width:150px;
    height:32px;
    text-align:center;
    color:white;
    font-weight:400;
    background-image: linear-gradient(rgba(193,32,50,.5), rgba(193,32,50,.8));
    border:1px solid rgba(193,32,50,.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ICTile {
    flex:.5;
    margin:4px;
    display:inline-flex;
    align-items:center;
}



.ProdTile {
    overflow:hidden;
    border:1px solid rgba(193,32,50,.25);
    width:100%;height:300px;
    max-width:250px;
    display:inline-flex;flex-direction:column;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
}

.ProdBan {display:inline-flex;flex-direction:row;}
.ProfCont {display:inline-flex;flex-direction:row;}
.ProfZoneL {display:inline-flex;justify-content: right;}
.ProfZoneR {display:inline-flex;justify-content: left;}
@media (max-width:767px) {
    .ProdTile {max-width:unset;}
    .ProdBan {display:block;}
    .ProfCont {display:inline-flex;flex-direction:column;}
    .ProfZoneL {justify-content: center;}
    .ProfZoneR {justify-content: center;}
}



.rv_posts {display: inline-flex;flex-direction: row;font-size: 20px;padding-left: 5px;}
.rv_pC {width: 270px;margin-left: 15px;margin-right: 5px;}
.rv_box {font-size: 20px;width: 110px;min-width: 110px;height: 95px;
    background-color: lightgrey;display: inline-flex;flex-direction: column;border:1px solid grey;}
.rv_img {height:50px;margin-top:10px;}
.rv_circ {width: 50px;height: 50px;line-height: 50px;border-radius: 25px;margin-top:10px;}

@media (min-width:991px) and (max-width:1200px) {
    .rv_posts3 {display: none;}   
    .rv_box {font-size: 18px;width: 100px;min-width: 100px;height: 90px;
        background-color: lightgrey;display: inline-flex;flex-direction: column;border:1px solid grey;}
    .rv_img {height:44px;margin-top:8px;}
    .rv_circ {width: 44px;height: 44px;line-height: 44px;border-radius: 22px;margin-top:8px;}
}
@media (min-width:461px) and (max-width:990px) {
    .rv_posts {font-size: 18px;flex-direction: column;padding-left: 0px;}
    .rv_box {font-size: 18px;width: 100px;min-width: 100px;height: 90px;
        background-color: lightgrey;display: inline-flex;flex-direction: column;border:1px solid grey;}
    .rv_img {height:44px;margin-top:8px;}
    .rv_circ {width: 44px;height: 44px;line-height: 44px;border-radius: 22px;margin-top:8px;}
}
@media (min-width:1px) and (max-width:480px) {
    .rv_posts {font-size: 16px;flex-direction: column;padding-left: 0px;}
    .rv_pC {width: 275px;margin-left: 10px;margin-right: 10px;}
    .rv_box {font-size: 16px;width: 90px;min-width: 90px;height: 80px;
        background-color: lightgrey;display: inline-flex;flex-direction: column;border:1px solid grey;}
    .rv_img {height:40px;margin-top:6px;}
    .rv_circ {width: 40px;height: 40px;line-height: 40px;border-radius: 20px;margin-top:6px;}
}
@media (min-width:376px) and (max-width:414px) {
    .rv_pC {width: 250px;margin-left: 10px;margin-right: 10px;}
}
@media (min-width:321px) and (max-width:375px) {
    .rv_pC {width: 232px;margin-left: 10px;margin-right: 10px;}
    .rv_box {font-size: 14px;width: 70px;min-width: 70px;height: 60px;
        background-color: lightgrey;display: inline-flex;flex-direction: column;border:1px solid grey;}
    .rv_img {height:30px;margin-top:4px;}
    .rv_circ {width: 30px;height: 30px;line-height: 30px;border-radius: 15px;margin-top:4px;}
}
@media (max-width:320px) {
    .rv_posts {font-size: 14px;padding-left: 0px;}
    .rv_pC {width: 210px;margin-left: 10px;margin-right: 10px;}
    .rv_box {font-size: 12px;width: 55px;min-width: 55px;height: 46px;
        background-color: lightgrey;display: inline-flex;flex-direction: column;border:1px solid grey;}
    .rv_img {height:22px;margin-top:1px;}
    .rv_circ {width: 22px;height: 22px;line-height: 22px;border-radius: 11px;margin-top:1px;}
}