@media screen and (max-width:768px){.former-component .modal-content{width:100%;height:100%;margin:0;border:none;border-radius:0}.former-component .modal.show .modal-dialog{height:100%;width:100%;margin:0;overflow:hidden;max-width:initial}.former-content{height:75vh;padding-bottom:5rem;margin-left:3px;margin-right:3px}.former-content.on-keyboard{height:50%}.login-msg-bottom{font-size:13px}.intro-container{padding-top:1rem}.intro-container .title{padding:0 2rem}.intro-container .description{padding:0 2rem}.intro-region-select{margin-top:2rem}.former-footer{border-top:1px solid #fff0;position:fixed;bottom:0;left:0;right:0;background-color:#fff;z-index:1}.former-header{padding:1.5rem 4rem;height:55px}.progress{height:4px}.progress-bar{height:4px}.former-component .modal .close{left:1.2rem;top:1rem}.field-options{padding:0 16px}.former-component .modal .modal-content .modal-body{height:100vh}.dates{padding:0 2.5rem}.date-item{padding:0 .5rem}.timings{padding:0 8rem}.field-options .form-input{padding:.7rem 1rem}.static-steps .single-item .field-options{padding:0 24px}.search-result-container{top:3rem}.image-picker .picker,.image-picker .image-item{width:140px;height:140px}.image-picker{padding:0 28px}.swal2-actions{max-width:100%}.former-modal{width:90%;position:fixed}.children-items-container ul{width:100%}.date-picker{padding:1rem;top:1rem;bottom:1rem;display:flex;align-items:center;padding:.5rem;position:absolute;z-index:1000}.datepicker-plot-area .datepicker-day-view .table-days td{height:50px!important;padding-top:1rem!important}.datepicker-plot-area .datepicker-day-view .table-days td span{font-size:18px}.datepicker-plot-area .datepicker-navigator .pwt-btn-next,.datepicker-plot-area .datepicker-navigator .pwt-btn-switch,.datepicker-plot-area .datepicker-navigator .pwt-btn-prev{font-size:16px}.datepicker-plot-area .datepicker-navigator{margin-bottom:1rem;margin-top:1rem}.datepicker-plot-area .datepicker-day-view .table-days td.selected span,.datepicker-plot-area .datepicker-year-view .year-item.selected,.datepicker-plot-area .datepicker-month-view .month-item.selected{background-color:#009fd9!important;border-radius:100%;width:100%;height:100%;line-height:50px;text-shadow:none!important}.datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover,.datepicker-plot-area .datepicker-day-view .table-days td span:hover,.datepicker-plot-area .datepicker-year-view .year-item:hover,.datepicker-plot-area .datepicker-month-view .month-item:hover{background-color:#baeafb!important;border-radius:100%;width:100%;height:100%;line-height:50px;text-shadow:none!important;color:black!important}.inline-datepicker{width:100%}.former-component .modal-content:before{z-index:2;height:0}.datepicker-plot-area{border-radius:15px!important}.next-step-btn,.prev-step-btn{width:35%;padding-left:0;padding-right:0}.step-initial .next-step-btn{text-align:center;position:relative;transform:translateX(10px);padding:0;width:80%}.former-modal-footer{position:fixed;bottom:0;left:0;right:0}.image-picker .image-item .remove-btn{padding:.8rem}.datepicker-plot-area .datepicker-day-view .table-days td span{transition:.2s ease;border-radius:100%;width:100%!important;height:100%!important;line-height:50px!important;text-shadow:none!important}.datepicker-plot-area .datepicker-day-view .table-days td.today span{border-radius:10px 0 0 10px}.form-check-increment{left:0;right:0;margin:auto;width:38px}.former-component ::-webkit-scrollbar{width:.4em;height:2em}.former-component ::-webkit-scrollbar-button{background:#3b3b3b75}.former-component ::-webkit-scrollbar-track-piece{background:#fff}.former-component ::-webkit-scrollbar-thumb{background:#66666659;border-radius:10px}}