react-ui-mat 5.71.77 → 5.71.81

package/dist/reactuimat-base.css

@@ -1 +1,1200 @@
-.d-relative,.d-select-fc,.d-tooltip{position:relative}.d-cursor-pointer,.d-hover-cursor-pointer:hover,.d-select-fc,.mt-p-eye:hover{cursor:pointer}.d-paginator-ul>li,.d-radiobtn>span{margin-left:.5rem}.d-month .d-next,.d-month .d-prev{transform:scale(1.5);user-select:none}.d-dateinput ul,.d-days li,.d-dtime-sec-item{list-style-type:none}.d-spinner-base{width:1.75rem;height:1.75rem}.d-w-full{width:100%}.d-h-full{height:100%}.d-w-5{width:1.25rem}.d-w-7{width:1.75rem}.d-h-5{height:1.25rem}.d-h-7{height:1.75rem}.d-flex{display:flex}.d-flex-row{flex-direction:row}.d-flex-col{flex-direction:column}.d-justify-center,.d-paginator-page{justify-content:center}.d-items-center{align-items:center}.d-mt-1{margin-top:.25rem}.d-bg-white{background-color:#fff}.d-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.d-scrollbar-hide::-webkit-scrollbar{display:none}.d-disable-down{opacity:.4}.d-badge-base{margin:.125rem;padding:.125rem .625rem;font-size:.875rem;line-height:1.25rem;border-radius:4px;white-space:nowrap;font-weight:500}.d-badge-full{display:inline-block;width:100%}.d-badge-primary{color:rgb(255 255 255);background-color:rgb(37 99 235)}.d-badge-primary-outline{color:rgb(37 99 235);border:1px solid rgb(37 99 235)}.d-badge-dark{color:rgb(31 41 55);background-color:rgb(209 213 219)}.d-badge-dark-outline{color:rgb(31 41 55);border:1px solid rgb(31 41 55)}.d-badge-danger{color:rgb(255 255 255);background-color:rgb(239 68 68)}.d-badge-danger-outine{color:rgb(239 68 68);border:1px solid rgb(239 68 68)}.d-badge-green{color:rgb(1 81 31);background-color:rgb(187 247 208)}.d-badge-green-outline{color:rgb(1 81 31);border:1px solid rgb(1 81 31)}.d-badge-yellow{color:rgb(133 77 14);background-color:rgb(253 224 71)}.d-badge-yellow-outline{color:rgb(133 77 14);border:1px solid rgb(133 77 14)}.d-badge-info{color:rgb(255 255 255);background-color:rgb(55 48 163)}.d-badge-info-outline{color:rgb(55 48 163);border:1px solid rgb(55 48 163)}.d-badge-light,.d-badge-light-outline{color:rgb(31 41 55);background-color:rgb(255 255 255);border-width:1px;border-color:#dde1e7}.d-btn-spinner{width:1.25rem;height:1.25rem;margin-left:.75rem;margin-right:.75rem}.d-checkbox{width:100%;display:flex;flex-direction:row;align-items:center;gap:5px}.d-checkbox-sm>input[type=checkbox],.d-radiobtn-sm>input[type=radio]{width:21px!important;height:21px!important}.d-checkbox-sm>input[type=checkbox]::before{width:11px;height:11px}.d-checkbox-xs>input[type=checkbox],.d-radiobtn-xs>input[type=radio]{width:15px!important;height:15px!important}.d-checkbox-xs>input[type=checkbox]::before{width:8px;height:8px}.d-checkbox>input{width:1rem;height:1rem;border:1px rgb(229 231 235);color:rgb(79 70 229)}.d-checkbox>label{width:100%;min-width:0;flex:1}.d-days li,.d-weekdays li{width:14.25%;text-align:center}.d-select-fc,.d-select-sg-list{border-radius:5px;flex-direction:column}.d-divider{width:100%;border-bottom:1px solid #ebebeb}.d-divider-label{width:100%;font-size:.95rem;line-height:1.25rem}.d-divider-chd{width:100%;font-size:.875rem;line-height:1.25rem;padding-top:.25rem;padding-bottom:.25rem;font-weight:600}.d-select-fc{display:flex;justify-content:center;background:#fff}.d-select-fc-value-render{position:absolute;width:100%;height:100%;z-index:0;display:flex;align-items:center}.d-select-fc-input{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2.11rem;cursor:default}.d-select-fc-input-sm{padding:3px!important;height:34px!important;min-height:34px!important;border-width:1px!important}.d-select-fc-input-render{z-index:1;background:0 0;background-color:transparent!important}.d-select-fc-close,.d-select-fc-down{position:absolute;z-index:10;right:0}.d-select-fc-close{margin-right:1.25rem}.d-select-fc-close:hover{color:rgb(239 68 68)}.d-select-fc-down{margin-right:.25rem}.d-select-sg-list,.d-select-sg-list-m{background-color:#fff;z-index:1005;transition:width .15s}.d-select-sg-container{min-width:100%;position:relative}.d-select-sg-list{width:0;display:none;position:absolute;border:3px solid #d1d5db}.d-select-sg-list-m{width:100%;border-radius:5px;flex-direction:column;border:3px solid #d1d5db}.d-select-sg-list-mb{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:3px}.d-select-sg-list-mb>button{border:3px solid #fff}.d-select-sg-list-ul{width:100%;height:100%;overflow-y:auto;padding-bottom:.25rem}.d-selct-item,.d-selct-item-sm{padding:.5rem}.d-select-empty-list{padding:.5rem;color:rgb(125 211 252)}.d-select-selected-item{background-color:#e5e5e5}.d-selct-hover:hover{background-color:rgb(226 241 250)}.d-selct-item{display:flex;flex-direction:row;align-items:center;cursor:pointer}.d-select-multi-item{padding:.25rem .5rem}@keyframes multi-counter-blink{50%{opacity:1}75%{opacity:0}}@-webkit-keyframes multi-counter-blink{50%{opacity:1}75%{opacity:0}}.multi-counter-blink{animation:1s step-start multi-counter-blink;-webkit-animation:1s step-start multi-counter-blink}.d-select-multi-counter{position:absolute;right:0;z-index:10;margin-right:2.35rem;padding-left:.27rem;padding-right:.27rem;border-radius:2px;background:#b9babc;color:#fff;min-width:1.25rem;text-align:center;font-weight:500;font-size:.75rem;line-height:1rem}.d-paginator-ul>li,.d-prs-panel-arrow{margin-right:.5rem}.d-radiobtn{width:100%;display:inline-flex;align-items:center;cursor:pointer}.d-rdbtn-nofull{width:unset!important}.d-radiobtn-disabled{color:rgb(148 163 184)}.d-paginator{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}.d-paginator-ul{display:inline-flex;align-items:center;overflow-x:auto}.d-paginator-arrow-btn{display:flex;align-items:center;justify-content:center;color:rgb(234 88 12);background:#fff;border-radius:5px;min-width:1.75rem;width:1.75rem;min-height:1.75rem;height:1.75rem}.d-paginator-arrow-icon{width:1rem;height:1rem;fill:currentColor}.d-paginator-active-page,.d-paginator-page{width:1.75rem;height:1.75rem;border-radius:5px;display:flex}.d-paginator-page{align-items:center;color:rgb(234 88 12)}.d-paginator-active-page{justify-content:center;align-items:center;color:#fff;background-color:rgb(234 88 12)}.d-box-icon,.d-warning-icon{width:2.25rem;height:2.25rem}.d-phone-flag-input,.d-phone-flag-input-container>div>div{background:0 0!important}.d-paginator-focus:hover{background-color:rgb(255 237 213)}.d-box-icon{color:rgb(234 179 8)}.d-warning-icon{color:rgb(239 68 68)}.d-incorrect-entry{width:100%;color:rgb(225 29 72);font-size:.75rem;line-height:1rem}.d-phone{width:100%;display:flex;flex-direction:row}.d-phone-flag-input-container{max-width:5rem;position:absolute;left:0;top:0}.d-phone-flag-input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-width:0!important}.d-phone-national-input{border-top-left-radius:0!important;border-bottom-left-radius:0!important;padding-left:5.5rem}.d-phone-flag{width:3rem;height:1.5rem;font-size:12.5px;text-align:center;background-size:100% 100%;background-repeat:no-repeat;display:flex;flex-direction:row;align-items:center}.d-phone-flag>span:first-child{font-size:12.5px;margin-right:2.5px}.d-phone-flag>span:nth-child(2){font-size:23px}.d-phone>div:first-child>div:nth-child(1)>.d-select-fc>.d-select-fc-value-render>.d-phone-flag{font-size:12.5px;justify-content:center}.d-prs-panel-summary-s{padding-left:5px;padding-right:5px;border:1px solid #d1d5db}.d-prs-panel-content{width:100%;max-height:0;overflow:hidden;transition:.3s ease-out}.d-textarea-h-20{height:7rem}.d-tooltiptext{display:none;position:absolute;background-color:rgba(0,0,0,.75);color:#fff;border-radius:5px;padding:5px;font-size:12px;border:1px solid #fff;opacity:0;transition:.5s}.d-notes-panel{padding:.3em 16px}.d-note-warning{background-color:#ffc;border-left:6px solid #ffeb3b;color:#000}.d-note-success{background-color:#dfd;border-left:6px solid #04aa6d;color:#000}.d-note-info{background-color:#e7f3fe;border-left:6px solid #2196f3;color:#000}.d-note-danger{background-color:#fdd;border-left:6px solid #f44336;color:#000}.d-di{position:relative;display:flex;flex-direction:column}.d-dateinput,.d-days li,.d-weekdays li{display:inline-block}.d-di .icon{position:absolute;right:7px;font-size:18px;top:5px;filter:grayscale(1)}.d-di .icon-active{filter:grayscale(0)}.d-di input{letter-spacing:1px}.d-month ul li,.mt-password-input>input{letter-spacing:3px}.d-dateinput{overflow:hidden}.d-dateinput-content,.d-dateinput-content-sm{max-width:17rem;max-height:209px;overflow:hidden;display:table;background-color:#fff;min-width:150px;z-index:1005;transition:opacity .5s}.d-dateinput-content{position:absolute;border:1px solid #e1e1e1;box-shadow:0 5px 15px #818181;opacity:0;border-radius:5px}.d-dateinput-content-sm{border:1px solid #e1e1e1;border-radius:5px}.d-calander{display:table-cell;min-width:13rem}.d-month{width:100%;background:orange;text-align:center}.d-month ul{margin:0;padding:5px 9px}.d-month ul li{color:#fff;text-transform:uppercase}.d-month .d-pn-m{font-size:19px;font-weight:700}.d-month .d-prev{float:left;font-size:19px;cursor:pointer}.d-month .d-next{float:right;font-size:19px;cursor:pointer}.d-weekdays{margin:0;padding:3px 0;display:grid;justify-content:space-around;grid-auto-flow:column;border-bottom:1px solid #e1e1e1;user-select:none}.d-weekdays li{color:#666}.d-days{padding:0;margin:0}.d-days li{cursor:pointer;padding:5px;font-size:14.5px;border-radius:5px;color:#000}.d-li-day-active:hover{background:#f1f1f1;color:#000;font-weight:700}.d-li-day-disable{opacity:.5}.d-days li.d-days-active{padding:5px;background:#64da5e;color:#fff!important;font-weight:600}.d-dtime-sec{display:table-cell;min-width:37px;border-left:1px solid #858585}.d-dtime-sec-ul{height:100%;overflow:auto;max-height:259px;padding-bottom:3rem}.d-dtime-sec-item{padding:5px 11px;cursor:pointer;font-size:19px;background:#fff;text-align:center;border-bottom:1px solid #f1f1f1}.d-dtime-sec-item-active{background:#64da5e;color:#fff!important}.d-dtime-sec-item:hover{background:#f1f1f1;color:#000}.muplayer-range-input{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:0;border-radius:15px;height:6px;background:#ccc;margin-top:11px!important;margin-bottom:11px!important;min-height:unset!important;padding:0!important}.muplayer-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:15px;width:15px;background-color:#f50;border-radius:50%;border:none;transition:.2s ease-in-out}.muplayer-range-input::-moz-range-thumb{height:15px;width:15px;background-color:#f50;border-radius:50%;border:none;transition:.2s ease-in-out}.muplayer-range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 3px rgba(255,85,0,.1)}.muplayer-range-input:active::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.muplayer-range-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.muplayer-range-input::-moz-range-thumb:hover{box-shadow:0 0 0 3px rgba(255,85,0,.1)}.muplayer-range-input:active::-moz-range-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.muplayer-range-input:focus::-moz-range-thumb{box-shadow:0 0 0 5px rgba(255,85,0,.2)}.mt-password-input{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.mt-p-eye{position:absolute;right:7px;font-size:19px}.mt-p-eye-splash{filter:opacity(.5)}.mt-mutbnc{width:25px;height:25px;border-radius:5px;border:1px solid #b8b8b8;box-shadow:0 0 3px #a4a4a4;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#000;font-size:14px;cursor:pointer;padding:5px;opacity:.6;transition:opacity .3s,background-color .3s}.mt-mutbnc:disabled{cursor:not-allowed}#mfpar .mat-filter-panel{opacity:0;box-shadow:0 0 11px #b3b3b3;transition:1.5s}#maar .mat-alert{opacity:0;-webkit-animation:.5s .2s forwards mat-alert-fadeIn;-moz-animation:.5s .2s forwards mat-alert-fadeIn;-o-animation:.5s .2s forwards mat-alert-fadeIn;animation:.5s .2s forwards mat-alert-fadeIn;transition:.5s}#maar .mat-alert-button-group,#mcar .mat-alert-confirm-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-end;margin-top:20px}#maar .mat-alert-button-group>button,#mcar .mat-alert-confirm-button-group>button{outline:0;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}#mcar .mat-alert-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;padding:9px;background:rgba(255,255,255,.9);display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:.5s .2s forwards mat-alert-fadeIn;-moz-animation:.5s .2s forwards mat-alert-fadeIn;-o-animation:.5s .2s forwards mat-alert-fadeIn;animation:.5s .2s forwards mat-alert-fadeIn;transition:.5s}#mcar .mat-alert-confirm{align-items:center;display:flex;flex-direction:column;justify-content:center;max-height:100%;max-width:100%;box-shadow:0 0 35px #00000033;transition:.5s;border-radius:5px}#mcar .mat-alert-confirm-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 0 35px #00000033;color:#666;border:1px solid #dadada}#mcar .mat-alert-confirm-body>h1{font-size:15px;margin-top:0;font-weight:600}#mcar .mat-alert-confirm-body>h3{margin:0 0 .25rem;font-size:11px}.mt-card-section{overflow:hidden;border:1px solid #fdba74;background-color:#fff;height:fit-content}.mt-card-section-title{font-weight:500;border-bottom:1px solid #fdba74;padding:12px;margin:0}.mt-card-section-content{width:100%;padding:12px;display:flex;flex-direction:column;gap:8px}.mt-card-row{border:1px solid #e5e7eb;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}@-webkit-keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}@-o-keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}@keyframes mat-alert-fadeIn{from{opacity:0}to{opacity:1}}
+.d-spinner-base {
+    width: 1.75rem;
+    height: 1.75rem;
+}
+
+.d-hover-cursor-pointer {}
+
+.d-hover-cursor-pointer:hover {
+    cursor: pointer;
+}
+
+.d-cursor-pointer {
+    cursor: pointer;
+}
+
+
+.d-w-full {
+    width: 100%;
+}
+
+.d-h-full {
+    height: 100%;
+}
+
+.d-w-5 {
+    width: 1.25rem;
+}
+
+.d-w-7 {
+    width: 1.75rem;
+}
+
+.d-h-5 {
+    height: 1.25rem;
+}
+
+.d-h-7 {
+    height: 1.75rem;
+}
+
+
+.d-flex {
+    display: flex;
+}
+
+.d-flex-row {
+    flex-direction: row;
+}
+
+.d-flex-col {
+    flex-direction: column;
+}
+
+.d-justify-center {
+    justify-content: center;
+}
+
+.d-items-center {
+    align-items: center;
+}
+
+.d-relative {
+    position: relative;
+}
+
+
+.d-mt-1 {
+    margin-top: 0.25rem;
+    /* 4px */
+}
+
+
+.d-bg-white {
+    background-color: white;
+}
+
+.d-scrollbar-hide {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+}
+
+.d-scrollbar-hide::-webkit-scrollbar {
+    display: none;
+}
+
+.d-disable-down {
+    opacity: 0.4;
+}
+
+.d-badge-base {
+    font-weight: 500;
+    margin: 0.125rem;
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+    padding-bottom: 0.125rem;
+    padding-top: 0.125rem;
+    font-size: .875rem;
+    line-height: 1.25rem;
+    border-radius: 4px;
+    white-space: nowrap;
+    font-weight: 500;
+}
+
+.d-badge-full {
+    display: inline-block;
+    width: 100%;
+}
+
+.d-badge-primary {
+    color: rgb(255 255 255);
+    background-color: rgb(37 99 235);
+}
+
+.d-badge-primary-outline {
+    color: rgb(37 99 235);
+    border: 1px solid rgb(37 99 235);
+}
+
+.d-badge-dark {
+    color: rgb(31 41 55);
+    background-color: rgb(209 213 219);
+}
+
+.d-badge-dark-outline {
+    color: rgb(31 41 55);
+    border: 1px solid rgb(31 41 55);
+}
+
+.d-badge-danger {
+    color: rgb(255 255 255);
+    background-color: rgb(239 68 68);
+}
+
+.d-badge-danger-outine {
+    color: rgb(239 68 68);
+    border: 1px solid rgb(239 68 68);
+}
+
+.d-badge-green {
+    color: rgb(1 81 31);
+    background-color: rgb(187 247 208);
+}
+
+.d-badge-green-outline {
+    color: rgb(1 81 31);
+    border: 1px solid rgb(1 81 31);
+}
+
+.d-badge-yellow {
+    color: rgb(133 77 14);
+    background-color: rgb(253 224 71);
+}
+
+.d-badge-yellow-outline {
+    color: rgb(133 77 14);
+    border: 1px solid rgb(133 77 14);
+}
+
+.d-badge-info {
+    color: rgb(255 255 255);
+    background-color: rgb(55 48 163)
+}
+
+.d-badge-info-outline {
+    color: rgb(55 48 163);
+    border: 1px solid rgb(55 48 163)
+}
+
+.d-badge-light {
+    color: rgb(31 41 55);
+    background-color: rgb(255 255 255);
+    border-width: 1px;
+    border-color: rgb(221, 225, 231);
+}
+
+.d-badge-light-outline {
+    color: rgb(31 41 55);
+    background-color: rgb(255 255 255);
+    border-width: 1px;
+    border-color: rgb(221, 225, 231);
+}
+
+
+.d-btn-spinner {
+    width: 1.25rem;
+    height: 1.25rem;
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
+}
+
+
+.d-checkbox {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 5px;
+}
+
+.d-checkbox-sm {}
+
+.d-checkbox-sm>input[type="checkbox"] {
+    width: 21px !important;
+    height: 21px !important;
+}
+
+.d-checkbox-sm>input[type="checkbox"]::before {
+    width: 11px;
+    height: 11px;
+}
+
+.d-checkbox-xs {}
+
+.d-checkbox-xs>input[type="checkbox"] {
+    width: 15px !important;
+    height: 15px !important;
+}
+
+.d-checkbox-xs>input[type="checkbox"]::before {
+    width: 8px;
+    height: 8px;
+}
+
+.d-checkbox>input {
+    width: 1rem;
+    height: 1rem;
+    border: 1px;
+    border-color: rgb(229 231 235);
+    color: rgb(79 70 229);
+}
+
+.d-checkbox>label {
+    width: 100%;
+    min-width: 0;
+    flex: 1;
+}
+
+
+.d-divider {
+    width: 100%;
+    border-bottom: 1px solid #ebebeb;
+}
+
+.d-divider-label {
+    width: 100%;
+    font-size: 0.95rem;
+    line-height: 1.25rem;
+}
+
+.d-divider-chd {
+    width: 100%;
+    font-size: 0.875rem;
+    /* 14px */
+    line-height: 1.25rem;
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+    font-weight: 500;
+    font-weight: 600;
+}
+
+
+
+.d-select-fc {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    position: relative;
+    background: white;
+    cursor: pointer;
+    border-radius: 5px;
+}
+
+.d-select-fc-value-render {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    display: flex;
+    align-items: center;
+}
+
+.d-select-fc-input {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    padding-right: 2.11rem;
+    cursor: default;
+    /* 44px */
+}
+
+.d-select-fc-input-sm {
+    padding: 3px 3px !important;
+    height: 34px !important;
+    min-height: 34px !important;
+    border-width: 1px !important;
+}
+
+.d-select-fc-input-render {
+    z-index: 1;
+    background: transparent;
+    background-color: transparent !important;
+}
+
+.d-select-fc-close {
+    position: absolute;
+    right: 0;
+    z-index: 10;
+    margin-right: 1.25rem;
+}
+
+.d-select-fc-close:hover {
+    color: rgb(239 68 68);
+}
+
+.d-select-fc-down {
+    position: absolute;
+    right: 0;
+    z-index: 10;
+    margin-right: 0.25rem;
+}
+
+.d-select-sg-container {
+    min-width: 100%;
+    position: relative;
+}
+
+.d-select-sg-list {
+    width: 0px;
+    display: none;
+    border-radius: 5px;
+    flex-direction: column;
+    position: absolute;
+    background-color: white;
+    z-index: 1005;
+    border: 3px solid #d1d5db;
+    transition: all 0.3s;
+    transition: width 0.15s;
+}
+
+.d-select-sg-list-m {
+    width: 100%;
+    border-radius: 5px;
+    flex-direction: column;
+    background-color: white;
+    z-index: 1005;
+    border: 3px solid #d1d5db;
+    transition: all 0.3s;
+    transition: width 0.15s;
+}
+
+.d-select-sg-list-mb {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-top: 3px;
+}
+
+.d-select-sg-list-mb>button {
+    border: 3px solid #ffffff;
+}
+
+.d-select-sg-list-ul {
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    padding-bottom: 0.25rem;
+}
+
+.d-select-empty-list {
+    padding: 0.5rem;
+    /* 8px */
+    color: rgb(125 211 252);
+}
+
+.d-select-selected-item {
+    background-color: rgb(229, 229, 229);
+}
+
+.d-selct-hover {}
+
+.d-selct-hover:hover {
+    background-color: rgb(226 241 250);
+}
+
+.d-selct-item {
+    padding: 0.5rem;
+    /* 8px */
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    cursor: pointer;
+}
+
+.d-selct-item-sm {
+    padding: 0.5rem;
+}
+
+.d-select-multi-item {
+    padding-left: 0.5rem;
+    /* 8px */
+    padding-right: 0.5rem;
+    /* 8px */
+    padding-top: 0.25rem;
+    /* 4px */
+    padding-bottom: 0.25rem;
+    /* 4px */
+}
+
+@keyframes multi-counter-blink {
+    50% {
+        opacity: 1.0;
+    }
+
+    75% {
+        opacity: 0.0;
+    }
+}
+
+@-webkit-keyframes multi-counter-blink {
+    50% {
+        opacity: 1.0;
+    }
+
+    75% {
+        opacity: 0.0;
+    }
+}
+
+.multi-counter-blink {
+    animation: multi-counter-blink 1s step-start 0s;
+    -webkit-animation: multi-counter-blink 1s step-start 0s;
+}
+
+.d-select-multi-counter {
+    position: absolute;
+    right: 0;
+    z-index: 10;
+    margin-right: 2.35rem;
+    padding-left: 0.27rem;
+    padding-right: 0.27rem;
+    border-radius: 2px;
+    background: #b9babc;
+    font-weight: 600;
+    color: white;
+    min-width: 1.25rem;
+    text-align: center;
+    font-weight: 500;
+    font-size: 0.75rem;
+    line-height: 1rem;
+
+}
+
+
+.d-radiobtn {
+    width: 100%;
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+}
+
+.d-rdbtn-nofull {
+    width: unset !important;
+}
+
+.d-radiobtn-sm {}
+
+.d-radiobtn-sm>input[type="radio"] {
+    width: 21px !important;
+    height: 21px !important;
+}
+
+.d-radiobtn-xs {}
+
+.d-radiobtn-xs>input[type="radio"] {
+    width: 15px !important;
+    height: 15px !important;
+}
+
+.d-radiobtn>span {
+    margin-left: 0.5rem;
+    /* 8px */
+}
+
+.d-radiobtn-disabled {
+    color: rgb(148 163 184);
+}
+
+
+.d-paginator {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+}
+
+.d-paginator-ul {
+    display: inline-flex;
+    align-items: center;
+    overflow-x: auto;
+}
+
+.d-paginator-ul>li {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+}
+
+.d-paginator-arrow-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: rgb(234 88 12);
+    background: white;
+    border-radius: 5px;
+    min-width: 1.75rem;
+    width: 1.75rem;
+    /* 28px */
+    min-height: 1.75rem;
+    height: 1.75rem;
+    /* 28px */
+}
+
+.d-paginator-arrow-icon {
+    width: 1rem;
+    height: 1rem;
+    fill: currentColor;
+}
+
+.d-paginator-page {
+    width: 1.75rem;
+    /* 28px */
+    height: 1.75rem;
+    /* 28px */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 5px;
+    color: rgb(234 88 12);
+}
+
+.d-paginator-active-page {
+    width: 1.75rem;
+    /* 28px */
+    height: 1.75rem;
+    /* 28px */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 5px;
+    color: white;
+    background-color: rgb(234 88 12);
+}
+
+.d-paginator-focus {}
+
+.d-paginator-focus:hover {
+    background-color: rgb(255 237 213);
+}
+
+.d-box-icon {
+    width: 2.25rem;
+    /* 36px */
+    height: 2.25rem;
+    /* 36px */
+    color: rgb(234 179 8);
+}
+
+.d-warning-icon {
+    width: 2.25rem;
+    /* 36px */
+    height: 2.25rem;
+    /* 36px */
+    color: rgb(239 68 68);
+}
+
+.d-incorrect-entry {
+    width: 100%;
+    color: rgb(225 29 72);
+    font-size: 0.75rem;
+    /* 12px */
+    line-height: 1rem;
+    /* 16px */
+}
+
+.d-phone {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+}
+
+.d-phone-flag-input-container{
+    max-width: 5rem; 
+    position: absolute; 
+    left: 0px; 
+    top: 0px;
+}
+
+.d-phone-flag-input-container > div > div{
+    background: transparent !important;
+}
+
+.d-phone-flag-input {
+    border-top-right-radius: 0px !important;
+    border-bottom-right-radius: 0px !important;
+    border-right-width: 0px !important;
+    border-width: 0px !important;
+    background: transparent !important;
+}
+
+.d-phone-national-input {
+    border-top-left-radius: 0px !important;
+    border-bottom-left-radius: 0px !important;
+    padding-left: 5.5rem;
+}
+
+.d-phone-flag {
+    width: 3rem;
+    height: 1.5rem;
+    font-size: 12.5px;
+    text-align: center;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.d-phone-flag>span:nth-child(1) {
+    font-size: 12.5px;
+    margin-right: 2.5px;
+}
+
+.d-phone-flag>span:nth-child(2) {
+    font-size: 23px;
+}
+
+.d-phone>div:nth-child(1)>div:nth-child(1)>.d-select-fc>.d-select-fc-value-render>.d-phone-flag {
+    font-size: 12.5px;
+    justify-content: center;
+}
+
+.d-prs-panel-arrow {
+    margin-right: 0.5rem;
+}
+
+.d-prs-panel-summary-s {
+    padding-left: 5px;
+    padding-right: 5px;
+    border: 1px solid #d1d5db;
+}
+
+.d-prs-panel-content {
+    width: 100%;
+    max-height: 0;
+    overflow: hidden;
+    transition: all 0.3s ease-out;
+}
+
+.d-textarea-h-20 {
+    height: 7rem;
+}
+
+.d-tooltip {
+    position: relative;
+}
+
+.d-tooltiptext {
+    display: none;
+    position: absolute;
+    background-color: rgba(0, 0, 0, 0.75);
+    color: white;
+    border-radius: 5px;
+    padding: 5px;
+    font-size: 12px;
+    border: 1px solid white;
+    opacity: 0;
+    transition: all 0.5s ease;
+}
+
+.d-notes-panel {
+    padding: 0.3em 16px;
+}
+
+.d-note-warning {
+    background-color: #ffffcc;
+    border-left: 6px solid #ffeb3b;
+    color: black;
+}
+
+.d-note-success {
+    background-color: #ddffdd;
+    border-left: 6px solid #04AA6D;
+    color: black;
+}
+
+.d-note-info {
+    background-color: #e7f3fe;
+    border-left: 6px solid #2196F3;
+    color: black;
+}
+
+.d-note-danger {
+    background-color: #ffdddd;
+    border-left: 6px solid #f44336;
+    color: black;
+}
+
+.d-di {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+.d-di .icon {
+    position: absolute;
+    right: 7px;
+    font-size: 18px;
+    top: 5px;
+    filter: grayscale(1);
+}
+
+.d-di .icon-active {
+    filter: grayscale(0);
+}
+
+.d-di input {
+    letter-spacing: 1px;
+}
+
+.d-dateinput {
+    display: inline-block;
+    overflow: hidden;
+}
+
+.d-dateinput-content {
+    max-width: 17rem;
+    max-height: 209px;
+    overflow: hidden;
+    display: table;
+    position: absolute;
+    background-color: white;
+    min-width: 150px;
+    z-index: 1005;
+    border: 1px solid #e1e1e1;
+    box-shadow: 0px 5px 15px #818181;
+    opacity: 0;
+    border-radius: 5px;
+    transition: all 0.3s;
+    transition: opacity 0.5s;
+}
+
+.d-dateinput-content-sm {
+    max-width: 17rem;
+    max-height: 209px;
+    overflow: hidden;
+    display: table;
+    background-color: white;
+    min-width: 150px;
+    z-index: 1005;
+    border: 1px solid #e1e1e1;
+    border-radius: 5px;
+    transition: all 0.3s;
+    transition: opacity 0.5s;
+}
+
+.d-dateinput ul {
+    list-style-type: none;
+}
+
+.d-calander {
+    display: table-cell;
+    min-width: 13rem;
+}
+
+.d-month {
+    width: 100%;
+    background: orange;
+    text-align: center;
+}
+
+.d-month ul {
+    margin: 0;
+    padding: 5px 9px;
+}
+
+.d-month ul li {
+    color: white;
+    text-transform: uppercase;
+    letter-spacing: 3px;
+}
+
+.d-month .d-pn-m {
+    font-size: 19px;
+    font-weight: 700;
+}
+
+.d-month .d-prev {
+    float: left;
+    font-size: 19px;
+    cursor: pointer;
+    transform: scale(1.5);
+    user-select: none;
+}
+
+.d-month .d-next {
+    float: right;
+    font-size: 19px;
+    cursor: pointer;
+    transform: scale(1.5);
+    user-select: none;
+}
+
+.d-weekdays {
+    margin: 0;
+    padding: 3px 0;
+    display: grid;
+    justify-content: space-around;
+    grid-auto-flow: column;
+    border-bottom: 1px solid #e1e1e1;
+    user-select: none;
+}
+
+.d-weekdays li {
+    display: inline-block;
+    width: 14.25%;
+    color: #666;
+    text-align: center;
+}
+
+.d-days {
+    padding: 0;
+    margin: 0;
+}
+
+.d-days li {
+    cursor: pointer;
+    list-style-type: none;
+    display: inline-block;
+    width: 14.25%;
+    text-align: center;
+    padding: 5px;
+    font-size: 14.5px;
+    border-radius: 5px;
+    color: black;
+}
+
+.d-li-day-active:hover {
+    background: #f1f1f1;
+    color: black;
+    font-weight: 700;
+}
+
+.d-li-day-disable {
+    opacity: 0.5;
+}
+
+.d-days li.d-days-active {
+    padding: 5px;
+    background: #64da5e;
+    color: white !important;
+    font-weight: 600;
+}
+
+.d-dtime-sec {
+    display: table-cell;
+    min-width: 37px;
+    border-left: 1px solid #858585;
+}
+
+.d-dtime-sec-ul {
+    height: 100%;
+    overflow: auto;
+    max-height: 259px;
+    padding-bottom: 3rem;
+}
+
+.d-dtime-sec-item {
+    list-style-type: none;
+    padding: 5px 11px;
+    cursor: pointer;
+    font-size: 19px;
+    background: white;
+    text-align: center;
+    border-bottom: 1px solid #f1f1f1
+}
+
+.d-dtime-sec-item-active {
+    background: #64da5e;
+    color: white !important;
+}
+
+.d-dtime-sec-item:hover {
+    background: #f1f1f1;
+    color: black;
+}
+
+.muplayer-range-input {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    cursor: pointer;
+    outline: none;
+    border-radius: 15px;
+    height: 6px;
+    background: #ccc;
+    margin-top: 11px !important;
+    margin-bottom: 11px !important;
+    min-height: unset !important;
+    padding: 0px !important;
+}
+
+.muplayer-range-input::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    height: 15px;
+    width: 15px;
+    background-color: #f50;
+    border-radius: 50%;
+    border: none;
+    transition: .2s ease-in-out;
+}
+
+.muplayer-range-input::-moz-range-thumb {
+    height: 15px;
+    width: 15px;
+    background-color: #f50;
+    border-radius: 50%;
+    border: none;
+    transition: .2s ease-in-out;
+}
+
+.muplayer-range-input::-webkit-slider-thumb:hover {
+    box-shadow: 0 0 0 3px rgba(255, 85, 0, .1)
+}
+
+.muplayer-range-input:active::-webkit-slider-thumb {
+    box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
+}
+
+.muplayer-range-input:focus::-webkit-slider-thumb {
+    box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
+}
+
+.muplayer-range-input::-moz-range-thumb:hover {
+    box-shadow: 0 0 0 3px rgba(255, 85, 0, .1)
+}
+
+.muplayer-range-input:active::-moz-range-thumb {
+    box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
+}
+
+.muplayer-range-input:focus::-moz-range-thumb {
+    box-shadow: 0 0 0 5px rgba(255, 85, 0, .2)
+}
+
+.mt-password-input {
+    position: relative;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.mt-password-input>input {
+    letter-spacing: 3px;
+}
+
+.mt-p-eye {
+    position: absolute;
+    right: 7px;
+    font-size: 19px;
+}
+
+.mt-p-eye:hover {
+    cursor: pointer;
+}
+
+.mt-p-eye-splash {
+    filter: opacity(0.5);
+}
+
+.mt-mutbnc {
+    width: 25px;
+    height: 25px;
+    border-radius: 5px;
+    border: 1px solid #b8b8b8;
+    box-shadow: 0px 0px 3px #a4a4a4;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: white;
+    color: black;
+    font-size: 14px;
+    cursor: pointer;
+    padding: 5px;
+    opacity: 0.6;
+    transition: opacity 0.3s ease, background-color 0.3s ease;
+}
+
+.mt-mutbnc:disabled {
+    cursor: not-allowed;
+}
+
+#mfpar .mat-filter-panel {
+    opacity: 0;
+    box-shadow: 0 0px 11px #b3b3b3;
+    transition: all 1.5s;
+}
+
+
+#maar .mat-alert {
+    opacity: 0;
+    -webkit-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    -moz-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    -o-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    transition: all 0.5s;
+}
+
+#maar .mat-alert-button-group {
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flex;
+    display: -o-flex;
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+#maar .mat-alert-button-group>button {
+    outline: none;
+    background: #333;
+    border: none;
+    display: inline-block;
+    padding: 6px 18px;
+    color: #eee;
+    margin-right: 10px;
+    border-radius: 5px;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+#mcar .mat-alert-confirm-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 999;
+    padding: 9px;
+    background: rgba(255, 255, 255, 0.9);
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flex;
+    display: -o-flex;
+    display: flex;
+    justify-content: center;
+    -ms-align-items: center;
+    align-items: center;
+    opacity: 0;
+    -webkit-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    -moz-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    -o-animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    animation: mat-alert-fadeIn 0.5s 0.2s forwards;
+    transition: all 0.5s;
+}
+
+#mcar .mat-alert-confirm {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    /* height: 100%; */
+    justify-content: center;
+    max-height: 100%;
+    max-width: 100%;
+    box-shadow: 0 0px 35px #00000033;
+    transition: all 0.5s;
+    border-radius: 5px;
+}
+
+
+#mcar .mat-alert-confirm-body {
+    font-family: Arial, Helvetica, sans-serif;
+    width: 400px;
+    padding: 30px;
+    text-align: left;
+    background: #fff;
+    border-radius: 10px;
+    box-shadow: 0 0px 35px #00000033;
+    color: #666;
+    border: 1px solid #dadada;
+}
+
+#mcar .mat-alert-confirm-body>h1 {
+    font-size: 15px;
+    margin-top: 0;
+    font-weight: 600;
+}
+
+#mcar .mat-alert-confirm-body>h3 {
+    margin: 0;
+    font-size: 11px;
+    margin-bottom: 0.25rem;
+}
+
+#mcar .mat-alert-confirm-button-group {
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flex;
+    display: -o-flex;
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+#mcar .mat-alert-confirm-button-group>button {
+    outline: none;
+    background: #333;
+    border: none;
+    display: inline-block;
+    padding: 6px 18px;
+    color: #eee;
+    margin-right: 10px;
+    border-radius: 5px;
+    font-size: 12px;
+    cursor: pointer;
+}
+
+.mt-card-section {
+    overflow: hidden;
+    border: 1px solid #fdba74; /* orange-300 */
+    background-color: #ffffff;
+    height: fit-content;
+}
+
+.mt-card-section-title {
+    font-weight: 500;
+    border-bottom: 1px solid #fdba74;
+    padding: 12px;
+    margin: 0;
+}
+
+.mt-card-section-content {
+    width: 100%;
+    padding: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.mt-card-row {
+    border: 1px solid #e5e7eb;
+    padding: 8px 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+}
+
+@-webkit-keyframes mat-alert-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@-moz-keyframes mat-alert-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@-o-keyframes mat-alert-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes mat-alert-fadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}