.colorBG{ --background: #f0efef !important; background: #f0efef !important; } .footerSearchBtn{ padding: 50px !important; background: #f0efef !important; } .headerRow{ padding-top: 10px; padding-bottom: 10px; } .itemReqList{ background: #f0efef; margin-top: 20px; width: 100%; // width: 95%; // margin-left:9px } .gridItemReq{ //width:95%; } .itemReqContent{ // margin-top: 17px; margin-bottom: 10px; border-radius: 7px; text-align: left; } .itemReqDiv{ padding:10px; width: 100%; // padding-bottom: 10px; // padding-top: 10px; } .arrowIcon{ width: 18px !important; margin-right: -21px !important; margin-left: 10px !important; } .actionList{ // position: fixed; // bottom: 0px; bottom: -7px; width: 215px; border-top-left-radius: 7px; border-top-right-radius: 7px } .cardContent{ // width:100%; // margin-top: 33px } .colItemReq{ color: var(--darkblue); font-weight: bold !important;; font-size: 16px ; text-align: left; display: contents; font-family: var(--ion-font-family,inherit); font-size: inherit; text-overflow: ellipsis; white-space: normal; overflow: hidden; box-sizing: border-box; } .colItemReqHeader{ text-align: justify; color: var(--cyanblue); font-weight: bold; } .labelTotal{ color: var(--danger); font-weight: bold; font-size: 17px; } .labelAction{ color:var(--customnavy) !important; font-weight:bold; } .colItems{ padding-bottom: 10px } ion-label.labelValue.sc-ion-label-ios-h.sc-ion-label-ios-s.ios.hydrated, ion-label.labelValue.sc-ion-label-md-h.sc-ion-label-md-s.md.hydrated { white-space: pre-wrap !important; --color: initial; display: contents; color: var(--color); font-family: var(--ion-font-family,inherit); font-size: inherit; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box } .segmentPR{ // --background-hover: rgba(var(--ion-color-contrast-rgb),0.04); // --background-activated: var(--danger); // --color: rgba(--primary); --color-checked: var(--dark); --indicator-color-checked: var(--secondary); --background: #f0efef; --background-activated: #f0efef; --background-hover:#f0efef; --background-activated:#f0efef; --background-checked:#f0efef; } .ion-modal#ion-overlay-1 { width: 90%; height: 50%; top: 20%; left: 5%; right: 5%; bottom: 5%; border: solid 1px red; } // .swiper-pagination.swiper-pagination-bullets{ // top: 6px; // bottom: inherit; // } // .swiper-pagination.swiper-pagination-bullets { // top: 6px !important; // bottom: 0px !important; // } // .swiper-pagination { // top: 6px; // } .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; // border-bottom: solid 1px var(--cusgray); } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; // background: #e4e4e4; z-index: 1; left: 35px; /* margin-left: -10px; */ /* z-index: 1; */ } .timeline-en .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-ar .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: 67px; // 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); } .divider-title { background: #e4e4e4; padding: 5px 15px; } .color-red { color: var(--danger) !important; } .bg-color-dot { background: var(--gray); /* background: linear-gradient(45deg, var(--primary) 0%, #19a163 36%, var(--secondary) 59%, var(--customnavy) 100%); */ // border: var(--secondary) solid 1px; // 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%); } .bg-blue-dot { border: var(--blue) solid 1px; background-repeat: no-repeat; background-image: url("/assets/imgs/profile.png"); background-size: 100% 100%; } .bg-orange-dot { border: var(--orange) solid 1px; // background: var(--gray); background-repeat: no-repeat; background-image: url("/assets/imgs/profile.png"); background-size: 100% 100%; } .bg-red-dot { border: var(--red) solid 1px; // background: var(--gray); background-repeat: no-repeat; background-image: url("/assets/imgs/profile.png"); background-size: 100% 100%; } .bg-green-dot { border: var(--green) solid 1px; // background: var(--gray); background-repeat: no-repeat; background-image: url("/assets/imgs/profile.png"); background-size: 100% 100%; } .bg-blue-txt { color: var(--light) !important; font-weight:bold; background: var( --blue); border-radius: 9px; text-align: center; margin-top: 10px; position: relative; width: auto; height: 100%; display: inline-block !important; padding: 0px 7px 0px 7px; } .bg-orange-txt { font-weight:bold; color: var(--light) !important; background: var( --orange); border-radius: 9px; text-align: center; width: 30%; margin-top: 10px; position: relative; width: auto; height: 100%; display: inline-block !important; padding: 0px 7px 0px 7px; } .bg-red-txt { font-weight:bold; color: var(--light) !important; background: var( --red); border-radius: 9px; text-align: center; width: 30%; margin-top: 10px; position: relative; width: auto; height: 100%; display: inline-block !important; padding: 0px 7px 0px 7px; } .bg-green-txt { font-weight:bold; color: var(--light) !important; background: var( --green); border-radius: 9px; text-align: center; width: 30%; margin-top: 10px; position: relative; width: auto; height: 100%; display: inline-block !important; padding: 0px 7px 0px 7px; } .notification-list{ ion-item{ // margin-top: 5px; // margin-bottom: 5px; background-color: transparent; .item-date{ width: 55px; font-size: 14px !important; font-weight: bold; text-align: center; padding: 0; margin: 0; position: absolute; left: 0; top: 0; } ion-label , [item-end]{ white-space: normal; font-size: 14px !important; // :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 { .timeline:before{ left: 66px; } .notification-list ion-item{ padding-left: 3px; } .timeline-thumb{ left: 37px; } } .right { .timeline:before{ right: 62px; } .notification-list ion-item{ padding-right: 3px; } .timeline-thumb{ right: 37px; } } .itemHISBtn{ padding: 5px; color: var(--light); background: var(--darkgray); border-radius: 3px; width: 85%; height: 40px; display: block; margin: 0 auto; margin-top: 10px; } .rowBtn{ display: flex; flex-direction: row; justify-content: center; align-items: center; background: white; } .rowBorder{ border-bottom: solid 0.02cm var(--grayBG); } .colBorder{ border-right: solid 0.02cm var(--grayBG); } .colBorder-ar{ border-left: solid 0.02cm var(--grayBG); } .dateActionHistory{ text-align: start; // margin-top: -25px; } .actionBtn{ --border-radius: 50% !important; height: 55px; width: 55px; --background: var(--newgreen); // will be dynamic background: transparent; margin:10px; } .itemAttch{ border-radius: 11px; margin: 8px; --min-height: 60px; --max-height: 60px; } .less { max-height: 54px; } .tipsPadding{ padding: 10px 10px; border-radius: 10px; margin: 10px; border: 2px solid #e4e5e7; color: var(--darkblue); background: white; font-weight: bold; text-align: justify; } .noDataDiv{ background: #ffffff; height: 11%; text-align: center; padding-top: 1px; border-radius: 10px; margin: 10px; } .containerNote { font-size: 14px; line-height: 14px; height: 30px; overflow: hidden; text-align: justify; } .show { overflow: visible; height: auto; } .showMore{ padding: 0px; background: transparent; color: blue; text-decoration: underline; font-size: 14px; } .succssfullMSG{ height: 100%; width: 100%; background: var(--newgreen); color: white; font-weight: bold; font-size: 20px; text-align: center; vertical-align: middle; padding-top: 30px; } .succssfullIcon{ width: 60%; text-align: center; height: 36%; padding-top: 100px; } .subjectNotification{ text-align: center; padding-top: 10px; font-weight: bold; } .tabBar{ height:70px } .empImge{ border-radius: 50% !important; width: 60px !important; height: 60px !important; border: #dedede solid 1px; } .empImgeRep { border-radius: 50% !important; width: 80px; height: 80px; border: #dedede solid 1px; } .empImgeSub{ border-radius: 50%; width: 85px; height: 85px; border: #dedede solid 1px; } ion-card{ color:black !important; } .line{ padding-bottom:87px; } ion-segment-button ion-label { max-width: 100px; overflow: hidden; padding: 10px; font-size: 14px; color: black !important; } .colItems ion-label { color: black !important; } .approvalTitle{ font-weight: bold; font-size: 16px; text-align: left; } ion-input .replacmentSearchBar .native-input{ position: absolute !important; } ion-input .replacmentSearchBar .input-clear-icon{ display: none !important; }