:host{ background: #fff; } ion-content{ --background: transparent; transform: translate3d(0, 5px, 0); --border-radius: 30px; } ion-footer{ background: #fff; } ion-toolbar{ /* --background:#0782c9; */ border-width: 0 !important; } .div-top-header{ margin: 0 auto; background-color: #0782c9; overflow: auto; padding-top: 15px; border: 0!important; } .div-search{ font-size: 45px; float: left; margin: 0 0 0 10px } .div-logo{ background: transparent; width: 140px; margin: 5px 0 0px 71px; float: left; } .div-logo img{ width: 100%; } .div-profile{ font-size: 45px; float: right; margin-right: 10px; } .content-top{ background: #f3f2f2; height: 20px; margin: 0 auto; border-top-left-radius: 25px; border-top-right-radius: 25px; } .content-container{ width: 100%; margin:0 auto; border-top-left-radius: 25px; border-top-right-radius: 25px; background: #ffffff; height: 100%; padding: 25px 20px 0 20px; overflow: auto; } .title-content{ margin: 0px auto; overflow: auto; padding: 0 !important; } .div-title{ width: fit-content; float: left; margin: 2.5px 0 0 5px; } .title{ font-size: 25px; } .container-div{ margin-bottom: 15px; overflow: auto; } .ion-item-container{ margin: 15px auto; border: 1px solid #ebebeb; border-radius: 5px; padding-left: 10px; } .ion-item-container-no-border{ width: 100%; margin: 0px auto; padding: 0 !important; overflow: auto; } .ion-item-class-2{ margin: 0px auto; } .ion-icon-class{ width: 45px; height: 45px; float: left; padding: 10px; font-size: 25px; } .ion-input-class{ height: auto; border: 1px solid #ebebeb; border-radius: 5px; padding-left: 5px; padding-right: 10px; float: left; } .ion-textarea-class{ width: 315px; height: auto; border: 1px solid #ebebeb; border-radius: 5px; padding-left: 5px; padding-right: 10px; float: left; } .ion-input-class-no-height{ border: 1px solid #ebebeb; border-radius: 5px; overflow: auto; } .actionType{ float: right; overflow: auto; border-radius: 30px; } .ion-segment{ --background: #0782c9; }