/*  DroupDown */
.el-select-dropdown{border-radius:var(--el-border-radius-base);box-sizing:border-box;z-index:calc(var(--el-index-top) + 1)}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty,.el-select-dropdown__loading{color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0;text-align:center}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;list-style:none;margin:0;padding:6px 0}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}
.el-select__wrapper.is-focused{ box-shadow: 0 0 0 1px var(--ap-color-primary-light-8) inset;}
.ap-form-control .el-icon{
    color: var(--ap-content-color);
}

/* Input */
.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--ap-color-primary-light-8);--el-input-width:100%;display:inline-block;font-size:var(--el-font-size-base);position:relative;vertical-align:bottom;width:100%}.el-textarea__inner{-webkit-appearance:none;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-shadow:unset; border: 1px solid var(--el-input-border-color,var(--el-border-color));box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;font-family:inherit;font-size:inherit;line-height:1.5;padding:5px 11px;position:relative;resize:vertical;transition:var(--el-transition-box-shadow);width:100%}.el-textarea__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:-ms-input-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea .el-input__count{background:var(--el-fill-color-blank);bottom:5px;color:var(--el-color-info);font-size:12px;line-height:14px;position:absolute;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--ap-color-primary-light-8);--el-input-width:100%;--el-input-height:var(--el-component-size);box-sizing:border-box;display:inline-flex;font-size:var(--el-font-size-base);line-height:var(--el-input-height);position:relative;vertical-align:middle;width:var(--el-input-width)}.el-input::-webkit-scrollbar{width:6px;z-index:11}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{align-items:center;color:var(--el-color-info);display:inline-flex;font-size:12px;height:100%}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);display:inline-block;line-height:normal;padding-left:8px}.el-input__wrapper{align-items:center;background-color:var(--el-input-bg-color,var(--el-fill-color-blank));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base)); box-shadow:unset; border: 1px solid var(--el-input-border-color,var(--el-border-color)); cursor:text;display:inline-flex;flex-grow:1;justify-content:center;padding:1px 11px;transform:translateZ(0);transition:var(--el-transition-box-shadow)}.el-input__wrapper:hover{box-shadow:unset;}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--ap-color-primary-light-8) inset}.el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 32px) - 2px);-webkit-appearance:none;background:none;border:none;box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));flex-grow:1;font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);outline:none;padding:0;width:100%}.el-input__inner:focus{outline:none}.el-input__inner::-moz-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner:-ms-input-placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__prefix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));display:inline-flex;flex-shrink:0;flex-wrap:nowrap;height:100%;pointer-events:none;text-align:center;transition:all var(--el-transition-duration);white-space:nowrap}.el-input__suffix-inner{align-items:center;display:inline-flex;justify-content:center;pointer-events:all}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{align-items:center;display:flex;height:inherit;justify-content:center;line-height:inherit;margin-left:8px;transition:all var(--el-transition-duration)}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);box-shadow:unset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::-moz-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner:-ms-input-placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small .el-input__inner{--el-input-inner-height:calc(var(--el-input-height, 24px) - 2px)}.el-input-group{align-items:stretch;display:inline-flex;width:100%}.el-input-group__append,.el-input-group__prepend{align-items:center;background-color:var(--el-fill-color-light);border-radius:var(--el-input-border-radius);color:var(--el-color-info);display:inline-flex;justify-content:center;min-height:100%;padding:0;position:relative;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{background-color:transparent;border-color:transparent;color:inherit}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group__append{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;box-shadow:0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset}.el-input-group--prepend>.el-input__wrapper{border-bottom-left-radius:0;border-top-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{border-bottom-right-radius:0;border-top-right-radius:0;box-shadow:1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset}.el-input-group--append>.el-input__wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{border-bottom-left-radius:0;border-top-left-radius:0; padding-left:26px;}.el-input-hidden{display:none!important}

/* Number Input */
.el-input-number{display:inline-flex;line-height:30px;position:relative;width:150px}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;line-height:1;text-align:center}.el-input-number .el-input__inner::-webkit-inner-spin-button,.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number__decrease,.el-input-number__increase{align-items:center;background:var(--el-fill-color-light);bottom:1px;color:var(--el-text-color-regular);cursor:pointer;display:flex;font-size:13px;height:auto;justify-content:center;position:absolute;top:1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;z-index:1}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-left:var(--el-border);border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{line-height:38px;width:180px}.el-input-number--large .el-input-number__decrease,.el-input-number--large .el-input-number__increase{font-size:14px;width:40px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{line-height:22px;width:120px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{font-size:12px;width:24px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-bottom:var(--el-border);border-radius:0 var(--el-border-radius-base) 0 0;bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;border-right:none;left:auto;right:1px;top:auto}.el-input-number.is-controls-right[class*=large] [class*=decrease],.el-input-number.is-controls-right[class*=large] [class*=increase]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{--el-input-number-controls-height:11px}

/* Date Picker Box Style */
.el-date-picker {
    font-family: var(--ap-primary-font);
}
.el-date-range-picker {
    font-family: var(--ap-primary-font);
}
.ap-form-date-picker-control {
    width: 100% !important;
}
.ap-form-date-range-control{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.ap-form-date-range-control .el-range__icon{
    color: var(--ap-placeholder-color);
}
/*
.ap-form-date-picker-control .el-input__prefix .el-input__icon::before{
    content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.1429 3.12H14.2857V2.57143C14.2857 2.41988 14.2255 2.27453 14.1183 2.16737C14.0112 2.0602 13.8658 2 13.7143 2C13.5627 2 13.4174 2.0602 13.3102 2.16737C13.2031 2.27453 13.1429 2.41988 13.1429 2.57143V3.12H6.85714V2.57143C6.85714 2.41988 6.79694 2.27453 6.68978 2.16737C6.58261 2.0602 6.43727 2 6.28571 2C6.13416 2 5.98882 2.0602 5.88165 2.16737C5.77449 2.27453 5.71429 2.41988 5.71429 2.57143V3.12H4.85714C3.28171 3.12 2 4.40171 2 5.97714V15.1429C2 16.7183 3.28171 18 4.85714 18H15.1429C16.7183 18 18 16.7183 18 15.1429V5.97714C18 4.40171 16.7183 3.12 15.1429 3.12ZM3.14286 5.97714C3.14286 5.032 3.912 4.26286 4.85714 4.26286H5.71429V4.81143C5.71429 4.96298 5.77449 5.10833 5.88165 5.21549C5.98882 5.32265 6.13416 5.38286 6.28571 5.38286C6.43727 5.38286 6.58261 5.32265 6.68978 5.21549C6.79694 5.10833 6.85714 4.96298 6.85714 4.81143V4.26286H13.1429V4.81143C13.1429 4.96298 13.2031 5.10833 13.3102 5.21549C13.4174 5.32265 13.5627 5.38286 13.7143 5.38286C13.8658 5.38286 14.0112 5.32265 14.1183 5.21549C14.2255 5.10833 14.2857 4.96298 14.2857 4.81143V4.26286H15.1429C16.088 4.26286 16.8571 5.032 16.8571 5.97714V6.55429H3.14286V5.97714ZM15.1429 16.8571H4.85714C3.912 16.8571 3.14286 16.088 3.14286 15.1429V7.69714H16.8571V15.1429C16.8571 16.088 16.088 16.8571 15.1429 16.8571Z" fill="#656E81"/></svg>');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px; 
    height: 16px; 
}

*/

.ap-form-date-picker-control .el-input__prefix .el-input__icon svg,.ap-form-date-range-control.el-date-editor .el-range__icon svg{
    display: none;
}
.ap-form-date-picker-control .el-input__prefix .el-input__icon::before, .ap-form-date-range-control.el-date-editor .el-range__icon::before {
    content:"";
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSA2LjQ0NDQ0SDE1TTQuMTExMSAxVjIuNTU1NTZNMTEuODg4OSAxVjIuNTU1NTZNMy40ODg4OSAxNUgxMi41MTExQzEzLjM4MjMgMTUgMTMuODE3OSAxNSAxNC4xNTA3IDE0LjgzMDRDMTQuNDQzMyAxNC42ODEzIDE0LjY4MTMgMTQuNDQzMyAxNC44MzA0IDE0LjE1MDdDMTUgMTMuODE3OSAxNSAxMy4zODIzIDE1IDEyLjUxMTFWNS4wNDQ0NEMxNSA0LjE3MzI1IDE1IDMuNzM3NjUgMTQuODMwNCAzLjQwNDlDMTQuNjgxMyAzLjExMjIgMTQuNDQzMyAyLjg3NDIzIDE0LjE1MDcgMi43NTEwQzEzLjgxNzkgMi41NTU2NiAxMy4zODIzIDIuNTU1NiAxMi41MTExIDIuNTU1NkgzLjQ4ODg5QzIuNjE3NyAyLjU1NTYgMi4xODIxIDIuNTU1NiAxLjg0OTM1IDIuNzUxMEMxLjU1NjY1IDIuODc0MjMgMS4zMTg2OCAzLjExMjIgMS4xNjk1NSAzLjQwNDlDMSAzLjczNzY1IDEgNC4xNzMyNSAxIDUuMDQ0NDRWMTIuNTExMUMxIDEzLjM4MjMgMSAxMy44MTc5IDEuMTY5NTUgMTQuMTUwN0MxLjMxODY4IDE0LjQ0MzMgMS41NTY2NSAxNC42ODEzIDEuODQ5MzUgMTQuODMwNEMyLjE4MjEgMTUgMi42MTc2OSAxNSAzLjQ4ODg5IDE1WiIgc3Ryb2tlPSIjNjE3MTkxIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+') !important;
    width:17px;
    height: 17px;
    background-repeat: no-repeat !important;
}

.ap-form-date-range-control.el-date-editor .el-range__close-icon{
    width: 16px;
}
.ap-form-date-picker-control.el-date-editor .el-input__suffix-inner .el-icon.el-input__icon svg,
.ap-form-date-range-control.el-date-editor .el-range__close-icon svg{
    display: none;
}
.ap-form-date-picker-control.el-date-editor .el-input__suffix-inner .el-icon.el-input__icon.clear-icon::before,
.ap-form-date-range-control.el-date-editor .el-range__close-icon::before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzE5MDggNi45OTcwNEM2LjIzODk2IDcuMDY1NDkgNi4xODg0NyA3LjEwMzA1IDYuMTQ0MjQgNy4xNDY4N0M0LjE3MDUzIDkuMTIwNjQgMi4xOTc2NSAxMS4wOTUyIDAuMjIyNjgzIDEzLjA2NzNDMC4wNzUzODQ2IDEzLjIxNDcgLTAuMDA3NjUzMjMgMTMuMzc3OCAwLjAzOTQ5ODkgMTMuNTg0OUMwLjEyMjUzNyAxMy45NDU5IDAuNTU2MDg2IDE0LjA4OTUgMC44NDQwMDYgMTMuODU0MUMwLjg4ODIzOCAxMy44MTc4IDAuOTI2NjI3IDEzLjc3NDggMC45NjcxMDMgMTMuNzM0M0MyLjkyOTk3IDExLjc3MjIgNC44OTI4MyA5LjgxMDE0IDYuODU1MjggNy44NDc2NEM2Ljg5OTA5IDcuODAzODIgNi45MzU4MSA3Ljc1MzMyIDYuOTgyNTUgNy42OTc4MUM3LjA0NjM5IDcuNzU4MzMgNy4wOTE0NiA3Ljc5OTIzIDcuMTM0ODUgNy44NDIyMkM5LjExOSA5LjgyNzI1IDExLjEwNCAxMS44MTE5IDEzLjA4NjUgMTMuNzk4MUMxMy4yMzI1IDEzLjk0NDYgMTMuMzkyNyAxNC4wMzM1IDEzLjYwMjIgMTMuOTg4QzEzLjk2NTIgMTMuOTA5MiAxNC4xMTY3IDEzLjQ4MDUgMTMuODg2OCAxMy4xODg0QzEzLjg0ODQgMTMuMTM5NSAxMy44MDE3IDEzLjA5NyAxMy43NTc0IDEzLjA1MjdDMTEuNzg3OSAxMS4wODIzIDkuODE4NzcgOS4xMTIyOSA3Ljg0ODQgNy4xNDI3QzcuODA0NTggNy4wOTg4OCA3Ljc1MDM0IDcuMDY1OSA3LjY5MTA4IDcuMDIwODNDNy43NTcwMSA2Ljk1MTEzIDcuNzk4MzIgNi45MDYwNSA3Ljg0MTMgNi44NjMwNkM5LjgyMjUzIDQuODgyMiAxMS44MDQ2IDIuOTAyNiAxMy43ODE2IDAuOTE3OTg4QzEzLjg3NTUgMC44MjM2NjIgMTMuOTU0IDAuNjkyNjA3IDEzLjk4NzggMC41NjQ4OUMxNC4wMzk1IDAuMzY5NTU5IDEzLjkyMSAwLjE2NDYzIDEzLjc0NTggMC4wNjU3MTJDMTMuNTY4IC0wLjAzNDg3NDkgMTMuMzQ5OCAtMC4wMTkwMTUzIDEzLjE4ODcgMC4xMDk1MzVDMTMuMTQwMyAwLjE0ODM1MiAxMy4wOTczIDAuMTk0NjggMTMuMDUzNSAwLjIzODkyMUMxMS4wODMxIDIuMjA4NTEgOS4xMTMxNiA0LjE3ODA5IDcuMTQzNjIgNi4xNDgxQzcuMDk5OCA2LjE5MTkyIDcuMDY2IDYuMjQ1NzYgNy4wMjc2MiA2LjI5NTAxQzcuMDA1MDggNi4zMDI5NCA2Ljk4MjU1IDYuMzEwNDYgNi45NjAwMiA2LjMxODM5QzYuOTI3ODkgNi4yNjQ1NSA2LjkwNTM1IDYuMjAxMTEgNi44NjIzNyA2LjE1ODUzQzQuODc5MDYgNC4xNzIyNSAyLjg5MzY2IDIuMTg4NDcgMC45MDk5MzYgMC4yMDIxOTFDMC43NTA5NTQgMC4wNDMxNzI4IDAuNTc3MzY3IC0wLjA0Njk3OSAwLjM0OTk1MiAwLjAyNTIyNjZDMC4wMTMyMTA2IDAuMTMyNDkxIC0wLjEwOTQ2OSAwLjUzNDAwMyAwLjExMDg1MyAwLjgxMDcyMkMwLjE0OTY2IDAuODU5MTM4IDAuMTk2Mzk1IDAuOTAxNzExIDAuMjQwNjI2IDAuOTQ1OTUyQzIuMjEzOTIgMi45MjAxMyA0LjE4NjggNC44OTM4OSA2LjE2MDUyIDYuODY3MjNDNi4yMDA5OSA2LjkwNzMgNi4yNDg1NiA2LjkzOTQ0IDYuMzE5MDggNi45OTcwNFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=) !important;
    width: 10px;
    height: 10px;
    background-size: 100% !important;
    background-repeat: no-repeat;
}


.el-range__close-icon{
    position: absolute;
    right: 8px;
}
.ap-form-date-range-control.el-date-editor .el-range__icon, .ap-form-date-picker-control .el-input__icon{
    font-size: var(--ap-subtitle-font-size);
    width: 16px;
    height: 16px;
    line-height: unset;
    left: 0px;
}   
/* Upload Control */

.ap-upload-component{
    width: 100%;
    display: flex;
    align-items: center;
}
.ap-upload-control .ap-upload-component__icon{
    width: 72px;
    height: 72px;
    font-size: 32px;
    margin-right: 20px;
    color: var(--ap-placeholder-color);
    border: 1px solid var(--ap-border-color);
    border-radius: var(--ap-radius-4px);
    text-align: center;
    line-height: 72px;
    box-sizing: border-box;
}
.ap-upload-component .ap-upload-component__text{
    font-size: var(--ap-place-holder-font-size);
    line-height: 18px;
    color: var(--ap-placeholder-color);
    font-weight: normal;
    font-family: var(--ap-primary-font);
}
.ap-upload-component .el-upload-list--picture .el-upload-list__item{
    background-color: var(--ap-cl-white);
    border: 1px solid var(--ap-gt-gray-400);
    border-radius: var(--ap-radius-6px);
    margin: 12px 0 0 0;
    padding: 12px 0 12px 20px;
    height: auto;
}
.ap-upload-component .el-upload-list--picture .el-upload-list__item-thumbnail{
    width: 40px;
    height: 40px;
    margin-left: 0;
    border-radius: var(--ap-radius-4px);
}
.ap-upload-component .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{
    line-height: 40px;
    margin-top: 0;
    margin-left: 52px;
    margin-right: 0;
    font-size: 14px;
    padding: 0;
}
.ap-upload-component .el-upload-list--picture .el-upload-list__item-status-label{
    box-shadow: none;
}
.ap-uploaded-avatar__preview{
    position: absolute;
    top: 0;
}
.ap-uploaded-avatar__picture{
    width: 72px;
    height: 72px;
}
.ap-uploaded-avatar__picture img{
    object-position: center;
}
.ap-uploaded-avatar__preview .ap-avatar-close-icon{
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background-color: var(--ap-sc-danger);
    border-radius: var(--ap-radius-circle);
    text-align: center;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--ap-cl-white);
}
.ap-uploaded-avatar__preview .ap-avatar-close-icon span{
    color: var(--ap-cl-white);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Check Box Design */
.ap-checkbox-control .el-checkbox {
    --el-checkbox-font-size: 15px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-text-color: var(--el-text-color-regular);
    --el-checkbox-input-height: var(--ap-checkbox-size, 22px);
    --el-checkbox-input-width: var(--ap-checkbox-size, 22px);
    --el-checkbox-border-radius: var(--el-border-radius-small);

    align-items: center;
    color: var(--ap-content-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--ap-place-holder-font-size);
    height: var(--ap-checkbox-size, 22px);
    margin-right: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-family: var(--ap-primary-font);    
}
.ap-checkbox-control .el-checkbox__inner:after {
    border: 1px solid transparent;
    border-left: 0;
    border-top: 0;
    box-sizing: content-box;
    content: "";
    height: 9px;
    left: 8px;
    position: absolute;
    top: 4px;
    font-weight: bold;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center;
    transition: transform 0.15s ease-in 0.05s;
    width: 3px;
}
/* Radio Control */
.ap-radio-control .el-radio {
    font-size: var(--ap-place-holder-font-size);
    font-family: var(--ap-primary-font);
}
.ap-radio-control .el-radio.el-radio--large .el-radio__inner{
    height: 24px;
    width:  24px;    
}
.ap-radio-control .el-radio__inner:after {
    height: 16px;
    width: 16px;
}
.ap-radio-control .el-radio__inner{
    border: 1px solid var(--ap-border-color) !important;
}
/* Button */
.ap-btn--full-width{
    width: 100%;
}
.ap-btn--primary{
    padding: 10px 24px;
    border-radius: var(--ap-radius-6px); 
    font-weight: 500;
    font-family: var(--ap-primary-font);
    font-size: var(--ap-button-text-size);
    line-height: 24px;
    position: relative; 
}
.ap-btn--primary .ap-btn__label{
    font-size: var(--ap-button-text-size);
}
.ap-table-filter .el-row.ap-table-filter-row button.is-plain.ap-btn--primary .ap-btn__label{
    font-size: var(--ap-content-font-size);
}
.ap-btn--primary:hover, .ap-btn--primary:focus{    
    background-color: var(--ap-primary-color-hover);
}

/* Button Second */
.ap-btn--second{
    padding: 19px 26px;
    font-weight: 500;
    font-family: var(--ap-primary-font);
    font-size: var(--ap-button-text-size);
    line-height: 24px;
    border-radius: var(--ap-radius-6px);
}
.ap-btn--second .ap-btn__label{
    font-size: var(--ap-button-text-size);
    color: var(--ap-dt-black-350);
}

.ap-btn--second:hover, .ap-btn--second:focus {
    background-color: unset;
    border-color: var(--ap-dt-black-350);
    outline: none;
}

.ap-btn--big .ap-btn__label{
    font-weight: 500;
    font-size: var(--ap-subtitle-font-size);
}
.ap-btn__icon{
    margin-right: 10px;
}
.ap-btn--primary .ap-btn__icon svg{
    fill: #ffffff;
}
.ap-form-control{
    font-size: var(--ap-content-font-size);
    line-height: 18px;
    font-weight: 400;
    color: var(--ap-content-color);
    font-family: var(--ap-primary-font);
}
.ap-form-control input:hover, .is-focus input,
.ap-form-control .el-textarea__inner:hover,
.el-date-picker__time-header .el-input .el-input__inner:hover{
    border-color: var(--ap-border-active-color);       
}
.ap-form-control input:focus,
.el-select.ap-form-control .el-input.is-focus .el-input__inner,
.el-select.ap-form-control .el-input__inner:focus,
.ap-form-control .el-textarea__inner:focus,
.el-date-picker__time-header .el-input .el-input__inner:focus{
    border-color: var(--ap-border-color);   
    border-width: 1px !important; 
}
.ap-form-control input::placeholder,
.ap-form-control .el-textarea__inner::placeholder,
.el-date-picker__time-header .el-input .el-input__inner::placeholder{
    color: var(--ap-placeholder-color);
    font-family: var(--ap-primary-font);
    font-size: var(--ap-place-holder-font-size) !important;
    font-weight: 400;
}
/* Placeholder applied */
.ap-form-control .el-textarea__inner{
    padding-top: 10px;
    padding-left: 15px;
}
.ap-form-control .el-input__inner::placeholder, .ap-form-control .el-textarea__inner::placeholder, .ap-form-control .el-range-input::placeholder, .ap-form-control .el-select__placeholder.is-transparent{
    color: var(--ap-placeholder-color);
    font-family: var(--ap-primary-font);
    font-size: var(--ap-content-font-size) !important;  
    font-weight: 400; 
}
/* Focus Style Added */
.ap-form-date-range-control.is-active:hover, .ap-form-date-range-control.is-active{
    box-shadow: 0 0 0 2px var(--ap-color-primary-light-7) inset; 
}
/* Active Border Color Added  */
.ap-form-date-picker-control .el-input__wrapper.is-focus, .ap-form-control .el-input__wrapper.is-focus, .ap-form-control .el-textarea__inner.is-focus, .el-range-editor.is-active,.ap-form-control--number .el-input__wrapper.is-focus, .ap-form-control .el-select__wrapper.is-focused, .el-range-editor.is-active{
    box-shadow: 0 0 0 2px var(--ap-color-primary-light-7) inset;
}
.ap-form-control.el-input.is-disabled input,
.ap-form-control input:disabled{
    background-color: var(--ap-gt-gray-100);
    border-color: var(--ap-border-color);
    color: var(--ap-placeholder-color);
    box-shadow: none;
}
.el-input:focus,.el-textarea__inner:focus{
    border-color: var(--ap-border-active-color);
}
.ap-form-label{
    font-size: var(--ap-field-label-size);
    line-height: 24px;
    font-weight: 400;
    /* margin-bottom: 6px; */
    display: block;
    color: var(--ap-label-color);
    position: relative;
    font-family: var(--ap-primary-font);
}
.el-select.ap-form-control{
    width: 100%;
}
.ap-form-control--number{
    width: 100% !important;
}
.ap-form-control--number .el-input-number__decrease,
.ap-form-control--number .el-input-number__increase{
    color: var(--ap-content-color);    
    background-color: transparent !important;
}
.ap-form-control--number .el-input-number__decrease{
    border-left: none !important;
    border-right: 1px solid var(--ap-field-border) !important;
}
.ap-form-control--number .el-input-number__increase{
    border-left: 1px solid var(--ap-field-border) !important;
}
.ap-form-control--number .el-input-number__decrease{
    left: 4px;
    border-right: none;
}
.ap-form-control--number .el-input-number__increase{
    right: 2px;
    border-left: none;
}
.ap-form-control--number .el-input-number__increase .el-icon-plus::before,
.ap-form-control--number .el-input-number__decrease .el-icon-minus:before{
    content: 'add';
    font-family: 'Material Icons Round';
    font-size: 16px;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    line-height: 2;
}
.ap-form-control--number .el-input-number__decrease .el-icon-minus:before{
    content: 'remove';
}


/*  SelectBox Style */
.el-select-dropdown .el-select-dropdown__list{
    padding: 12px 0 8px 0;
    text-align: left;
}
.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
    padding: 6px 16px;
    margin: 0 8px 4px 8px;
    height: auto;
    line-height: unset;
    border-radius: var(--ap-radius-4px);
    color: var(--ap-black-color);
    font-family: var(--ap-primary-font);
    font-weight: 400;
    position: relative;
}
.el-select-dropdown__wrap .el-select-dropdown__list .el-select-dropdown__item.is-selected {
    background-color: var(--ap-color-primary-light-10);
    color: var(--ap-primary-color);
    font-weight: 500;
}
.ap-form-control.el-date-editor.el-input{
    width: 100%;
}

/* File Upload Control ap-simple--file-upload */
.ap-simple--file-upload{
	padding: 7px 16px !important;
	height: auto !important;
	font-size: 14px !important;
	line-height: 16px !important;
	font-weight: normal !important;
	color: var(--ap-placeholder-color) !important;
	background-color: var(--ap-cl-white);
	border: 1px solid var(--ap-border-color);
	margin: 0 !important;
	border-radius: var(--ap-radius-6px) !important;
    font-family: var(--ap-primary-font) !important;
    width: 100%;
    max-width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ap-simple--file-upload:hover{
	border-color: var(--ap-border-color);
}
.ap-simple--file-upload:focus{
	border-color: var(--ap-border-color) !important;
	box-shadow: 0 0 0 3px rgba(184, 193, 211, 0.24);
}
.ap-simple--file-upload .ap-fu__placeholder{
	color: var(--ap-placeholder-color);
	font-size: var(--ap-place-holder-font-size);
	line-height: 16px;
	font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ap-simple--file-upload .ap-fu__btn{
	background: var(--ap-primary-color);
	color: var(--ap-cl-white);
	font-size: var(--ap-place-holder-font-size);
	line-height: 16px;
	padding: 4px 16px;
	border: 1px solid var(--ap-primary-color);
	border-radius: var(--ap-radius-6px);
}
.ap-simple--file-upload .ap-fu__btn:hover{
	background-color: var(--ap-primary-color-hover);
}
.el-upload-list{
    font-family: var(--ap-primary-font);
}
.el-select-group__wrap .el-select-group__title{
    font-family: var(--ap-primary-font);
    font-size: var(--ap-font-size-medium);
}
.ap-simple-upload-form-control, .ap-simple-upload-form-control .el-upload{
    width: 100%;
}
.ap-single-field__form .el-form-item{
    margin-bottom: 0;
}
.ap-single-field__form{
    margin-bottom: 12px;
}
.ap-checkbox-control .el-checkbox{
    margin-bottom: 18px;
}


/* New Input Style Applied Start */

/*
.ap-combine-field{
    border: 1px solid var(--ap-field-border);
    border-radius: var(--ap-field-radious);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.ap-combine-field .el-form-item__label, .ap-combine-field .ap-form-label{
    margin-bottom: 0px !important;
    color: var(--ap-label-color);
    font-size: var(--ap-font-size-medium);
}
.ap-combine-field .el-input__wrapper, .ap-combine-field .el-textarea__inner, .ap-combine-field .el-select__wrapper{
    box-shadow: none !important;
    border: none !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    font-size: var(--ap-place-holder-font-size);
}
.ap-combine-field .el-input__inner, .ap-combine-field .el-textarea__inner,.ap-combine-field .el-select__wrapper, .ap-combine-field .el-select__placeholder, .ap-combine-field .el-select__input{
    height: 18px;
    line-height: 17px;
    font-size: var(--ap-field-font-size) !important;
    color: var(--ap-black-color) !important;
    min-height: 15px !important;
}
.ap-combine-field .el-select__wrapper{
    height: auto;
    padding-right: 0px;
}
.ap-combine-field .el-select{
    height: 18px;
}
.ap-combine-field .el-input__wrapper{
    padding-right: 0px;
}
.ap-combine-field .el-select__wrapper{
    display: flex;
    align-items: center;
}
.ap-combine-field .el-select, .ap-combine-field .el-select__placeholder span{
    font-size: var(--ap-field-font-size) !important;
}

.ap-combine-field .el-textarea__inner{
    height: auto;
}
::placeholder{
    color: var(--ap-black-color) !important;
    font-size: var(--ap-field-font-size) !important;    
}
.el-select__placeholder{
    color: var(--ap-black-color) !important;
    font-size: var(--ap-field-font-size) !important;
}
.ap-combine-field .el-form-item.is-error .el-input__wrapper,
.ap-combine-field .el-form-item .el-input__wrapper.is-focus,
.ap-combine-field .el-form-item .el-input__wrapper:focus,
.ap-combine-field .el-form-item .el-input__wrapper:hover,
.ap-combine-field .el-form-item .el-select__wrapper,
.ap-combine-field .el-form-item .el-select__wrapper.is-focus,
.ap-combine-field .el-form-item .el-select__wrapper:focus,
.ap-combine-field .el-form-item .el-select__wrapper:hover,
.ap-combine-field .el-form-item .el-textarea__inner,
.ap-combine-field .el-form-item .el-textarea__inner.is-focus,
.ap-combine-field .el-form-item .el-textarea__inner:focus,
.ap-combine-field .el-form-item .el-textarea__inner:hover {
    box-shadow: unset !important;
    box-shadow: none !important;
    border: none !important;
}

.ap-combine-field .el-form-item.is-error .el-input__wrapper, 
.ap-combine-field .el-form-item.is-error .el-input__wrapper.is-focus, 
.ap-combine-field .el-form-item.is-error .el-input__wrapper:focus, 
.ap-combine-field .el-form-item.is-error .el-input__wrapper:hover, 
.ap-combine-field .el-form-item.is-error .el-select__wrapper, 
.ap-combine-field .el-form-item.is-error .el-select__wrapper.is-focus, 
.ap-combine-field .el-form-item.is-error .el-select__wrapper:focus, 
.ap-combine-field .el-form-item.is-error .el-select__wrapper:hover, 
.ap-combine-field .el-form-item.is-error .el-textarea__inner, 
.ap-combine-field .el-form-item.is-error .el-textarea__inner.is-focus, 
.ap-combine-field .el-form-item.is-error .el-textarea__inner:focus, 
.ap-combine-field .el-form-item.is-error .el-textarea__inner:hover{
    box-shadow: none !important;
    border: none !important;
}

.ap-combine-field .ap-form-control input:focus,
.ap-combine-field .el-select.ap-form-control .el-input.is-focus .el-input__inner,
.ap-combine-field .el-select.ap-form-control .el-input__inner:focus,
.ap-combine-field .ap-form-control .el-textarea__inner:focus,
.ap-combine-field .el-date-picker__time-header .el-input .el-input__inner:focus{
    box-shadow: unset !important;
    box-shadow: none !important;
    border: none !important; 
}
.ap-combine-field .el-form-item__error{
    margin-top: 15px;
}
.ap-combine-field:has(.el-input__inner:focus){
    
}
.is-error.ap-combine-field{
    border: 1px solid var(--ap-error-border);
}
*/

/* Add New Material Style Input Start Here */

::placeholder, .el-select__placeholder.is-transparent{
    color: var(--ap-placeholder-color) !important;
    font-size: var(--ap-field-font-size) !important;    
}
.el-select__placeholder{
    color: var(--ap-black-color) !important;
    font-size: var(--ap-content-font-size) !important;
}
.ap-combine-field {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}
.ap-combine-field label{
    /* position: absolute;
    left: 20px;
    top: -6px; */
    font-size: 14px;
    background: var(--ap-cl-white) ;
    z-index: 99;
    font-size: var(--ap-field-label-size);
    /*
    padding-left: 5px;
    padding-right: 5px;
    */
    color: var(--ap-label-color);
    /*margin-bottom: 0px !important;*/
    height: auto !important;
}
.ap-combine-field label .ap-form-label{ 
    font-size: var(--ap-field-label-size);
    color: var(--ap-field-label-color);
    margin-bottom: 12px;
    font-weight: 400;
    line-height: 24px;
}
.ap-combine-field .el-textarea__inner{
    padding-top: 12px;
}
.ap-table-filter-row{
    align-items: center !important;
}


.ap-combine-field-upload .ap-simple--file-upload{
    border: 1px dashed var(--ap-field-border) !important;
    height: 126px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ap-combine-field-upload .ap-fu__placeholder{
    display: flex;
    align-items: center;
    justify-content: center;    
}
.ap-combine-field-upload .ap-fu__icon{
    margin-right: 8px;
}
.ap-combine-field-upload .ap-fu__text{
    color: var(--ap-label-color);
}
.ap-combine-field-upload .el-form-item__error{
    margin-top: -2px !important;
}

/* Add New Material Style Input Over Here */


.ap-switch-new{
    border: 1px solid var(--ap-primary-color);
    border-radius: var(--ap-radius-5px);
    height: 30px;
}
.ap-switch-new .el-switch__label{
    padding-left: 14px;
    padding-right: 14px;
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-family: var(--ap-primary-font);
    font-size: var(--ap-medium-font-size) !important;  
    min-width: 40px;
    margin-bottom: 0px;
}
.ap-switch-new .el-switch__label *{
    font-size: var(--ap-button-text-size) !important;  
}
.ap-switch-new .el-switch__label.is-active{
    background-color: var(--ap-primary-color);
    color: var(--ap-cl-white);
}
.ap-switch-new .el-switch__label--left{
    border-top-left-radius: var(--ap-radius-small);
    border-bottom-left-radius: var(--ap-radius-small);
}
.ap-switch-new .el-switch__label--right{
    border-top-right-radius: var(--ap-radius-small);
    border-bottom-right-radius: var(--ap-radius-small);
}
.ap-switch-new .el-switch__core{
    display: none;
}
.ap-dlt__body .ap-single-field__form {
    margin-top: 18px !important;
}

/*
.ap-combine-field .ap-form-control input:focus::placeholder, .ap-combine-field .ap-form-control .el-textarea__inner:focus::placeholder{
    opacity: 0;
}
.ap-combine-field-search:focus-within .el-select__placeholder{
    opacity: 0;
}
*/

.ap-form-control--number .el-input-number__decrease{
    
}

.el-input{
    color: var(--ap-content-color);
}

.ap-form-control input[type=color], .ap-form-control input[type=date],.ap-form-control input[type=datetime-local],.ap-form-control input[type=datetime],.ap-form-control input[type=email],.ap-form-control input[type=month],.ap-form-control input[type=number],.ap-form-control input[type=password],.ap-form-control input[type=search],.ap-form-control input[type=tel],.ap-form-control input[type=text],.ap-form-control input[type=time],.ap-form-control input[type=url],.ap-form-control input[type=week], .ap-form-control select, .ap-form-control textarea, .ap-form-control--number input[type=number]{
    color: var(--ap-content-color);
}
.el-date-editor{
    font-family: var(--ap-primary-font);
}
/* New Input Style Applied Over */
.ap-combine-field .is-disabled .el-input-group__prepend, .ap-form-control.el-input.is-disabled input, .ap-form-control input:disabled{
    -webkit-text-fill-color:  var(--ap-disable-color) !important;
    color: var(--ap-disable-color);
}
/* 
.ap-combine-field-disable .ap-form-label{
    color: var(--ap-disable-color) !important; 
} 
.ap-combine-field label .is-disabled + .ap-form-label{
    color: var(--ap-disable-color) !important;
}
.ap-combine-field .is-disabled .ap-form-label {
    color: var(--ap-disable-color);
}
*/
.ap-combine-field-disable .ap-form-control.el-input-group--prepend .el-input__wrapper {
    box-shadow: inset -1px 0 0 0 var(--ap-disable-border, var(--ap-disable-border)), inset 0 1px 0 0 var(--ap-disable-border, var(--ap-disable-border)), inset 0 -1px 0 0 var(--ap-disable-border, var(--ap-disable-border)), inset 0 0 0 0 var(--ap-disable-border, var(--ap-disable-border)) !important;
    padding-left: 10px;
    -webkit-text-fill-color:  var(--ap-disable-color) !important;
}
.ap-combine-field-disable .ap-form-control.el-input-group--prepend .el-input-group__prepend::after{
    background-color: var(--ap-disable-border);
}
.ap-combine-field-disable .el-select__placeholder, .ap-combine-field-disable .ap-form-control .el-icon{
    color: var(--ap-disable-color) !important;
}
.ap-combine-field-disable .ap-form-date-picker-control .el-input__prefix .el-input__icon::before{
    opacity: 0.5;
}

.ap-color-option .ap-color-label{
    margin-left: 10px;
    font-family: var(--ap-primary-font);
    color: var(--ap-content-color);
    font-size: var(--ap-subtitle-font-size);
}


/* Media Query For Date Range Picker */
@media (max-width: 767px) {
    .ap-date-range-picker-widget-wrapper .el-date-range-picker{
        min-width: 100%;
        width: 85%;
    }
    .ap-date-range-picker-widget-wrapper{
        width: 85%;
    }
    .ap-date-range-picker-widget-wrapper .el-picker-panel__body{
        min-width: 100%;
    }    
}
@media (max-width: 500px) {
    .ap-date-range-picker-widget-wrapper .el-date-range-picker__content {
        width: 100%;
        float: none;
    }
}