.input-field-label{position:relative;flex-direction:column;display:flex;justify-content:start;align-items:start}.input-field-label input{border:2px solid #cecece;border-radius:8px;outline:none;width:100%;padding:12px 20px;font-size:16px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear}.input-field-label input:focus{border:2px solid var(--custom-color)}.input-field-label input::-moz-placeholder{color:transparent}.input-field-label input::placeholder{color:transparent}.input-field-label label{pointer-events:none;position:absolute;top:calc(50% - 13px);left:12px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;background-color:#fff;color:#00000099;font-size:16px;padding:0 5px;box-sizing:border-box}.input-field-label input:required:invalid+label{color:red}.input-field-label input:focus:required:invalid{border:2px solid red}.input-field-label input.error{border:2px solid red;padding:23px 20px}.input-field-label input:focus.error{border:2px solid red}.input-field-label input:required:invalid+label:before{content:"*"}.input-field-label input:not(:-moz-placeholder-shown)+label{font-size:13px;top:-9px;color:var(--custom-color)}.input-field-label input:focus+label,.input-field-label input:not(:placeholder-shown)+label{font-size:13px;top:-9px;color:var(--custom-color)}.select-field{position:relative}.select-field:after{content:"";position:absolute;right:15px;top:67%;transform:translateY(-50%);width:10px;height:10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 5,5 10,0" fill="%23696969"/></svg>') no-repeat 50%;pointer-events:none}.select-field select{-webkit-appearance:none;-moz-appearance:none;border:2px solid #cecece;border-radius:8px;outline:none;min-width:100%;padding:12px 20px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;appearance:none;font-family:Sarabun;font-size:16px;font-weight:400;line-height:23px;text-align:left;background:none}.select-field select:focus{border:2px solid var(--custom-color);box-shadow:none}.select-field label{pointer-events:none;position:absolute;top:calc(50% - 8px);left:12px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;background-color:#fff;padding:5px;box-sizing:border-box;z-index:1}.select-field select:not(:-moz-placeholder-shown)+label{font-size:13px;top:-14px;color:var(--custom-color)}.select-field select:focus+label,.select-field select:not(:placeholder-shown)+label{font-size:13px;top:-14px;color:var(--custom-color)}.select-field .error{margin-top:5px}.select-field .error p{color:red}.input-field-sm-label{position:relative}.input-field-sm-label input{border:2px solid #cecece;border-radius:8px;outline:none;width:100%;padding:12px 20px;font-size:16px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear}.input-field-sm-label input:focus{border:2px solid var(--custom-color)}.input-field-sm-label input::-moz-placeholder{color:transparent}.input-field-sm-label input::placeholder{color:transparent}.input-field-sm-label label{pointer-events:none;position:absolute;top:calc(50% - 13px);left:12px;transition:all .1s linear;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;background-color:#fff;color:#00000099;font-size:16px;padding:0 5px;box-sizing:border-box}.input-field-sm-label input:required:invalid+label{color:red}.input-field-sm-label input:focus:required:invalid{border:2px solid red}.input-field-sm-label input:required:invalid+label:before{content:"*"}.input-field-sm-label input.error{border:2px solid red;padding:23px 20px}.input-field-sm-label input:not(:-moz-placeholder-shown)+label{font-size:13px;top:-10px;color:var(--custom-color)}.input-field-sm-label input:focus+label,.input-field-sm-label input:not(:placeholder-shown)+label{font-size:13px;top:-10px;color:var(--custom-color)}.select-sm-field{position:relative}.select-sm-field:after{content:"";position:absolute;right:15px;top:57%;transform:translateY(-50%);width:10px;height:10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 5,5 10,0" fill="%23696969"/></svg>') no-repeat 50%;pointer-events:none}.select-sm-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #cecece;border-radius:8px;min-width:100%;padding:12px 20px;font-size:16px;transition:all .1s linear;font-family:Sarabun;font-weight:400;line-height:23px;text-align:left;background:none;box-shadow:none;outline:none}.select-sm-field select:focus{border:2px solid var(--custom-color);box-shadow:none;outline:none}.select-sm-field label{pointer-events:none;position:absolute;top:calc(50% - 8px);left:13px;transition:all .1s linear;background-color:#fff;box-sizing:border-box;z-index:1;padding:5px}.select-sm-field select:not(:-moz-placeholder-shown)+label{font-size:13px;top:-14px;color:var(--custom-color)}.select-sm-field select:focus+label,.select-sm-field select:not(:placeholder-shown)+label{font-size:13px;top:-14px;color:var(--custom-color)}.select-sm-field .error p{color:red}.select-sm-field select.error{color:#000;height:100%;border:2px solid red;padding:12px 20px}.select-sm-field:after select.error{top:41%}.select-custom-field{position:relative;cursor:pointer}.select-custom-field:after{content:"";position:absolute;right:15px;top:57%;transform:translateY(-50%) rotate(0deg);width:10px;height:10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 5,5 10,0" fill="%23696969"/></svg>') no-repeat 50%;pointer-events:none;z-index:2;transition:transform .2s ease}.select-custom-dropdown-data.select-custom-dropdown-open.select-custom-field:after{transform:translateY(-50%) rotate(180deg);top:46%}.select-custom-dropdown-data label{pointer-events:none;position:absolute;top:calc(50% - 12px);left:12px;font-size:15px;color:#00000099;background-color:#fff;padding:0 5px;transition:all .1s linear;z-index:1}.select-custom-dropdown-data .select-custom-dropdown-display{border:2px solid #cecece;border-radius:8px;background:transparent;font-size:15px;padding:12px 40px 12px 20px;font-family:Sarabun;color:#000;line-height:23px;transition:all .2s ease;height:52px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-custom-dropdown-data.filled .select-custom-dropdown-display{padding:12px 40px 12px 20px}.select-custom-dropdown-data.select-custom-dropdown-open .select-custom-dropdown-display{border-color:var(--custom-color)}.select-custom-dropdown-data .select-custom-dropdown-display.error{border-color:red}.select-custom-field.error .select-custom-dropdown-display{border:2px solid red;margin-bottom:10px}.select-custom-dropdown-data.filled label,.select-custom-dropdown-data.select-custom-dropdown-open label{top:-10px;font-size:13px;color:var(--custom-color)}.select-custom-dropdown-options{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;border:1px solid #cecece;border-radius:8px;background-color:#fff;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,.1);font-size:15px;padding:0;list-style:none;scrollbar-width:none;-ms-overflow-style:none}.select-custom-dropdown-options::-webkit-scrollbar{display:none}.select-custom-dropdown-options li{padding:10px 20px;cursor:pointer;transition:background .2s}.select-custom-dropdown-options li:hover{background-color:#f0f0f0}.filter-custom-field{position:relative;cursor:pointer}.filter-custom-field:after{content:"";position:absolute;right:15px;top:57%;transform:translateY(-50%) rotate(0deg);width:10px;height:10px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 5,5 10,0" fill="%23696969"/></svg>') no-repeat 50%;pointer-events:none;z-index:2;transition:transform .2s ease}.filter-custom-dropdown-data.filter-custom-dropdown-open.filter-custom-field:after{transform:translateY(-50%) rotate(180deg);top:46%}.filter-custom-dropdown-data .filter-custom-dropdown-display{border-radius:8px;background:#fff;font-size:15px;padding:12px 40px 12px 20px;font-family:Sarabun;color:#000;line-height:23px;transition:all .2s ease;height:48px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-custom-dropdown-data.filled .filter-custom-dropdown-display{padding:12px 40px 12px 20px}.filter-custom-dropdown-data.filter-custom-dropdown-open .filter-custom-dropdown-display{border-color:var(--custom-color)}.filter-custom-dropdown-data.filled label,.filter-custom-dropdown-data.filter-custom-dropdown-open label{top:-10px;font-size:13px;color:var(--custom-color)}.filter-custom-dropdown-options{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;border-radius:8px;background-color:#fff;z-index:10;box-shadow:0 4px 10px rgba(0,0,0,.1);font-size:15px;padding:0;list-style:none;margin-top:6px;scrollbar-width:none;-ms-overflow-style:none}.filter-custom-dropdown-options::-webkit-scrollbar{display:none}.filter-custom-dropdown-options li{padding:10px 20px;cursor:pointer;transition:background .2s}.filter-custom-dropdown-options li:hover{background-color:#f0f0f0}.select-country-field{position:relative;padding-top:10px;font-family:Sarabun}.form-control,.select-country-field select{border:2px solid #cecece;border-radius:8px;outline:none;min-width:100%;padding:12px 20px;font-size:16px;transition:all .1s linear;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Sarabun;font-weight:400;line-height:23px;text-align:left}.form-control:focus,.select-country-field select:focus{border:2px solid var(--custom-color)}.select-country-field label{pointer-events:none;position:absolute;top:0;left:15px;font-size:13px;color:var(--custom-color);transition:all .1s linear;background-color:#fff;padding:0 5px;z-index:1}.select-country-field select:not(:-moz-placeholder-shown)+label{font-size:13px;top:0;color:var(--custom-color)}.form-control:focus+label,.select-country-field select:focus+label,.select-country-field select:not(:placeholder-shown)+label{font-size:13px;top:0;color:var(--custom-color)}.select-country-field .error{margin-top:5px}.select-country-field .error p{color:red}.label-responsive .input-field-label label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.label-responsive .input-field-label label:hover{white-space:normal;overflow:visible;background:rgba(0,0,0,.8);color:#fff;position:absolute;z-index:1000}@media (min-width:767px) and (max-width:1186px){.label-sm-responsive .input-field-sm-label label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.label-sm-responsive .input-field-sm-label label:hover{white-space:normal;overflow:visible;background:rgba(0,0,0,.8);color:#fff;position:absolute;z-index:1000}.select-sm-responsive .select-sm-field{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.select-sm-responsive .select-sm-field label:hover{white-space:normal;overflow:visible;background:rgba(0,0,0,.8);color:#fff;position:absolute;z-index:1000}}.sticky-actions{position:sticky;right:-12px;background:#fff!important;z-index:2}.sticky-actions-header{position:sticky;right:-12px;background:var(--custom-table-thead-color)!important;z-index:3}tr.active .sticky-actions,tr:hover .sticky-actions{background:#f8f8f8!important}