|
|
|
|
/*
|
|
|
|
|
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;
|
|
|
|
|
}
|