.no-template{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:200px}.tmpl-parent{width:300px;padding-right:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.template-list,.tmpl-parent{-ms-flex-negative:0;flex-shrink:0}.template-list{width:100%;min-height:50px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.template-list.active{background:var(--bs-primary);color:#fff}.fee-parent{border-left:1px solid var(--bs-gray-300);-ms-flex-negative:0;flex-shrink:0;padding-inline:10px;width:calc(100% - 310px)}.temp-options{border:1px solid var(--bs-gray-300);padding:10px;min-width:140px;text-align:center;border-radius:25px}.temp-options.active{color:#fff;background:var(--bs-primary)}.custom-date-picker{width:150px!important}.custom-date-picker input{border:none!important;outline:none!important;font-weight:700!important;color:rgb(var(--bs-white-rgb))!important;font-size:20px}.custom-date-picker .mx-icon-calendar{display:none!important}.reading-item{position:relative;border:1px solid var(--bs-gray-300);padding:10px;border-radius:10px}.reading-item .buttons{position:absolute;top:-10px;right:0;z-index:1}.reading-item .label{font-size:15px;position:absolute;top:-10px;background:var(--bs-body-bg);padding-inline:8px}.reading-item .reading{font-size:30px;font-weight:700;text-align:right}.reading-item .remarks{font-size:12px;text-align:right}.reading-item .input-reading{font-size:30px;font-weight:700;color:rgb(var(--bs-black-rgb));text-align:right;background:var(--bs-gray-200);border:none;border-radius:5px}.reading-item .input-reading.form-control.is-invalid{padding-right:10px!important}.reading-item .invalid-feedback{font-size:12px;font-weight:700;color:var(--bs-danger)}.pill-item{background:var(--bs-gray-200);padding:5px 10px;border-radius:20px;font-size:12px;margin-right:5px;color:var(--bs-gray-600);font-weight:700;text-align:center;cursor:pointer}.pill-item:hover{background:var(--bs-gray-300);color:var(--bs-gray-800)}.pill-item.active{background:var(--bs-gray-300);color:var(--bs-white)}.service-map-container{display:grid;grid-template-columns:repeat(auto-fit,250px);grid-auto-rows:minmax(120px,auto);grid-gap:15px;padding:20px;position:relative;min-height:300px}.service-map-box{width:250px;height:180px;min-width:250px;min-height:180px;max-width:250px;max-height:180px;border-radius:4px;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);-webkit-transition:all .2s ease;transition:all .2s ease;overflow:auto;position:relative}.service-map-box:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15);box-shadow:0 4px 8px rgba(0,0,0,.15)}.box-header{font-weight:700;margin-bottom:10px;font-size:16px;border-bottom:1px solid #eee;padding-bottom:8px}.box-body{font-size:14px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;color:#555}.box-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:8px;margin-top:15px}.box-actions button{padding:4px 8px;border-radius:3px;border:none;cursor:pointer;font-size:12px}.box-actions button.edit-btn{background-color:#f0f0f0;color:#333}.box-actions button.delete-btn{background-color:#ffebee;color:#f44336}.box-actions button:hover{opacity:.8}.add-box-placeholder{border:2px dashed #ccc;background-color:transparent!important;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#2196f3;-webkit-transition:all .2s;transition:all .2s}.add-box-placeholder:hover{border-color:#2196f3;color:#2196f3;background-color:rgba(33,150,243,.05)}.add-box-placeholder .add-box-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.add-box-placeholder .add-box-content .add-icon{font-size:24px;margin-bottom:5px}