dwt 18.1.2-beta → 18.2.0

package/dist/types/Dynamsoft.Enum.d.ts

@@ -1869,11 +1869,40 @@ export namespace DynamsoftEnumsDWT {
 	}
 	enum EnumDWT_DeviceType{
 		TWAINSCANNER = 0x10, 
-		WIATWAINSCANNER = 0x20,
+		WIASCANNER = 0x20,
 		TWAINX64SCANNER = 0x40,
 		ICASCANNER = 0x80,
 		SANESCANNER = 0x100,
 		ESCLSCANNER = 0x200,
-		WIFIDIRECTSCANNER = 0x400
+		WIFIDIRECTSCANNER = 0x400,
+		WIATWAINSCANNER = 0x800
 	}	
+	enum EnumDWT_ImageFormatType{
+		url = 0,  
+		blob = 1,
+		base64 = 2
+	}
+	enum EnumDWT_ResponseType{
+		text = 0,  
+		blob = 1,
+		arraybuffer = 2,
+		xml = 3,
+		json = 4
+	}
+	enum EnumDWT_WorkMode{
+		normal = 0, // old mode, the image is processed at the server and then displayed in viewer    
+		balance = 1, //new mode, the image is processed in canvas and then updated to the server
+	}
+	enum EnumPDF_Page{
+		Page_Default = 0,
+		Page_Custom = 1,
+		Page_A4 = 2,
+		Page_A4_Reverse = 3,
+		Page_A3 = 4,
+		Page_A3_Reverse = 5,
+		Page_Letter = 6,
+		Page_Letter_Reverse = 7,
+		Page_Legal = 8,
+		Page_Legal_Reverse = 9
+	}
 }

package/dist/types/Dynamsoft.d.ts

@@ -3,6 +3,7 @@ import { DynamsoftEnumsDWT} from "./Dynamsoft.Enum";
 import { WebTwain } from "./WebTwain";
 import { Settings } from "./Addon.OCRPro";
 import { FileUploader } from "./Dynamsoft.FileUploader";
