.header-toolbar-new{ --background: #269DB8; } .contentBg{ padding: 0px 20px; } .contentBg:before { position: absolute; content: ""; background: #269DB8; height: 140px; width: 100%; left: 0; top: 0px; z-index: 1; } @media screen and (min-width: 1px) and (max-width:767px){ .result-graph { position: relative; background: white; // margin-top: 20px; padding-bottom: 20px; border-radius: 20px; z-index: 1; margin-bottom: 10px; margin-top: 56px; border-radius: 20px; border: 1px solid #ccc; padding-top: 12px; }} @media screen and (min-width: 768px) and (max-width:1024px){ .result-graph { position: relative; background: white; // margin-top: 20px; padding-bottom: 20px; border-radius: 20px; z-index: 1; margin-bottom: 10px; margin-top: 89px; border-radius: 20px; border: 1px solid #ccc; padding-top: 114px !important; }} .user-info{ text-align: center; margin-bottom: 3px; .user-image-container{ position: relative; width: 100%; height: 24px; justify-content: space-between; display: flex; margin: 0 auto; align-items: center; }} .Boldtext{ font-size: 13px; font-family: WorkSans-Bold; color: black !important; display: block !important; // line-height: 0px !important; } .Nametext{ font-size: 15px; font-family: WorkSans-Bold; color: black !important; display: block !important; // line-height: 0px !important; } .employee-information-indetail{ background: white; margin-top: 15px; border-radius: 20px; margin-bottom: 15px; border-radius: 20px; border: 1px solid #ccc; ion-col{ padding: 15px; // border-bottom: 1px solid #ccc; } h2{ font-size: 13px; // font-family: WorkSans-Bold; margin: 0; font-weight: bold; color: rgb(128, 124, 124); } p{ font-size: 13px; margin: 0; font-family: WorkSans-Bold; // margin-bottom: 10px; } } @media screen and (min-width: 1px) and (max-width:767px){ .user-image{ position: relative; display: block; width: 95%; height: 100%; border-radius: 80px; /* border: 1px solid #ccc; */ margin-top: -125px; }} @media screen and (min-width: 768px) and (max-width:1024px){ .user-image{ position: relative; display: block; width: 95%; height: 100%; border-radius: 80px; margin-bottom: 371px; }} .img{ width: 100px; height: 100px; display: inline-flex; overflow: hidden; background: transparent; border-radius: 70% !important; position: relative; top: 3px; } .sendCodeBtn{ --background: #269DB8; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin-left: 5px !important; margin-top: 15px !important; margin-bottom: 20px !important; /* border-radius: 4px; */ height: 26px; /* padding: 6px 24px; */ font-size: 15px; width: 322px; } .verify-code{ position: relative; background: white; border-radius: 20px; z-index: 1; border-radius: 20px; border: 1px solid #ccc; padding: 21px 3px 34px 14px; margin: 25px 22px 2px 22px; } // .sms_code{ // margin: 0px; // text-align: center; // } ion-input { margin: 0 5px; text-align: center; line-height: 0; font-size: 32px; //border: solid 1px #ccc; border: 1px solid #ccc !important; //box-shadow: 0 0 5px #ccc inset; outline: none; width: 20%; transition: all .2s ease-in-out; border-radius: 3px; display: inline-block; &:focus { border-color:var(--ion-color-secondary) !important; box-shadow: 0 0 5px var(--ion-color-secondary) !important; } &::selection { background: transparent; } } .sendVerifyBtn{ --background: #269DB8; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin-top: 15px !important; margin-bottom: 20px !important; /* border-radius: 4px; */ height: 26px; font-size: 15px; width: 322px; margin-left: 22px; } .custom-radio .radio-icon { margin: 0px; border-radius: 50%; border-width: var(--border-width); border-style: var(--border-style); border-color: #dcdcdc; margin-top: 6px !important; border-color: #d8d4d4 !important; margin-bottom: 18px;} .text-label{ color: black !important; font-size: 10px; margin-left: 15px; margin-right: 18px; font-family: 'WorkSans-Bold'; } // .radio-list{ // background: white; // margin-left: 18px; // /* margin-right: 10px; */ // margin-top: 12px; // } .result-serviceType{ position: relative; background: white; border-radius: 20px; z-index: 1; border-radius: 25px; border: 1px solid #ccc; margin: 15px; } .request-heading { span { display: block; margin-bottom: 15px; // padding-top: 8px; // padding-left: 15px; /* font-weight: bold; */ font-size: 14px; font-family: 'WorkSans-Bold'; } } .filed1{ border-radius: 30px; border: 1px solid #d3d5d5 !important; margin: 10px; padding-left: 11px !important; padding-top: 6px !important; color: #636161; padding-bottom: 15px; // padding-right: 252px; padding-right: 115px; } .filed2{ border-radius: 30px; border: 1px solid #d3d5d5 !important; margin: 10px; padding-left: 11px !important; padding-top: 6px !important; color: #636161; padding-bottom: 15px; // padding-right: 252px; padding-right: 153px; } .filed3{ border-radius: 30px; border: 1px solid #d3d5d5 !important; margin: 10px; padding-left: 11px !important; padding-top: 6px !important; color: #636161; padding-bottom: 15px; // padding-right: 252px; padding-right: 61px; } .filedDesc{ border-radius: 30px; border: 1px solid #d3d5d5 !important; // margin: 10px; padding-left: 20px !important; padding-top: 6px !important; color: #636161; --padding-bottom: 90px; font-size: 13px; text-align: start; } .filedDesc-ar{ border-radius: 30px; border: 1px solid #d3d5d5 !important; // margin: 10px; padding-right: 20px !important; padding-top: 6px !important; color: #636161; --padding-bottom: 90px; font-size: 13px; text-align: start; } .labelDesc{ display: block; padding-top: 8px; padding-left: 15px; font-size: 14px; font-weight: bold; color: #adabab; } .selectLabel{ display: block; padding-top: 8px; padding-left: 15px; font-size: 14px; /* font-family: 'WorkSans-Bold'; */ font-weight: bold; color: black; } // .cancelRequest{ // padding: 10px 7px 10px 0px; // ion-button{ // border-radius: 7px; // padding: 12px 30px 12px 30px; // background: #d00a0a; // --background: transparent; // --box-shadow: none !important; // height: auto; // min-height: inherit; // font-size: 16px; // font-weight: bold; // margin-top: -5px; // }} // .submitRequest{ // padding: 10px 7px 10px 0px; // ion-button{ // border-radius: 7px; // padding: 12px 30px 12px 30px; // background: #19a163; // --background: transparent; // --box-shadow: none !important; // height: auto; // min-height: inherit; // font-size: 16px; // font-weight: bold; // margin-top: -5px; // }} .gridDiv{ width: 100%; height: 40px; margin-top: 18px; font-size: 14px; } .gridCancelBtn{ min-width: auto; // margin: 0px; padding: 10px; border: 1px solid var(--cusgray); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: 45%; height: 100%; border-radius: 8px; background: #d00a0a; color: white; margin-left: 15px; margin-right: 5px; font-family: 'WorkSans-bold'; } .gridSubmitBtn{ min-width: auto; // margin: 0px; padding: 10px; border: 1px solid var(--cusgray); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: 45%; height: 100%; border-radius: 8px; background: #19a163; color: white; // margin-left: 15px; // margin-right: 5px; font-family: 'WorkSans-bold';} .filed-container{ margin-right: -17px; margin-left: -25px; } .labels{ display: block; margin-top: 15px; padding-top: 8px; padding-left: 15px; font-size: 14px; font-family: 'WorkSans-Bold'; } .CreateBtn{ --background: var(--newgreen) !important; background: var(--newgreen) !important; white-space: normal; color: var(--light); text-transform: capitalize; min-height: 1.0cm; --border-radius: 7px !important; border-radius: 7px !important; --min-height: 1.6cm !important; width: 315px; } .footer{ padding: 15px 0px 0px 0px; background-color: var(--light) !important; border: 0px !important; box-shadow: none !important; -webkit-box-shadow: none; } .Btn{ margin: auto; text-align: center; display: block; } .footer2{ padding: 15px 0px 0px 24px; background-color: var(--light) !important; border: 0px !important; box-shadow: none !important; -webkit-box-shadow: none; } ion-footer .footer-button{ --background: #259CB8; width: 80%; } .fileUpload { position: relative; overflow: hidden; margin: 10px; margin-left: -233px; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }