.ICO {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50vh;
    background-repeat: no-repeat;
    background-position: center;
}

.IcoGear {
    background-image: url("/images/icons/gear.svg");
}

.Screen .MMBCurrent.IcoGear {
    background-image: url("/images/icons/cgear-w.svg");
}

.IcoCity {
    background-image: url("/images/icons/cgeo.svg");
}

.IcoPen {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url("/images/icons/cpencil.svg");
    border-radius: 50vh;
    bottom: 0;
    right: -30px;
    background-size: 30px;
}

.IcoDoc {

    aspect-ratio: 25/31;
    position: relative;
}

.IcoDoc img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;

}


.LOGOUT{
    background-image: url("/images/icons/exit.svg");
}

.MMLItems.ACTIVES {
    background-image: url("/images/icons/micon.svg");
}

.MMLItems .CloseMenu {
    background-image: url("/images/icons/cross.svg");
    width: 30px;
    top: 10px;
    right: 10px;
}

.AddPlus {
    display: block;
    width: 35px;
    aspect-ratio: 1;
    border-radius: 50vh;
    background-image: url("/images/icons/cplus.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    background-size: 27px;
    position: absolute;
    top: 5px;
    right: 20px;
}

.ZoneInfo .AddPlus {
    top: -17px;
    right: 0;
}

.BT_AED {
    display: inline-block;
    position: initial;
}

.StickyContent .BT_AED {
    right: 10px;
    top: 5px;
}

.EditIco {
    display: block;
    width: 30px;
    aspect-ratio: 1;
    background-image: url("/images/icons/cp.svg");
    background-size: 30px;
    border-radius: 50vh;
    border: 2px solid #E5A18A;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: -40px;
    background-color: #fff;
}
.MenuLineHeader .EditIco,.MenuLineHeader .PackageIco, .MenuLineHeader .ManagerIco {
    top: 5px;
    right: 40px;
}

.MenuLineHeader .PackageIco {
    right: 5px;
}

.WareHouseIco, .CalendarIco, .ManagerIco , .PackageIco, .ResidentIco{
    display: block;
    width: 30px;
    aspect-ratio: 1;
    background-image: url("/images/icons/calendar.svg");
    background-size: 20px;
    border-radius: 50vh;
    border: 2px solid #E5A18A;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 115px;
    top: -40px;
    background-color: #fff;
}

.ManagerIco{
    background-image: url("/images/icons/ac.svg");
    right: 45px;
    background-size: 18px;
}

.ResidentIco {
    background-image: url("/images/icons/groupm.svg");
    right: 150px;
    background-size: 18px;
}

.WareHouseIco{
    background-image: url("/images/icons/iwh1.svg");
    right: 150px;
    background-size: 18px;
}

.PackageIco {
    background-image: url("/images/table/pk2.svg");
    right: 80px;
    background-size: 18px;
    background-size: 22px;
}

.DEBLStatus.NoPay {
    background-image: url("/images/icons/rnok.svg");
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.DEBLStatus.PayOk {
    background-image: url("/images/icons/rok.svg");
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.BuyPackage {
    width: 30px;
    aspect-ratio: 1;
    border-radius: 50vh;
    border: 2px solid;
    background-image: url("/images/icons/r.svg");
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
}

.IcoDel {
    background-image: url("/images/icons/del.svg");
}

.IcoEdit {
    background-image: url("/images/icons/pencil.svg");
}

.CheduleBT {
    display: inline-block;
    width: 35px;
    aspect-ratio: 1;
    background-image: url("/images/table/cal.svg");
    background-size: 30px;
    background-color: #fff;
    background-position: center;
    border-radius: 50vh;
    margin-right: 10px;
}

.StickyContent .CheduleBT {
    display: block;
    margin-bottom: 10px;
}

.ViewCalendar {
    background-image: url("/images/icons/calendar.svg");
}

.ViewTable {
    background-image: url("/images/icons/table.svg");
    position: absolute;
    top: 0;
    right: 0;
}

.DeleteBooking {
    display: block;
    width: 26px;
    aspect-ratio: 1;
    border-radius: 50vh;
    border: 2px solid;
    position: absolute;
    top: 0;
    z-index: 1;
    background-color: #fff;
    background-size: 16px;
    background-position: center;
    background-image: url("/images/icons/del.svg");
    right: 0px;
    background-repeat: no-repeat;
}

.ChangeBookingTime {
    display: block;
    position: absolute;
    top: 0;
    width: 30px;
    aspect-ratio: 1;
    border: 2px solid #e5a18a;
    border-radius: 50vh;
    left: 0px;
    background-color: #fff;
    background-size: 20px;
    background-position: center;
    background-image: url("/images/table/save.svg");
    background-repeat: no-repeat;
    z-index: 1;
}

.BtIcon {
    display: inline-block;
    width: 30px;
    aspect-ratio: 1;
    border: 2px solid;
    border-radius: 50vh;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: var(--shadow);
}
.BtIcon.UserChat {
    background-image: url("/images/icons/cd.svg");
}

.BtIcon.UserAgree {
    background-image: url("/images/icons/ul.svg");
}

.BlockTree .BtIcon.UserChat {
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 25px;
    color: #e5a18a;
}

.FilterBlock .TableIco {
    background-color: #fff;
    top: 10px;
    position: absolute;
    right: 10px;
}

.BtIcon.UserBookDis {
    background-image: url("/images/forms/ublock.svg");
}

.BtIcon.UserBookUnDis {
    background-image: url("/images/forms/uublock.svg");
}