+import { RemoteScanObject } from "./RemoteScan";
 import { DeviceConfiguration, ServiceInfo, Device, CapabilityDetails, Capabilities} from "./WebTwain.Acquire";
 
 export namespace DynamsoftStatic {
@@ -275,15 +276,15 @@ export interface DWTPro {
      */
     DeleteDWTObject(Id: string): boolean;
     /**
-     * Return the WebTwain instance specified by its ContainerId. If no parameter is provided, the first valid WebTwain instance is returnd.
-     * @param ContainerId The ContainerId.
+     * Return the WebTwain instance specified by its ContainerId or WebTwainId. If no parameter is provided, the first valid WebTwain instance is returnd.
+     * @param ContainerIdOrWebTwainId The ContainerId or WebTwainId.
      */
-    GetWebTwain(ContainerId?: string): WebTwain;
+    GetWebTwain(ContainerIdOrWebTwainId?: string): WebTwain;
     /**
-     * Return the WebTwain instance specified by its WebTwainId. If no parameter is provided, the first valid WebTwain instance is returnd.
-     * @param WebTwainId The WebTwainId.
+     * Return the WebTwain instance specified by its ContainerId or WebTwainId. If no parameter is provided, the first valid WebTwain instance is returnd.
+     * @param ContainerIdOrWebTwainId The ContainerId or WebTwainId.
      */
-    GetWebTwainEx(WebTwainId?: string): WebTwain;
+    GetWebTwainEx(ContainerIdOrWebTwainId?: string): WebTwain;
 	/**
      * Download and update the certificate on the local system.
      * @param url The URL to download the certificate (typically a ZIP file).
@@ -439,24 +440,11 @@ export interface DWTPro {
      * Dynamsoft.DWT.DeviceFriendlyName 
      */
 	DeviceFriendlyName: string;
-    /**
-     * Bring up the Source Selection User Interface (UI) for the user to choose a data source.
-     * @param serverUrl The URL of the proxy server: https(http)://domain_name:port (default: 443).
-     * @param forceRefresh Default value: false.
-     */
-	FindDynamsoftServiceAsync(serverUrl: string, forceRefresh?: boolean): Promise<ServiceInfo[]>;  
-    /**
-     * Based on serviceInfo, return the existing DWObject if already exists, otherwise, create a new one.
-     * @param serverUrl The proxy server url or the serviceInfo.
-     * @param deviceType The value to filter scanners. Default: TWAINSCANNER
-     * @param forceRefresh Default value: false.
-     */
-	FindDevicesAsync(serverUrl: string | ServiceInfo, deviceType?: DynamsoftEnumsDWT.EnumDWT_DeviceType | number, forceRefresh?: boolean): Promise<Device[]>; 
     /**
      * Based on serviceInfo, return the existing object if already exists, otherwise, create a new one.
-     * @param serviceInfo The service information.
+     * @param serverUrl The URL of the proxy server: https(http)://domain_name:port (default: 443).
      */
-	CreateRemoteScanObjectAsync(serviceInfo: ServiceInfo): Promise<RemoteScanObject>;
+	CreateRemoteScanObjectAsync(serverUrl: string): Promise<RemoteScanObject>;
 	/**
      * Dynamsoft.DWT.ConnectWithSocket 
      */
@@ -538,63 +526,18 @@ export interface WasmConfig {
 	fetchOptions: any;
 }
 export interface DWTInstall {
-    funcConfirmRemove?: () => Promise<boolean>;  
-	funcConfirmExit?: (bExistImage: boolean) => Promise<boolean>;
-	funcConfirmExitAfterSave?: (firedByDocumentEdit: boolean) => void;
-	funcConfirmCropViewerExit?: (bChanged: boolean, previousViewerName: string) => Promise<Number | DynamsoftEnumsDWT.EnumDWT_ConfirmExitType>;
-	funcConfirmMainViewerExit?: (bChanged: boolean, previousViewerName: string) => Promise<Number | DynamsoftEnumsDWT.EnumDWT_ConfirmExitType>;
-
-    OnLTSConnectionFailure?: (message?: string) => void;
-	OnLTSReturnedAnError?: (message?: string) => void;
-	OnLTSUUIDError?: (message?: string) => void;
+	OnWebTwainNotFoundOnWindowsCallback?: (...arg: any[]) => void;
+	OnWebTwainNotFoundOnLinuxCallback?: (...arg: any[]) => void;
+	OnWebTwainNotFoundOnMacCallback?: (...arg: any[]) => void;
+	OnWebTwainNotFoundOnAndroidCallback?: (...arg: any[]) => void;
+	OnMobileNotSupportCallback?: () => void;
+	OnHTTPCorsError?: (msg?: string) => void;
+	OnWebTwainNeedUpgradeCallback?: (...arg: any[]) => void;
+	OnLTSLicenseError?: (message?: string, code?: number) => void;
 	OnLTSConnectionWarning?: () => void;
-	OnLTSPublicLicenseMessage?: (message?: string) => void;
-}
-export interface RemoteScanObject {
-	/**
-     * Return all available devices (scanners, eSCL scanners, etc.) for the device type (if specified)
-     * @param deviceType The device type
-     * @param refresh Default value: false
-     */
-	getDevices(deviceType?: DynamsoftEnumsDWT.EnumDWT_DeviceType | number, refresh?: boolean): Promise<Device[]>; 
-    /**
-     * Select the device to use for scanning
-     * @param device the device 
-     */
-	selectDevice(device: Device): Promise<boolean>; 
-    /**
-     * Scan documents into another DWObject control. Supports eSCL scanners and all other scanners with limited capabilities.
-     * @param deviceConfiguration The device configuration
-     * @param sendTo The DWObject control to scan into
-     */
-	acquireImage(deviceConfiguration?: DeviceConfiguration, sendTo?: WebTwain): Promise<boolean>; 
-    /**
-     * Close the data source (a TWAIN/ICA/SANE device which in most cases is a scanner) to free it to be used by other applications.
-     */
-	closeSource(): Promise<boolean>; 
-    /**
-     * Bring up the Source Selection User Interface (UI) for the user to choose a data source.
-     * @param deviceType The device type. 
-     */
-	selectSource(deviceType?: DynamsoftEnumsDWT.EnumDWT_DeviceType | number): Promise<number>;
-    /**
-     * Gets detailed information about all capabilities of the current data source.
-     * @argument capabilityDetails Detailed information about the specified capabilities.
-     */
-	getCapabilities():Promise<CapabilityDetails[]>;
-    /**
-     * Sets up one or multiple capabilities in one call.
-     * @param capabilities A object that describes how to set capabilities.
-     */
-	setCapabilities(capabilities: Capabilities): Promise<boolean>;
-    /**
-     * Load a data source to get it ready to acquire images.
-     */
-	openSource():Promise<boolean>;
-    /**
-     * Delete the Remote Scan Object.
-     */
-    dispose(): boolean;
+	OnLTSPublicLicenseWarning?: (message?: string) => void;
+	OnLicenseExpiredWarning?: (...arg: any[]) => void;
+	OnLicenseError?: (message?: string, errorCode?: number) => void;
 }
 declare const Dynamsoft: (DWTInstall & typeof DynamsoftStatic);
 //declare const Dynamsoft: (typeof DynamsoftStatic);

package/dist/types/RemoteScan.Viewer.d.ts

@@ -0,0 +1,42 @@
+import { WebTwainAcquire } from "./WebTwain.Acquire";
+import { DynamsoftEnumsDWT } from "./Dynamsoft.Enum";
+import { DynamsoftViewer } from "./WebTwain.Viewer";
+
+export interface RemoteScanViewer extends DynamsoftViewer {
+	/**
+ 	* Return the indices of the selected images.
+ 	*/
+	readonly selectedImagesIndices: number[];
+	/**
+ 	* Crop the specified image using the specified coordinates.
+	*/
+	crop(index: number, rect: rect): Promise<void>;
+	/**
+ 	* Rotate the specified image by the specified angle.
+ 	* @param index Specify the image.
+ 	* @param angle Specify the angle.
+ 	* @param keepSize Whether to keep the original size.
+	*/
+	rotate(index: number, angle: number, keepSize: boolean): Promise<void>;
+	/**
+     * Return the error code.
+     */
+    readonly errorCode: number;
+    /**
+     * Return the error string.
+     */
+    readonly errorString: string;
+}
+
+export interface rect{
+    // The index of the selected area. The index is 0-based. This is useful when you have multiple selected areas on one page.
+    index?: number;
+    // The x-coordinate of the upper-left corner of the area.
+    x: number;
+    // The y-coordinate of the upper-left corner of the area.
+    y: number;
+    // The width of the selected area.
+    width: number;
+    // The height of the selected area.
+    height: number;
+}

package/dist/types/RemoteScan.d.ts

@@ -0,0 +1,155 @@
+import { DynamsoftEnumsDWT} from "./Dynamsoft.Enum";
+import { WebTwain } from "./WebTwain";
+import { DeviceConfiguration, ServiceInfo, Device, CapabilityDetails, Capabilities} from "./WebTwain.Acquire";
+import { RemoteScanViewer } from "./RemoteScan.Viewer";
+
+export interface RemoteScanObject {
+	/**
+	* Return how many images are held in the buffer
+	*/
+	readonly howManyImagesInBuffer: number;
+	/**
+	* Return the index of the current image in the buffer or set the image specified by index as the current image.
+	*/
+	currentImageIndexInBuffer: number;
+    /**
+    * Whether to show a progress bar when outputting. The default value is ture.
+    */
+	showProgressBar:boolean;
+	/**
+     * Return all available devices (scanners, eSCL scanners, etc.) for the device type (if specified)
+     * @param deviceType The device type
+     * @param refresh Default value: false
+     */
+	getDevices(deviceQueryParams?:{serviceInfo?:ServiceInfo, deviceType?: DynamsoftEnumsDWT.EnumDWT_DeviceType | number, refresh?:boolean}): Promise<Device[]>;
+    /**
+     * Scan documents into another DWObject control. Supports eSCL scanners and all other scanners with limited capabilities.
+     * @param device the device
+	 * @param deviceConfiguration The device configuration
+     */
+	acquireImage(device: Device, deviceConfiguration?: DeviceConfiguration): Promise<void>;
+    /**
+     * Close the data source (a TWAIN/ICA/SANE device which in most cases is a scanner) to free it to be used by other applications.
+     * @param device the device
+	 */
+	closeSource(device: Device): Promise<void>;
+    /**
+     * Gets detailed information about all capabilities of the current data source.
+	 * @param device the device
+     * @argument capabilityDetails Detailed information about the specified capabilities.
+     */
+	getCapabilities(device: Device):Promise<CapabilityDetails[]>;
+    /**
+     * Sets up one or multiple capabilities in one call.
+	 * @param device the device
+     * @param capabilities A object that describes how to set capabilities.
+     */
+	setCapabilities(device: Device, capabilities: Capabilities): Promise<void>;
+    /**
+     * Delete the Remote Scan Object.
+     */
+    dispose(): boolean;
+	/**
+     * Remote Scan Object's Viewer.
+     */
+	Viewer: RemoteScanViewer;
+	/**
+     * @param forceRefresh Default value: false.
+     */
+	getDynamsoftService(forceRefresh?: boolean): Promise<ServiceInfo[]>;
+	/**
+     * Set the default dynamsoftService for storing the data
+     */
+	setDefaultDynamsoftService(serviceInfo:ServiceInfo):Promise<void>;
+	/**
+     * Get the default dynamsoftService.
+     */
+	getDefaultDynamsoftService():ServiceInfo|null;
+	/**
+     * Get image(s) form dynamsoftService.
+	 * @param indices Specify the image(s).
+	 * @param type The format of the file.
+	 * @param imageFormatType The result format of the file.
+     */
+	getImages(
+		indices: number[],
+		type: DynamsoftEnumsDWT.EnumDWT_ImageType,
+		imageFormatType:DynamsoftEnumsDWT.EnumDWT_ImageFormatType):Promise< Blob|string>;
+    /**
+     * Upload the specified image(s) via a HTTP Post.
+     * @param URL The server-side script to receive the post.
+     * @param indices Specify the image(s).
+     * @param type The format of the file.
+     * @param dataFormat Whether to upload the file as binary or a base64 string.
+     * @param fileName The file name.
+     * @argument response The response value.
+     */
+	httpUpload(
+		URL: string,
+		indices: number[],
+		type: DynamsoftEnumsDWT.EnumDWT_ImageType | number,
+		dataFormat: DynamsoftEnumsDWT.EnumDWT_UploadDataFormat | number,
+		fileName: string,
+		optionConfig?:{
+			//'blob', 'arraybuffer', 'text', 'xml', 'json', default: 'text'
+			responseType?: DynamsoftEnumsDWT.EnumDWT_ResponseType,
+			formFields?:[{
+				name: string,
+				value: Blob | string,
+				fileName ? : string
+			}],
+			headers?:[{
+				name: string,
+				value: string
+			}]
+		}
+	): Promise<any>;
+	/**
+     * Save the specified image(s).
+     * @param fileName The name to save to.
+     * @param indices Specify the image(s).
+     * @param type The format of the file.
+     */
+	saveImages(fileName: string, indices: number[], type: DynamsoftEnumsDWT.EnumDWT_ImageType):Promise<void>;
+	/**
+	* Remove the specified image.
+	* @param indices Specify the image.
+	*/
+	removeImages(indices: number[]): Promise<void>;
+	/**
+	* Specify an event listener for the specified built-in event.
+	* @param name Specify the event
+	* @param callback The event listener
+	*/
+	registerEvent(name: string, callback: (...arg: any[]) => void): boolean;
+	/**
+	* Remove an event listener from the specified built-in event.
+	* @param name Specify the event
+	* @param callback The event listener
+	*/
+	unregisterEvent(name: string, callback?: (...arg: any[]) => void): boolean;
+    /**
+     * Set the log level for debugging.
+     */
+	setLogLevel(value: number): boolean;
+    /**
+     * Gets custom DS data and returns it in a base64 string.
+     */
+	getProfile(device: Device): Promise<string>;
+    /**
+     * Set custom data source data to be used for scanning, the input is a base64 string.
+	 * @param dsDataString The string that contains custom data source data.
+     */
+	setProfile(device: Device, dsDataString: string): Promise<void>;
+	/**
+	 * Return the index of an image specified by the imageId.
+	 * @param imageId The imageId of the image.
+	 */
+	imageIDToIndex(imageId: number): number;
+	/**
+	* Return the imageId of an image specified by the index.
+	* @param index The index of the image.
+	*/
+	indexToImageID(index: number): number;
+}
+

package/dist/types/WebTwain.Acquire.d.ts

@@ -629,7 +629,8 @@ export interface WebTwainAcquire extends WebTwainEdit {
     SetCapItemsString(index: number, newVal: string): void;
 }
 export interface DeviceConfiguration {
-    /**
+    PageSize?: DynamsoftEnumsDWT.EnumDWT_CapSupportedSizes | number;
+	/**
      * Whether to show the built-in User Interface from the device vendor
      */
     IfShowUI?: boolean;
@@ -669,21 +670,12 @@ export interface DeviceConfiguration {
      * How much extended information is retrieved. Only valid when {IfGetExtImageInfo} is true.
      */
     extendedImageInfoQueryLevel?: DynamsoftEnumsDWT.EnumDWT_ExtImageInfo | number;
-	 /**
-     * Whether to simulate the manufacturer's UI inside the client-side browser (only effective when IfShowUI is true).
-     * (Added in 16.2)
-     */
-    RemoteScan?:boolean;
-    /**
-     * Whether to simulate the manufacturer's UI inside the client-side browser (only effective when IfShowUI and RemoteScan are both true and the WebTwain instance doing the scan has no viewer of its own).
-     * (Added in 16.2)
-     */
-    ShowRemoteScanUI?:boolean;
     /**
      * Specify a source by its index.
      * (Added in 16.2)
      */
     SelectSourceByIndex?: number;
+	[key:string]: any;
 }
 export interface SourceDetails {
     /**
@@ -1099,5 +1091,4 @@ export interface Device {
 	deviceType: DynamsoftEnumsDWT.EnumDWT_DeviceType;
 	serviceInfo?: ServiceInfo;
 	deviceInfo?: any;
-	acquireImage(deviceConfiguration: DeviceConfiguration | null, sendTo: WebTwain): Promise< boolean>;
 }

package/dist/types/WebTwain.IO.d.ts

@@ -925,6 +925,13 @@ export interface WebTwainIO extends WebTwainUtil {
      * @param cookie The cookie.
      */
     SetCookie(cookie: string): boolean;
+	/**
+     * Share the specified image(s) for Android. This function is only for Android.
+     * @param fileName The name to save to.
+     * @param indices Specify the image(s).
+     * @param type The format of the file.
+     */
+	ShareImages(fileName: string, indices: number[], type: DynamsoftEnumsDWT.EnumDWT_ImageType):Promise<void>;
 }
 export interface Base64Result {
     /**

package/dist/types/WebTwain.Util.d.ts

@@ -100,3 +100,44 @@ export interface Authorization {
      */
     Detail: any;
 }
+
+export interface BufferChangeInfo {
+    /**
+     * Action type includes 'add', 'remove', 'modify', 'shift' and 'filter'
+     */
+    action: string;
+    /**
+     * The image id (not the index) of the current page.
+     */
+    currentId: number;
+    /**
+     * All image ids.
+     */
+    imageIds: number[];
+    /**
+     * All selected image ids.
+     */
+    selectedIds: number[];
+}
+
+export interface OutputInfo {
+  /**
+   * Id of the image if it's transferred to the buffer.
+   */
+  imageId?: number;
+  /**
+   * Path of the image if it's transferred to the disk.
+   */
+  Path?: string;
+  /**
+   * Information about the image.
+   */
+  imageInfo?: object;
+  /**
+   * Extended information about the image.
+   */
+  extendedImageInfo?: object;
+}
+
+
+

package/dist/types/WebTwain.Viewer.d.ts

@@ -422,6 +422,7 @@ export interface EditorSettings {
      * [Usage Notes] 'Invalid property value' will be reported when the specified value type is wrong or the parameter name is spelled incorrectly.
      */
     dialogText?: any;
+	workMode?: number | DynamsoftEnumsDWT.EnumDWT_WorkMode;//default is normal  value:normal=0, balance=1,
 }
 export interface ThumbnailViewerSettings {
     /**
@@ -601,6 +602,11 @@ export interface ImageEditor {
      * [Description] Delete the ImageEditor viewer.
      */
     dispose(): void;
+	/**
+     * [Scope] ImageEditor viewer
+     * [Description] Update the changes in the ImageEditor to the server.
+     */
+	save():Promise<void>;
 }
 export interface ThumbnailViewer {
     /**

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-// Type definitions for dwt 16.2
 // Project: https://www.dynamsoft.com/products/webtwain_overview.aspx
 // Definitions by: Xiao Ling <https://github.com/yushulx>
 //                 Josh Hall <https://github.com/jbh>
@@ -14,7 +13,7 @@
 *
 * Copyright 2022, Dynamsoft Corporation
 * Author: Dynamsoft Support Team
-* Version: 18.1
+* Version: 18.2
 */
 import Dynamsoft from "./Dynamsoft";
 export default Dynamsoft;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "dwt",
-    "version": "18.1.2-beta",
+    "version": "18.2.0",
     "author": {
         "name": "Dynamsoft",
         "url": "https://www.dynamsoft.com"

package/dist/src/dynamsoft.viewer.css

@@ -1,2 +0,0 @@
-/*! 20221209 094426 */
-.dvs-WebViewer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;-ms-scroll-chaining:none;overscroll-behavior:none;width:100%;height:100%;background:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.dvs-WebViewer.fitPage{position:fixed;left:0;top:0;width:100%!important;height:100%!important;z-index:666}.dvs-WebViewer>div{box-sizing:border-box}.dvs-WebViewer>.dvs-body{width:100%;max-height:100%;overflow:hidden}.dvs-WebViewer>.dvs-body,.dvs-WebViewer>.dvs-body>.dvs-showImageArea{height:100%;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;position:relative}.dvs-WebViewer>.dvs-body>.dvs-showImageArea{width:0}.dvs-sidebar{height:100%;box-shadow:0 1px 0 0 hsla(0,0%,100%,.05);position:relative;z-index:2;-ms-flex-pack:start;-ms-flex-align:start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex:0 0 199px;-ms-flex:0 0 199px;flex:0 0 199px}.dvs-sidebar,.dvs-sidebar>.dvs-navChange{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.dvs-sidebar>.dvs-navChange{width:100%;height:52px;box-sizing:border-box;overflow:hidden;-ms-flex-pack:start;-ms-flex-align:start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex:0 0 52px;-ms-flex:0 0 52px;flex:0 0 52px;border-top:1px solid #1b1b1d}.dvs-sidebar>.dvs-navChange>li{-webkit-flex:1;-ms-flex:1;flex:1;flex-direction:row;background:#323135;border-bottom:1px solid #1b1b1d;box-sizing:border-box}.dvs-sidebar>.dvs-navChange>li,.dvs-sidebar>.dvs-navChange>li>div{height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row}.dvs-sidebar>.dvs-navChange>li>div{width:100%;color:#aaa;font-size:19px;flex-direction:row}.dvs-sidebar>.dvs-navChange>li:first-child{border-left:none}.dvs-sidebar>.dvs-navChange>.dvs-activeTab{background:#373638;border:1px solid #1b1b1d;border-top:none;border-bottom:none}.dvs-sidebar>.dvs-navChange>li:last-child{border-right:none}.dvs-sidebar>div.dvs-defaultTag{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;overflow:hidden;width:calc(100% - 19px);-webkit-flex:0 0 58px;-ms-flex:0 0 58px;flex:0 0 58px;padding-left:19px;font-size:16px;font-weight:600;background:#373638;border-bottom:1px solid #1b1b1d;color:#aaa;cursor:pointer}.dvs-sidebar>div.dvs-activeAllImage,.dvs-sidebar>div.dvs-defaultTag:hover{background:#434246;box-shadow:0 1px 0 0 #444}.dvs-sidebar .dvs-paneShow{width:100%;-webkit-flex:1;-ms-flex:1;flex:1;height:0;background:#373638;overflow:hidden}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree,.dvs-sidebar .dvs-paneShow>.dvs-Tags{height:100%;position:relative}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:visible;overflow-y:auto;background:#3b3a3c;max-height:calc(100% - 118px)}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li{cursor:pointer;overflow:hidden;padding-left:18px;height:60px;-webkit-flex:0 0 60px;-ms-flex:0 0 60px;flex:0 0 60px;box-shadow:0 1px 0 0 #444;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;font-size:14px;font-weight:400;color:#aaa}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li:hover,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li:hover{background:#434246;box-shadow:0 1px 0 0 #444}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li.createBox,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li.createBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li.createBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li.createBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>div,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>div,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>div,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>div{width:40px;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>span,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>span,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>span,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>span{width:0;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>input,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>input,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>input,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>input{width:50%;height:16px;text-align:center;color:#3a393b;background:#aaa;outline:none;border:none}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.judgeBox,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.judgeBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.judgeBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.judgeBox{margin-left:15px;width:45px;-webkit-flex:0 0 45px;-ms-flex:0 0 45px;flex:0 0 45px;height:16px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.judgeBox>div,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.judgeBox>div,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.judgeBox>div,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.judgeBox>div{width:16px;height:16px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.judgeBox>div:first-child,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.judgeBox>div:nth-child(2),.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.judgeBox>div:first-child,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.judgeBox>div:nth-child(2),.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.judgeBox>div:first-child,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.judgeBox>div:nth-child(2),.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.judgeBox>div:first-child,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.judgeBox>div:nth-child(2){font-size:16px}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.judgeBox>div:hover,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.judgeBox>div:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.judgeBox>div:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.judgeBox>div:hover{font-size:18px}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.editDelBox,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.editDelBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.editDelBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.editDelBox{width:45px;-webkit-flex:0 0 45px;-ms-flex:0 0 45px;flex:0 0 45px;margin-right:14px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-space-between;-ms-flex-pack:flex-space-between;justify-content:flex-space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li>.editDelBox>div:hover,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li>.editDelBox>div:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li>.editDelBox>div:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li>.editDelBox>div:hover{font-size:18px}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li.dvs-activeFile,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-tagLists>li.dvs-activeTag,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li.dvs-activeFile,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-treeLists>li.dvs-activeTag,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li.dvs-activeFile,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-tagLists>li.dvs-activeTag,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li.dvs-activeFile,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-treeLists>li.dvs-activeTag{background:#434246;box-shadow:0 1px 0 0 #444}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addFolderBox,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addTagBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addFolderBox,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addTagBox{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:118px}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addFolderBox>.dvs-addFolder,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addFolderBox>.dvs-addTag,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addTagBox>.dvs-addFolder,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addTagBox>.dvs-addTag,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addFolderBox>.dvs-addFolder,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addFolderBox>.dvs-addTag,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addTagBox>.dvs-addFolder,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addTagBox>.dvs-addTag{font-size:14px;font-weight:400;color:#aaa;width:80px;height:32px;background:#434246;border:1px solid rgba(27,27,29,.96);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1);border-radius:3px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addFolderBox>.dvs-addFolder:hover,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addFolderBox>.dvs-addTag:hover,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addTagBox>.dvs-addFolder:hover,.dvs-sidebar .dvs-paneShow>.dvs-DirctoryTree>.dvs-addTagBox>.dvs-addTag:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addFolderBox>.dvs-addFolder:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addFolderBox>.dvs-addTag:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addTagBox>.dvs-addFolder:hover,.dvs-sidebar .dvs-paneShow>.dvs-Tags>.dvs-addTagBox>.dvs-addTag:hover{background:#323135}.dvs-sidebar>.dvs-stretchBar{width:10px;height:100%;position:absolute;top:0;right:-5px;z-index:3;cursor:w-resize}.dvs-content{width:100%;height:100%;-webkit-flex:0 1 100%;-ms-flex:0 1 100%;flex:0 1 100%;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-space-between;-ms-flex-pack:flex-space-between;justify-content:flex-space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.dvs-content>.dvs-absolute{position:absolute}.dvs-content>.dvs-moveHidden{-webkit-transform:translate3d(-1%,0,0);transform:translate3d(-1%,0,0)}.dvs-content>.dvs-middle{width:100%;height:100%;max-height:100%;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-space-between;-ms-flex-pack:flex-space-between;justify-content:flex-space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-tabList{width:100%;height:40px;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;background-color:#3a393b;border-top:1px solid #1b1b1d;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;flex-direction:row}.dvs-tabList,.dvs-tabList>.dvs-tabItem{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row}.dvs-tabList>.dvs-tabItem{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;flex-direction:row;width:90px;height:100%;box-shadow:0 3px 21px 0 rgba(42,41,43,.75);padding:0 20px;border:solid #292929;border-width:0 1px 0 0;position:relative;cursor:pointer}.dvs-tabList>.dvs-tabItem>.dvs-tabText{color:#aaa;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dvs-tabList>.dvs-tabItem:hover{background:#434246}.dvs-tabList>.dvs-tabItem:hover>.dvs-closeTab{display:inherit}.dvs-tabList>.dvs-tabItem>.dvs-closeTab{position:absolute;right:5px;font-size:12px;color:#aaa;width:12px;height:12px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:none}.dvs-tabList>.dvs-tabItem>.dvs-closeTab:hover{border:1px solid #aaa;border-radius:50%}.dvs-tabList>.dvs-activeTab{background-color:#434246}.dvs-tabList>.dvs-activeTab:after{content:"";background:#434246;position:absolute;bottom:-1px;width:100%;height:1px}.dvs-tabList>.dvs-activeTab>.dvs-closeTab{display:block}.dvs-container{width:0;border-width:0;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-container,.dvs-container>.dvs-viewPort{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;position:relative;overflow:hidden}.dvs-container>.dvs-viewPort{width:100%;box-sizing:border-box}.dvs-container>.dvs-viewPort>div{width:100%;height:100%;overflow:auto;position:absolute;top:0;left:0}.dvs-container>.dvs-viewPort .dvs-canvas{box-sizing:border-box;z-index:1}.dvs-container>.dvs-viewPort .dvs-canvas,.dvs-container>.dvs-viewPort .dvs-canvasEventLayer{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.dvs-container>.dvs-viewPort .dvs-canvasEventLayer{z-index:555;background:rgba(0,0,0,.01)}.dvs-container>.dvs-viewPort .dvs-loadingLayer{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:999}.dvs-container>.dvs-viewPort .dvs-loadingLayer>img{max-width:100%;max-height:100%;-webkit-user-drag:none}.dvs-container>.dvs-viewPort>.dvs-slideWrapper{visibility:hidden;position:absolute;width:100%;height:100%;z-index:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;overflow:hidden}.dvs-container>.dvs-videoContainer,.dvs-container>.dvs-viewPort>.dvs-slideWrapper>.dvs-slideItem{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%}.dvs-header{height:40px;-webkit-flex:0 0 40px;-ms-flex:0 0 40px;flex:0 0 40px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1);-ms-flex-pack:start;-ms-flex-align:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-header,.dvs-topMenu{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.dvs-topMenu{height:50px;-webkit-flex:0 0 50px;-ms-flex:0 0 50px;flex:0 0 50px;box-shadow:0 1px 0 0 hsla(0,0%,100%,.05);position:relative;box-sizing:border-box;flex-direction:row;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;z-index:1}.dvs-topMenu,.dvs-topMenu>div{-ms-flex-pack:start;-ms-flex-align:center;-webkit-flex-direction:row;-ms-flex-direction:row}.dvs-topMenu>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;flex-direction:row;-webkit-flex:1;-ms-flex:1;flex:1}.dvs-topMenu>.dvs-groupType:not(.dvs-topMenuRight){width:0}.dvs-asideMenu{width:50px;height:100%;background:#3a393b;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.dvs-asideMenu,.dvs-asideMenu>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.dvs-asideMenu>div{width:100%;height:auto;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dvs-bottomMenu{-webkit-flex:0 0 50px;-ms-flex:0 0 50px;flex:0 0 50px;box-shadow:0 1px 0 0 hsla(0,0%,100%,.05);width:100%;border:1px solid #1b1b1d;box-sizing:border-box;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;flex-direction:row}.dvs-bottomMenu,.dvs-bottomMenu>div{height:50px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row}.dvs-bottomMenu>div{flex-direction:row}.dvs-bottomMenu>div,.dvs-Thumbnail{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.dvs-Thumbnail{width:100%;height:100%;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-shadow:0 1px 0 0 hsla(0,0%,100%,.05);box-sizing:border-box}.dvs-Thumbnail>.dvs-stretchBar{z-index:666;position:absolute}.dvs-Thumbnail .dvs-stretchLeft{left:-8px;top:0}.dvs-Thumbnail .dvs-stretchRight{right:-8px;top:0}.dvs-Thumbnail .dvs-stretchLeft,.dvs-Thumbnail .dvs-stretchRight{width:10px;height:100%;cursor:ew-resize}.dvs-Thumbnail .dvs-stretchTop{left:0;top:-8px}.dvs-Thumbnail .dvs-stretchBottom{left:0;bottom:-8px}.dvs-Thumbnail .dvs-stretchBottom,.dvs-Thumbnail .dvs-stretchTop{width:100%;height:10px;cursor:ns-resize}.dvs-Thumbnail .dvs-thumbLists{overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-ms-scroll-chaining:none;width:100%;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.dvs-Thumbnail .dvs-thumbLists,.dvs-Thumbnail .dvs-thumbLists>li{box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative}.dvs-Thumbnail .dvs-thumbLists>li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}.dvs-Thumbnail .dvs-thumbLists.div-hideReplaceBlock>.dvs-replaceBlock{display:none}.dvs-Thumbnail>.dvs-thumbLists:after{content:"";width:.1px;height:.1px;display:block;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.dvs-Thumbnail .dvs-thumbnailCanvas{width:100%;height:100%;position:absolute;left:0;top:0}.dvs-innerThumbnail{width:100%;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden}.dynamsoft-dwt-imageEditor .dvs-header>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.dvs-resizeButton>div{height:100%}.dvs-resizeButton>div .dvs-iconColor{font-size:1em;width:1.5em;height:1.5em;-webkit-flex-basis:1.5em;-ms-flex-preferred-size:1.5em;flex-basis:1.5em}.dvs-resizeButton>div .dvs-emptyBtn{width:1em;height:1em;-webkit-flex-basis:1em;-ms-flex-preferred-size:1em;flex-basis:1em}@media screen and (max-device-width:500px){.dynamsoft-dwt-imageEditor>.dvs-header{background:#000;height:40px;padding:0 15px}.dynamsoft-dwt-imageEditor>.dvs-header>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1}.dynamsoft-dwt-imageEditor>.dvs-header>div>div{width:24px;height:24px;-webkit-flex:0 0 24px;-ms-flex:0 0 24px;flex:0 0 24px}.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-bottomMenu,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-topMenu{background:#323234;height:48px;-webkit-flex:0 0 48px;-ms-flex:0 0 48px;flex:0 0 48px}.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-bottomMenu>div,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-topMenu>div{height:100%;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-flex:1;-ms-flex:1;flex:1}.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-bottomMenu .ds-dvs-ui-pageEnd,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-bottomMenu .ds-dvs-ui-pageNext,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-bottomMenu .ds-dvs-ui-pagePre,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-bottomMenu .ds-dvs-ui-pageStart,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-topMenu .ds-dvs-ui-pageEnd,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-topMenu .ds-dvs-ui-pageNext,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-topMenu .ds-dvs-ui-pagePre,.dynamsoft-dwt-imageEditor>.dvs-body>.dvs-showImageArea>.dvs-content>.dvs-topMenu .ds-dvs-ui-pageStart{font-size:18px}}.dvs-WebViewer div,.dvs-WebViewer input,.dvs-WebViewer li,.dvs-WebViewer p,.dvs-WebViewer ul{margin:0;padding:0}.dvs-WebViewer li,.dvs-WebViewer ul{list-style:none}.dvs-iconColor,.font_toolBarBtn{font-size:24px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px}.font_toolBarBtn.notMobile:hover,.notMobile.dvs-iconColor:hover{font-size:28px}.font_innerBtn{text-align:center;width:40px;font-size:24px}.font_innerBtn:hover{font-size:28px}.dvs-hidden{visibility:hidden!important}.dvs-absolute-full{position:absolute!important;top:0!important;left:0!important}.dvs-absolute-full,.dvs-upper-full{width:100%!important;height:100%!important}.dvs-upper-full{z-index:556}.dvs-disabled,.dvs-hideToolbars,.dvs-hideVideoContainer,.dvs-nodisplay{display:none!important}.dvs-full{width:100%!important;height:100%!important;-webkit-flex:0 0 100%!important;-ms-flex:0 0 100%!important;flex:0 0 100%!important}.dvs-absolute{position:absolute!important;z-index:1}.dvs-iconColor{color:#aaa;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.dvs-emptyBtn{cursor:auto}.dvs-showAfter,.dvs-showBefore,.dvs-showMore{top:0;position:absolute;color:#adadad;background:#2b2b2b;height:100%;width:20px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;z-index:2;opacity:.8;font-size:16px;cursor:pointer}.dvs-showAfter:hover,.dvs-showBefore:hover,.dvs-showMore:hover{background-color:#4a4a4c}.dvs-showBefore{left:0}.dvs-showAfter{right:0}.width60{width:60px;-webkit-flex:0 0 60px;-ms-flex:0 0 60px;flex:0 0 60px}.rbIcon{position:absolute;right:0;bottom:0}.dvs-groupType{height:100%;min-width:0;min-height:0;overflow:hidden;position:relative;display:-webkit-flex;display:-ms-flexbox;display:flex}.dvs-topMenuRight{position:absolute;top:0;right:0;height:100%}.dvs-streching{background:#2a292b;z-index:100}.dvs-thumbnail-remove{background:#fff;color:#ea2e2e;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;border-radius:50%;height:20px;width:20px;font-size:18px;padding:1px;top:-10px;right:-10px;position:absolute;box-shadow:0 0 2px 1px #515151}.dvs-thumbnail-remove:before{content:"\2a2f";margin-top:-3px}.dvs-hide-remove-btn .dvs-thumbnail-remove{display:none}.dvs-pageBreak{width:1px;-webkit-flex:0 0 1px;-ms-flex:0 0 1px;flex:0 0 1px;height:16px;background:#9e9e9f;margin:0 10px}.dvs-pagerLabel{color:#9e9e9f;white-space:nowrap;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dvs-pagerInput{font-size:16px;width:16px;height:27px;line-height:27px;border-radius:3px;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;margin-left:5px;border:none;text-align:center}@-webkit-keyframes contextMenuItem{0%{opacity:0}to{opacity:1}}@keyframes contextMenuItem{0%{opacity:0}to{opacity:1}}.dvs-bottomMenu .dvs-footerGroup{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.dvs-bottomMenu .dvs-footerGroup span{font-size:12px}.dvs-topMenu .dvs-headerGroup{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px}.dvs-topMenu .dvs-headerGroup span{font-size:12px}.dvs-WebViewer .dynamsoft-camera-filterDropDown ul{padding-bottom:5px}