.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)}.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-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}.btn-primary{background:linear-gradient(to bottom,var(--custom-color),var(--custom-color))!important;color:#fff!important;border:1px solid var(--custom-color)!important;cursor:pointer!important;border-radius:5px!important;box-shadow:none!important}.btn-primary:active,.btn-primary:hover{background:linear-gradient(to bottom,var(--custom-color) 0,var(--custom-btn-hover-color) 100%)!important;border-color:var(--custom-btn-hover-color)!important;color:#fff!important;box-shadow:none!important}.btn-primary:focus{outline:none!important;box-shadow:none!important}.btn-secondary{background:#fff!important;color:#333!important;cursor:pointer!important;border:1px solid #d9d9d9!important;border-radius:5px!important;box-shadow:none!important}.btn-secondary:active,.btn-secondary:hover{background:linear-gradient(180deg,#fff 0,#e5e5e5)!important;color:#333!important;border:1px solid #d9d9d9!important;box-shadow:none!important}.btn-secondary:focus{outline:none!important;box-shadow:none!important}.page-link{color:var(--custom-color);padding:0;background:transparent}.page-item.active .page-link,.page-link{border-color:var(--custom-color)!important}.page-item.active .page-link{color:#fff!important;background:linear-gradient(to bottom,var(--custom-color),var(--custom-color))!important;box-shadow:none!important;outline:none!important}.page-item.active .page-link:hover{color:#fff!important;background:linear-gradient(to bottom,var(--custom-color) 0,var(--custom-btn-hover-color) 100%)!important;border-color:var(--custom-btn-hover-color)!important}.num-btn{width:35px;height:40px;display:flex;border-radius:5px;border:1px solid var(--custom-color);color:var(--custom-color);background:#fff;transition:all .3s ease}.num-btn,.num-btn:active,.num-btn:hover{align-items:center;justify-content:center}.num-btn:active,.num-btn:hover{color:#fff!important;background:linear-gradient(to bottom,var(--custom-color) 0,var(--custom-btn-hover-color) 100%)!important;box-shadow:none!important;outline:none!important}.nonActive{border:1px solid #efefef}.pagination-arrow{background:linear-gradient(to bottom,var(--custom-color),var(--custom-color))!important;color:#fff!important;border:1px solid var(--custom-color)!important;cursor:pointer!important;border-radius:5px!important;box-shadow:none!important;width:35px;height:40px;display:flex;align-items:center;justify-content:center;padding-top:2px}.pagination-arrow:active,.pagination-arrow:hover{background:linear-gradient(to bottom,var(--custom-color) 0,var(--custom-btn-hover-color) 100%)!important;border-color:var(--custom-btn-hover-color)!important;color:#fff!important;box-shadow:none!important}.pagination-arrow:focus{outline:none!important;box-shadow:none!important}