/* header */ .menu-header { height: 2.5cm; } .content-ios:not([no-bounce])>.scroll-content::before { bottom: 0; } .mohemmLogo{ max-width: 46% !important; border: 0 !important; margin-left: 70px !important; margin-top: -24px !important; margin-bottom: 11px; } .mohemmLogo-ar{ max-width: 46% !important; border: 0 !important; margin-right: 70px !important; margin-top: -24px !important; margin-bottom: 11px; } .closeIcon{ height: 10px !important; margin-left: 255px !important; margin-top: 0px !important; background: transparent; --background: white !important; } .menubutton{ white-space: normal; color: var(--light); text-transform: capitalize; min-height: 39px; background: #f0ecec; font-size: 2rem; position: absolute; width: 35px !important; height: 19px; box-shadow: 3px 0px 7px 0px #c5c2c2; border-radius: 50%; } .changeIcon{ /* background: #c1c1c1; */ width: 21px; /* height: 26px; */ border-radius: 50% !important; position: relative; color: #7f8c8d; height: 35px; } .changeImgBtn{ // margin: 0; position: absolute; top: 18%; left: 68%; // -ms-transform: translate(-50%, -50%); // transform: translate(-50%, -50%); } .logout{ background-color:#269DB8; border: none; color:white; // padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin-left: 120px !important; margin-top: 15px !important; margin-bottom: 20px !important; border-radius: 30px; // width: 40px; height: 26px; padding: 6px 24px; } .logout-ar{ background-color: #269DB8; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin-right: 95px !important; margin-top: 15px !important; margin-bottom: 20px !important; border-radius: 30px; height: 26px; padding: 6px 24px; } .menuImg{ width: 105px !important; height: 105px !important; margin-left: 90px !important; display: inline-flex; overflow: hidden; background: transparent; border-radius: 50% !important; position: relative; top: 0px; } .menu-header .logo { position: absolute; left: 0.6cm; top: 0.9cm; width: 1.6cm; } .menu-header .background { height: 1.5cm; width: 100%; } /* title */ .title-v-spacer { height: 0.7cm; } .suliman-title { margin-left: 0.3cm; margin-right: 0.3cm; font-weight: bold; font-size: 0.5cm; } .group-title { margin-left: 0.4cm; margin-right: 0.4cm; font-size: 0.4cm; } /* items */ .items-buttons-spacer { height: 10%; } /* user information */ .user-v-spacer { height: 0.5cm; } .user-name-title { margin-left: 0.3cm; margin-right: 0.3cm; font-weight: bold; } .file-id-title { margin-left: 0.4cm; margin-right: 0.4cm; } .social-media-container { position: absolute !important; width: 100%; bottom: 0.2cm; background-color: white; } .icon-spacer { margin-right: 0.3cm; margin-left: 0.3cm; } /*mobile Landscape */ @media only screen and (min-device-height: 0px) and (max-device-height: 515px) and (orientation: landscape) { .social-media-container { display: none; } } .info-container { overflow-y: scroll; width: 100%; position: absolute; top: 2.6cm; bottom: 0.2cm; padding-bottom: 4.5cm; } @media only screen and (orientation: landscape) { .info-container { padding-bottom: 0.2cm; } } .member { border-bottom-color: var(--ion-color-medium) !important; border-bottom-width: 0.02cm; border-bottom-style: solid; /* margin-left: 0.4cm; */ } .selected-member { border-bottom-color: var(--ion-color-secondary) !important; border-bottom-width: 0.02cm; border-bottom-style: solid; margin-left: 0.2cm; } .sidebar-menu .header-div { text-transform: capitalize; height: 100px; position: relative; display: block; margin-bottom: -28px; } .list-en{ margin-left: 0; margin-right: 0; margin-top: -19px; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0px; padding-bottom: 8px; } .list-ar{ margin-left: 0; margin-right: 0; margin-top: -19px; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0px; padding-bottom: 8px; } // .sidebar-menu .header-div { // text-transform: capitalize; // height: 100px; // position: relative; // display: block; // margin-bottom: -28px; // } .list-md .item-block .item-inner, .list-ios .item-block .item-inner { border-color: var(--primary); border-bottom: 0px; } .list-md>.item-block:last-child .item-inner, .list-ios>.item-block:last-child .item-inner { border-bottom: 0px; } button.menu-item.item.item-block.item-md, button.menu-item.item.item-block.item-ios { border-bottom: 1px solid var(--cusgray); color: var(--customnavy); } .TxtPlace { margin: 0; padding: 0; text-align: center; font-weight: bolder; color: black; font-size: 16px; } .TxtPlaces{ margin: 0; padding: 0; text-align: center; font-weight: bolder; font-size: 14px; color: darkgray; } .menuFooter { // position: fixed; bottom: 0px; text-align: center; margin: auto; width: 100%; } .menuFooter div { width: 80px; // height: 80px; margin: auto; } // .menuFooter .CompanyImg { // width: 100%; // height: 100%; // } .menuFooter .CompanyImg{ width: 80%; height: 80%; margin-bottom: -21px; } // .logoImg{ // width: 120px; // position: relative; // } .logoImgWithMyTeam{ width: 77px; // position: relative; margin-top: -1px; margin-bottom: 70px; } .logoImg{ width: 77px; // position: relative; margin-top: -1px; margin-bottom: 180px; } .companyTxt { font-size: 12px; color: var(--customnavy); text-align: center; } ion-thumbnail.menu-thumb{ width:20px; height:20px; // margin-top: 5px !important; } .changepassword{ color: black !important; font-weight: bolder !important; } .profile{ color: black !important; font-weight: bolder !important; } .profileDiv-ar{ margin: 5px auto !important; } // .profileImg{ // width: 160px; // height: 160px; // display: -webkit-inline-box; // display: inline-flex; // overflow: hidden; // background: transparent; // border-radius: 70% !important; // position: relative; // top: 7px; // } .profileImg{ width: 140px; height: 140px; display: -webkit-inline-box; display: inline-flex; overflow: hidden; background: transparent; border-radius: 70% !important; position: relative; top: 3px; }