react-ui-mat
Version:
- ANIMATE - BADGES ( success, danger, info, light, primary, green ) - BEHAVIOR - BUTTONS - CHECKBOX - COLLAPSE - CONTEXT PANEL - DATE PICKER - DATEPICKER - DATEUTIL - DIVIDER - DRAGABLE MODAL - INCORRECT_ENTRY - INPUT - INPUT_FIELDS - MULTISELECT - MUPLAY
1 lines • 14 kB
CSS
.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;height:21px}.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;height:15px}.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;height:34px;min-height:34px;border-width:1px}.d-select-fc-input-render{z-index:1;background:0 0;background-color:transparent}.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}.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}.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;border-bottom-right-radius:0;border-width:0}.d-phone-national-input{border-top-left-radius:0;border-bottom-left-radius:0;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;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}.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;margin-bottom:11px;min-height:unset;padding:0}.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}}