.footer-button { border-radius: 2px; padding: 0 1.1em; min-height: 45px; min-width: 200px; } .imgSize { width: 22px; height: 22px; } .Header { font-weight: bold; color: #1a586d !important; font-size: 10px; } .tbData { font-size: 10px; } .btnBack { background: transparent; float: right; } .attachmentDiv{ background: #ffffff; height: auto; text-align: center; padding-top: 1px; margin: 10px; border-radius: 15px; border: 1px solid grey; } .noDataDiv{ background: #ffffff; height: 11%; text-align: center; padding-top: 1px; border-radius: 10px; margin: 10px; border-radius: 5px; } .submitNote{ background: #ffffff; height: 80px; padding-top: 1px; margin: 10px; border-radius: 15px; border: 1px solid grey; } .approvalList{ --background: #f0efef; height: auto; text-align: center; padding-top: 1px; border-radius: 10px; margin: 10px; border-radius: 5px; } /************************New Design**********************************/ .notification-list{ background: none; background: none; border-radius: 32px; 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; // } } } } .timeline { position: relative; margin: 15px 0 0 0; // border-bottom: solid 1px var(--cusgray); } .timeline:before { content: ''; position: inherit !important; top: 0; bottom: 0; width: 4px; // background: #e4e4e4; z-index: 1; left: 35px; /* margin-left: -10px; */ /* z-index: 1; */ } .timeline .timeline-thumb { border-radius: 500px; width: 70px !important; z-index: 2; position: absolute; left: 0px; // :root[dir="ltr"]{ // left: 37px; // } // :root[dir="rtl"]{ // right: 37px; // } float: right; top: 9px; } .timeline .timeline-thumb.timeline-icon { height: 70px; // text-align: center; // color: white; // border: 5px solid #CBD0D3; // transform: scale(0.2); } .timeline .timeline-item { width: 40px; } .timeline .timeline-stats { position: relative; font-size: 12px; color: var(--darkgray); } .empImge{ border-radius: 50%; width:100%; height: 100%; border: #dedede solid 1px; } .empImgeRep { border-radius: 50% !important; width: 80px; height: 80px; border: #dedede solid 1px; } .line{ padding-bottom:87px; } .attachLable{ position: absolute; top: 0px; z-index: 0; background: #30b8c6; color: #fff; border-radius: 50%; border: 0px; width: 24px; height: 24px; text-align: center; font-size: 5px; } .removeLable{ top: 0px; z-index: 0; background: #d8252d; color: #fff; border-radius: 50%; border: 0px; width: 20px; height: 20px; text-align: center; font-size: 5px; } .note-modal { // width: 90%; // height: 50%; // top: 20%; // left: 5%; // right: 5%; // bottom: 5%; background: rgba(0, 0, 0, 0.5) !important; padding: 30% 10% !important; --height: 12cm !important; // --width: 80% !important; --border-radius:20px; } .header-toolbar-new{ --background: #269DB8; } .title{ margin-top: -37px; margin-left: 85px; } .title-ar{ margin-top: -37px; margin-right: 101px; } .confirmEitOkButton{ white-space: normal !important; text-transform: capitalize !important; min-height: 45px !important; min-width: 5px !important; margin: 8px !important; background-color: #269DB8; width: 80% !important; color: white!important; border-radius: 16px !important; } .approvalTitle-ar{ font-weight: bold; font-size: 16px; text-align: right; } .approvalTitle{ font-weight: bold; font-size: 16px; text-align: left; }