.bar-stable { background-color: var(--cusgray) !important; } .tabs{ background-color: var(--cusgray) !important; } .icon-size-lg { font-size: 40px; } /*Timeline*/ .pos-absolute-right { position: absolute; right: 8px; } .timeline { position: relative; margin: 15px 0 0 0; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 1.5%; height: 99%; background: #e4e4e4; z-index: 1; /* margin-left: -10px; */ /* z-index: 1; */ } .timeline .timeline-thumb { border-radius: 500px; width: 50px; z-index: 2; position: absolute; // :root[dir="ltr"]{ // left: 37px; // } // :root[dir="rtl"]{ // right: 37px; // } width: 50px; float: right; top: 0px; } .timeline .timeline-thumb.timeline-icon { height: 50px; // text-align: center; // color: white; // border: 5px solid #CBD0D3; transform: scale(0.3); } .timeline .timeline-item { width: 50px; } .timeline .timeline-stats { position: relative; font-size: 12px; color: var(--darkgray); } .divider-title { background: #e4e4e4; padding: 5px 15px; } .color-red { color: var(--danger) !important; } .bg-color-dot { // background-color: #ff3b30 !important; 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%); } .notification-list{ background: none; ion-item{ // margin-top: 5px; // margin-bottom: 5px; background-color: transparent; .item-date{ width: 100%; font-size: 16px; font-weight: bold; text-align: start; padding: 0; margin: 0; position: absolute; left: 0; top: 12%; } ion-label , [item-end]{ white-space: normal; font-size: 14px; padding-top: 15%; // :root[dir="ltr"]{ // margin-left: 10px; // } // :root[dir="rtl"]{ // margin-right: 10px; // } } } } .input-wrapper { --flex:none; } ion-input ,ion-datetime{ border-bottom: #dedede 1px solid; } .left { --background: #f0efef; .timeline:before{ left: 21px; } .notification-list ion-item{ padding-left: 3px; margin-left: -12%; } .timeline-thumb{ left: 9%; top: 30%; } } .right { --background: #f0efef; .timeline:before{ right: 62px; } .notification-list ion-item{ padding-right: 3px; } .timeline-thumb{ right: 37px; } } .menuList{ margin-left: -40px; height: 160%; padding-top: 370%; } .colorBG{ --background: #f0efef; } .menuListCol{ padding-left: 50px; margin-left: -33px; } .menuListItem{ padding-top: 9%; margin: -20%; padding-left: 13%; } .menuListBtn{ width: 100%; background: white; --background: white; } .activeTabMenu{ --background: #ff726f; } .notifincationList{ margin-left: 5%; margin-top: 6%; } .itemListNotification{ padding-bottom: 18px; } .footerSearchBtn{ padding: 0px !important; background: #f0efef !important; } .viewAndSearch{ margin-bottom: 13px; } .toSearchBtn{ margin-top: 4%; } .emptyItem{ white-space: normal; padding-left: 10%; }