ion-row { margin-bottom: 15px; margin-top: 10px; } .header-toolbar-new{ --background: #22c6b3; } .profile-image-container{ position: relative; z-index: 999; img { width: 32px; float: right; margin-top: -42px; border-radius: 20px; height: 32px; margin-right: 4px; } } ion-title{ color: white; position: absolute; top: 0; text-align: center; left: 15%; right: 15%; font-size: 0.42cm; font-weight: bold; height: 100%; } ion-label{ display: block; color: black !important; font-size: 14px; font-weight: bold; } .main-dashboard-container{ position: relative; width: 100%; } .header-md:after { height: 0px !important; display: none !important; } .contentBg:before { position: absolute; content: ""; background: #22c6b3; height: 100px; width: 100%; left: 0; top: 0px; z-index: 1; } .main-container{ position: relative; z-index: 2; padding-right: 15px; padding-left: 15px; padding-bottom: 130px; } .attendance-module{ border-radius: 20px; background-color: #094875; padding: 10px; color: white; width: 100%; h3{ font-size: 18px; font-weight: bold; margin: 0; } span{ font-size: 13px; display: block; } img{ display: block; margin: 10px auto; width: 80%; } ion-button{ border-radius: 10px; padding: 10px; background: #3CB9DF; --background: transparent; --box-shadow: none !important; height: auto; min-height: inherit; margin-top: 10px; font-size: 12px; } } .swiper-container { margin: 0 !important; width: 100% !important; } .fixed-shift-timer{ position: fixed; bottom: 20px; right: 20px; z-index: 2; span.subTitle { position: absolute; left: 50%; top: 62%; transform: translate(-50%, -50%); color: white; width: 80%; text-align: center; font-size: 11px; text-transform: uppercase; } } // .attendance-timer { // position: fixed; // bottom: 20px; // right: 20px; // z-index: 2; // height: 112px; // width: 112px; // background-color: #094875; // border-radius: 50%; // display: inline-block; // img { // position: absolute; // left: 33%; // top: 8%; // width: 35%; // } // span { // position: absolute; // left: 50%; // top: 70%; // -webkit-transform: translate(-50%, -50%); // transform: translate(-50%, -50%); // color: white; // width: 80%; // text-align: center; // font-size: 11px; // text-transform: uppercase; // } // }