ion-row { margin-bottom: 15px; margin-top: 10px; } .header-toolbar-new{ --background: #29B5BF; } .profile-image-container{ position: relative; z-index: 999; // img { // width: 32px; // float: right; // // margin-top: -42px; // border-radius: 20px; // height: 32px; // // margin-right: 4px; // } } .profile-image{ 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:20%; right: 20%; 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%; } .contentBg:before { position: absolute; content: ""; background: #29B5BF; 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: #c2a16b; padding: 10px; color: white; width: 100%; margin-top: 25px; margin-bottom: 0px; 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: rgba(0,0,0,.3); --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-time-en { right: 20px; } .fixed-shift-time-ar { left: 20px; } .fixed-shift-timer{ position: fixed; bottom: 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: #29B5BF; // 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; // } // }