/* header */ .menu-header { height: 2.5cm; } .content-ios:not([no-bounce])>.scroll-content::before { bottom: 0; } .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 { background: var(--primary); background: -moz-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%, var(--secondary) 59%, var(--customnavy) 100%); background: -webkit-linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%, var(--secondary) 59%, var(--customnavy) 100%); background: linear-gradient(45deg, var(--primary) 0%, var(--secondary) 36%, var(--secondary) 59%, var(--customnavy) 100%); color: var(--light); text-transform: capitalize; height: 120px; position: relative; display: block; margin-bottom: 40px; } .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: 40px 0 10px 0; text-align: center; } .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%; } .logoImg{ width: 120px; position: relative; } .companyTxt { font-size: 12px; color: var(--customnavy); text-align: center; } ion-thumbnail.menu-thumb{ width:30px; height:30px; }