@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'canto-font';
  src: url('Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.icon {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
a {
  text-decoration: none;
}
ul {
  list-style-type: none;
}
.bigNavBtn {
  display: none;
  position: absolute;
  height: 102px;
  width: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.bigNavBtnIcon {
  width: 20px;
  height: 30px;
  margin: 0 auto;
  top: 55px;
  position: relative;
  opacity: 0.5;
}
.keywordTag {
  color: #474747;
  font-size: 12px;
}
.scrollbarforIE {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.detailTitle {
  font-size: 22px;
  color: #ffffff;
  font-weight: 300;
}
.detailInfoPreview {
  background: #f9f9f9;
  border: 1px solid #d0d0d0;
}
.detailSubTitle {
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.detailAddKeyword {
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
}
.detailAddTag {
  font-size: 13px;
  color: inhert;
  background-color: inhert;
}
.detailAddTagPlaceHolder {
  color: #999999 !important;
}
.detailDescInput {
  font-weight: 300;
  color: #474747;
  font-size: 13px;
  background: none;
}
.detailSelectedAlbum {
  font-size: 14px;
  color: #4b4b4b;
}
.detailField {
  color: #474747;
  font-size: 12px;
  font-weight: 600;
}
.detailFieldValue {
  color: #474747;
  font-size: 12px;
  font-weight: 300;
}
.detailCommentPlaceHolder {
  color: #999999 !important;
}
.detailCommentInput {
  font-weight: 300;
  font-size: 14px;
  background: #f9f9f9;
}
.detailCommentUser {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
}
.detailCommentTime {
  font-size: 12px;
  color: #474747;
  font-weight: 300;
}
.detailCommentText {
  font-size: 13px;
  color: #474747;
  font-weight: 300;
}
/* User Profile */
.userProfileTitle {
  font-size: 18px;
  color: #4b4b4b;
}
.userProfileField {
  font-size: 13px;
  color: #4b4b4b;
}
.userProfileFieldInput {
  font-size: 12px;
  color: #4b4b4b;
  border-color: #cbcbcb;
  background: none;
}
.userProfileFieldtextArea {
  color: #4b4b4b;
  font-size: 12px;
  background: none;
  border-color: #cbcbcb;
}
.useProfileUploadPhoto {
  font-size: 14px;
  color: #474747;
}
.orangeBtn {
  background-color: #ff5800;
  color: #ffffff;
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  font-size: 16px;
  kerning: 0;
  text-align: center;
  padding: 0px 20px;
}
.orangeBtn:hover {
  background-color: #de5814;
}
.orangeBtn:active {
  background-color: #c85814;
}
.cancelBtn {
  background-color: #d9d9d9;
  color: #ffffff;
  height: 29px;
  line-height: 29px;
  vertical-align: middle;
  font-size: 16px;
  kerning: 0;
  text-align: center;
  padding: 0px 20px;
}
.cancelBtn:hover {
  background-color: #c8c8c8;
}
.cancelBtn:active {
  background-color: #b4b4b4;
}
.invalid-tips {
  border-radius: 5px;
  text-align: left;
  margin: 0 auto 10px;
  position: relative;
  padding: 16px 24px;
  overflow: auto;
  white-space: normal;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
}
.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* container detail */
.containerTitle {
  font-weight: 300;
  font-size: 30px;
  background-color: transparent;
  border: 1px solid #cccccc;
}
.containerCountNum {
  font-weight: 500;
  font-size: 32px;
}
.containerCountType {
  font-weight: 500;
  font-size: 32px;
}
.containerFieldName {
  font-weight: 600;
  font-size: 12px;
}
.containerFieldValue {
  font-weight: 300;
  font-size: 12px;
}
.containerSubTitle {
  color: #474747;
  font-weight: 700;
  font-size: 14px;
}
.containerDescription {
  font-weight: 300;
  font-size: 13px;
}
.containerRelationship {
  background-color: #525252;
}
.containerFolderBtn {
  color: #ffffff;
  font-size: 16px;
  background-color: #ec5f0a;
}
.containerDataGrid {
  border: 1px solid #cccccc;
  background: #f1f1f1;
  font-size: 12px;
}
.containerDataGridTr {
  font-size: 12px;
  border-bottom: 1px solid #9b9b9b;
}
.containerDataGridTh {
  background: #d4d4d4;
  color: #4b4b4b;
  font-size: 12px;
}
.permissionArrow {
  background: #A1A1A1;
  font-size: 16px;
}
.divide-line {
  width: 100%;
  height: 1px;
  border-top: 1px solid #00abde;
  margin: 6px 0px;
}
@font-face {
  font-family: 'icomoon_flight_01';
  src: url('icomoon_flight_01.eot?sxzxc325');
  src: url('icomoon_flight_01.eot?sxzxc325#iefix') format('embedded-opentype'), url('icomoon_flight_01.ttf?sxzxc325') format('truetype'), url('icomoon_flight_01.woff?sxzxc325') format('woff'), url('icomoon_flight_01.svg?sxzxc325#icomoon_flight_01') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon_flight_01' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'list';
  src: url('../assets/list-font/icomoon.eot') format('embedded-opentype'), url('../assets/list-font/icomoon.ttf') format('truetype'), url('../assets/list-font/icomoon.woff') format('woff'), url('../assets/list-font/icomoon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="list-icon"],
[class*="list-icon"] {
  font-family: 'list' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-capture:before {
  content: "\e900";
}
.icon-help:before {
  content: "\e800";
}
.icon-icn_flight_box_folder_01:before {
  content: "\e801";
}
.icon-icn_flight_dropbox_folder_01:before {
  content: "\e802";
}
.icon-icn_flight_googleDrive_folder_01:before {
  content: "\e803";
}
.icon-dropbox_folder_open:before {
  content: "\e648";
}
.icon-dropbox_folder:before {
  content: "\e649";
}
.icon-geo_data:before {
  content: "\e647";
}
.icon-timeline:before {
  content: "\e645";
}
.icon-dashboard:before {
  content: "\e646";
}
.icon-Coordinate:before {
  content: "\e642";
}
.icon-dimensions:before {
  content: "\e643";
}
.icon-fullscreen_01:before {
  content: "\e640";
}
.icon-more01:before {
  content: "\e641";
}
.icon-cold_restore:before {
  content: "\e63d";
}
.icon-cold_request:before {
  content: "\e63e";
}
.icon-cold_move:before {
  content: "\e63f";
}
.icon-offline:before {
  content: "\e63c";
}
.icon-googleDrive_folder:before {
  content: "\e63a";
}
.icon-googleDrive_folder_open:before {
  content: "\e63b";
}
.icon-library:before {
  content: "\e638";
}
.icon-triangle-down:before {
  content: "\e636";
}
.icon-triangle-up:before {
  content: "\e637";
}
.icon-box_folder:before {
  content: "\7d";
}
.icon-box_folder_open:before {
  content: "\7e";
}
.icon-copy1:before {
  content: "\7c";
}
.icon-copy:before {
  content: "\7b";
}
.icon-add_1:before {
  content: "\60";
}
.icon-subtract_1:before {
  content: "\61";
}
.icon-closed2:before {
  content: "\5f";
}
.icon-warning:before {
  content: "\5e";
}
.icon-pdf_preview:before {
  content: "\4d";
}
.icon-rotate_left:before {
  content: "\2a";
}
.icon-rotate_right:before {
  content: "\2d";
}
.icon-move:before {
  content: "\30";
}
.icon-resize:before {
  content: "\3a";
}
.icon-resize2:before {
  content: "\3e";
}
.icon-keyphoto:before {
  content: "\3f";
}
.icon-icn_delete:before {
  content: "\26";
}
.icon-icn_remove:before {
  content: "\27";
}
.icon-crop:before {
  content: "\e644";
}
.icon-more:before {
  content: "\22";
}
.icon-edit:before {
  content: "\23";
}
.icon-add:before {
  content: "\21";
}
.icon-icn_expand_02:before {
  content: "\e635";
}
.icon-icn_linkedin_01:before {
  content: "\e600";
}
.icon-icn_upload_cloud_01:before {
  content: "\e60c";
}
.icon-icn_checkbox_checked_02:before {
  content: "\e605";
}
.icon-icn_grid_filled_01:before {
  content: "\49";
}
.icon-icn_flight_logo_01:before {
  content: "\e630";
}
.icon-icn_default_user_01:before {
  content: "\e623";
}
.icon-box_logo_01:before {
  content: "\e625";
}
.icon-icn_tree4:before {
  content: "\e62e";
}
.icon-icn_tree3:before {
  content: "\e626";
}
.icon-icn_tree2:before {
  content: "\e627";
}
.icon-icn_tree:before {
  content: "\e628";
}
.icon-icn_upload4:before {
  content: "\e629";
}
.icon-icn_box_filled:before {
  content: "\e62a";
}
.icon-icn_upload3:before {
  content: "\e62b";
}
.icon-icn_dropbox_02:before {
  content: "\e622";
}
.icon-icn_bell_02:before {
  content: "\e624";
}
.icon-icn_star_01:before {
  content: "\e60b";
}
.icon-icn_disk_01:before {
  content: "\e60d";
}
.icon-icn_close_x_01:before {
  content: "\e60e";
}
.icon-icn_close_circle_x_01:before {
  content: "\e60f";
}
.icon-icn_checkmark_circle_01:before {
  content: "\e610";
}
.icon-icn_eye_01:before {
  content: "\e611";
}
.icon-icn_flight_arrow_up_01:before {
  content: "\e612";
}
.icon-icn_flight_arrow_down_01:before {
  content: "\e613";
}
.icon-icn_flight_sort_descend_01:before {
  content: "\e606";
}
.icon-icn_reload_alt_01:before {
  content: "\e604";
}
.icon-icn_checkbox_checked_01:before {
  content: "\3b";
}
.icon-icn_pencil_01:before {
  content: "\b7";
}
.icon-arrow_left:before {
  content: "\2264";
}
.icon-arrow_right:before {
  content: "\2265";
}
.icon-icn_flight_album_assign_01:before {
  content: "\c5";
}
.icon-icn_flight_folder_open3 {
  font-family: 'icomoon' !important;
}
.icon-icn_flight_folder_open3:before {
  content: "\e9bd";
}
.icon-icn_flight_folder_01 {
  font-family: 'icomoon' !important;
}
.icon-icn_flight_folder_01:before {
  content: "\e9bc";
}
.icon-icn_reload_01:before {
  content: "\2030";
}
.icon-icn_flight_plus_sm_thick_01:before {
  content: "\2260";
}
.icon-icn_flight_plus_sm_01:before {
  content: "\b1";
}
.icon-icn_flight_power:before {
  content: "\5c";
}
.icon-icn_checkbox_checked_013:before {
  content: "\3c";
}
.icon-icn_flight_preso:before {
  content: "\2e";
}
.icon-cal:before {
  content: "\2f";
}
.icon-icn_flight_sort_01:before {
  content: "\3d";
}
.icon-icn_flight_info_01:before {
  content: "\2c";
}
.icon-icn_flight_preso_01:before {
  content: "\29";
}
.icon-icn_portal_01:before {
  content: "\28";
}
.icon-icn_flight_plus_01:before {
  content: "\5d";
}
.icon-icn_album_01:before {
  content: "\5b";
}
.icon-Plus-02:before {
  content: "\a1";
}
.icon-image:before {
  content: "\62";
}
.icon-image2:before {
  content: "\63";
}
.icon-music:before {
  content: "\64";
}
.icon-film:before {
  content: "\65";
}
.icon-camera:before {
  content: "\66";
}
.icon-bullhorn:before {
  content: "\e602";
}
.icon-profile:before {
  content: "\67";
}
.icon-books:before {
  content: "\68";
}
.icon-file:before {
  content: "\69";
}
.icon-file2:before {
  content: "\6a";
}
.icon-file3:before {
  content: "\6b";
}
.icon-file4:before {
  content: "\6c";
}
.icon-stack:before {
  content: "\6d";
}
.icon-folder:before {
  content: "\6e";
}
.icon-folder-open:before {
  content: "\6f";
}
.icon-tag:before {
  content: "\e603";
}
.icon-notebook:before {
  content: "\70";
}
.icon-envelope:before {
  content: "\71";
}
.icon-history:before {
  content: "\e607";
}
.icon-bell:before {
  content: "\72";
}
.icon-calendar:before {
  content: "\73";
}
.icon-screen:before {
  content: "\74";
}
.icon-laptop:before {
  content: "\75";
}
.icon-drawer:before {
  content: "\76";
}
.icon-upload:before {
  content: "\78";
}
.icon-user:before {
  content: "\79";
}
.icon-users:before {
  content: "\7a";
}
.icon-user2:before {
  content: "\5a";
}
.icon-spinner:before {
  content: "\cd";
}
.icon-search:before {
  content: "\53";
}
.icon-zoomin:before {
  content: "\41";
}
.icon-zoomout:before {
  content: "\42";
}
.icon-key:before {
  content: "\e608";
}
.icon-lock:before {
  content: "\e614";
}
.icon-unlocked:before {
  content: "\e615";
}
.icon-settings:before {
  content: "\2c7";
}
.icon-cog:before {
  content: "\43";
}
.icon-pie:before {
  content: "\44";
}
.icon-bars:before {
  content: "\45";
}
.icon-remove:before {
  content: "\46";
}
.icon-remove2:before {
  content: "\47";
}
.icon-briefcase:before {
  content: "\48";
}
.icon-list:before {
  content: "\4c";
}
.icon-menu:before {
  content: "\4a";
}
.icon-tree:before {
  content: "\4b";
}
.icon-download2:before {
  content: "\e62c";
}
.icon-upload2:before {
  content: "\e62d";
}
.icon-flag:before {
  content: "\4e";
}
.icon-star:before {
  content: "\4f";
}
.icon-star2:before {
  content: "\50";
}
.icon-heart:before {
  content: "\51";
}
.icon-heart2:before {
  content: "\52";
}
.icon-thumbs-up:before {
  content: "\a8";
}
.icon-info:before {
  content: "\2c6";
}
.icon-close:before {
  content: "\e7";
}
.icon-checkmark:before {
  content: "\54";
}
.icon-checkmark2:before {
  content: "\55";
}
.icon-minus:before {
  content: "\b5";
}
.icon-plus:before {
  content: "\2b";
}
.icon-enter:before {
  content: "\56";
}
.icon-exit:before {
  content: "\57";
}
.icon-stop:before {
  content: "\e601";
}
.icon-arrow-down:before {
  content: "\e5";
}
.icon-checkbox-checked:before {
  content: "\58";
}
.icon-checkbox-unchecked:before {
  content: "\59";
}
.icon-checkbox-partial:before {
  content: "\31";
}
.icon-radio-checked:before {
  content: "\32";
}
.icon-radio-unchecked:before {
  content: "\33";
}
.icon-filter:before {
  content: "\34";
}
.icon-filter2:before {
  content: "\35";
}
.icon-table:before {
  content: "\36";
}
.icon-paragraph-justify:before {
  content: "\37";
}
.icon-share:before {
  content: "\38";
}
.icon-mail:before {
  content: "\39";
}
.icon-googleplus:before {
  content: "\e616";
}
.icon-googleplus2:before {
  content: "\e617";
}
.icon-googleplus3:before {
  content: "\e618";
}
.icon-facebook:before {
  content: "\e609";
}
.icon-facebook2:before {
  content: "\e60a";
}
.icon-facebook3:before {
  content: "\e619";
}
.icon-twitter:before {
  content: "\e61a";
}
.icon-twitter2:before {
  content: "\e61b";
}
.icon-twitter3:before {
  content: "\e61c";
}
.icon-wordpress:before {
  content: "\e61d";
}
.icon-wordpress2:before {
  content: "\e61e";
}
.icon-linkedin:before {
  content: "\e61f";
}
.icon-pinterest:before {
  content: "\e620";
}
.icon-pinterest2:before {
  content: "\e621";
}
.icon-file-pdf:before {
  content: "\40";
}
.icon-file-word:before {
  content: "\24";
}
.icon-file-excel:before {
  content: "\25";
}
.icon-arrow-up-right:before {
  content: "\e634";
}
.icon-arrow-right:before {
  content: "\e62f";
}
.icon-arrow-left:before {
  content: "\e631";
}
.icon-arrow-right2:before {
  content: "\e632";
}
.icon-arrow-left2:before {
  content: "\e633";
}
.icon-weather-snow:before {
  content: "\e639";
}
.icon-uniF16B:before {
  content: "\f16b";
}
.icon-download:before {
  content: "\77";
}
.multi-edit-content .modal-dialog {
  width: 615px;
}
.multi-edit-content .dropdown-menu {
  width: calc(100% - 20px);
}
.multi-edit-content .modal-favorite-body {
  height: 300px;
  max-height: 300px !important;
  padding: 0px !important;
  border-bottom: 1px solid #ddd;
}
.multi-edit-content .modal-favorite-body .view-icon {
  width: 30px;
  left: 10px;
}
.multi-edit-content .modal-favorite-body .title-font {
  width: 480px;
  left: 40px;
  font-size: 14px;
  font-weight: 600;
}
.multi-edit-content .modal-favorite-body.table-list ul li {
  height: 60px;
  line-height: 60px;
}
.multi-edit-content .modal-favorite-body.table-list ul li .cell-text {
  height: 60px;
  line-height: 60px;
}
.multi-edit-content .mt10 {
  margin-top: 10px;
}
.multi-edit-content .modal-body {
  /* start  new style in mult-edit */
  /* end    new style in mult-edit */
  font-size: 14px;
  padding: 0 !important;
}
.multi-edit-content .modal-body .approval-expired {
  position: absolute;
  bottom: 10px;
  left: 35px;
  pointer-events: none;
}
.multi-edit-content .modal-body .approval-status-e select {
  padding-left: 2.5em!important;
}
.multi-edit-content .modal-body .approval-status-e:before {
  content: "     Expired";
  position: absolute;
  top: 0;
  left: 23px;
  bottom: 0;
  line-height: 20px;
  padding-left: 0 px;
  width: 20px;
  height: 20px;
  margin-top: 6px;
  margin-left: 8px;
  pointer-events: none;
  z-index: 20;
}
.multi-edit-content .modal-body .circle {
  position: relative;
  height: 32px;
  padding-left: 20px;
}
.multi-edit-content .modal-body .circle select {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  height: 32px;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.multi-edit-content .modal-body .circle .select-edit {
  width: calc(100% - 31px);
}
.multi-edit-content .modal-body .circle:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  background: inherit;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: inherit;
  pointer-events: none;
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  font-size: 18px;
}
.multi-edit-content .modal-body .expirate {
  position: relative;
  height: 32px;
  padding-left: 20px;
}
.multi-edit-content .modal-body .expirate.no-p-left {
  padding-left: 0;
}
.multi-edit-content .modal-body .expirate input {
  cursor: pointer;
  margin: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: calc(100%);
  height: 32px;
  line-height: 32px;
  padding: 4px 3px 3px .7em !important;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.multi-edit-content .modal-body .description-section {
  padding-right: 20px;
  padding-bottom: 10px;
}
.multi-edit-content .modal-body .area-descn {
  clear: both;
  border: 1px solid #D0D0D0;
  margin-left: 20px;
  margin-top: 10px;
  border-radius: 15px;
  padding: 10px 5px 0px 10px;
}
.multi-edit-content .modal-body .area-descn.no-m-left {
  margin-left: 0;
}
.multi-edit-content .modal-body .third-title {
  padding-top: 10px;
  padding-left: 25px;
}
.multi-edit-content .modal-body .input-circle {
  position: relative;
  padding-left: 20px;
}
.multi-edit-content .modal-body .input-circle.no-p-left {
  padding-left: 0;
}
.multi-edit-content .modal-body .input-circle input {
  cursor: pointer;
  margin: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: 100%;
  height: 32px;
  line-height: 30px;
  padding: 2px 3px 3px .7em !important;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.multi-edit-content .modal-body .input-circle input.url-input {
  padding-right: 30px !important;
}
.multi-edit-content .modal-body .input-circle.append-number {
  height: auto;
}
.multi-edit-content .modal-body .input-circle.append-number .number-input {
  width: 100px;
  cursor: text;
}
.multi-edit-content .modal-body .input-circle.append-number .p-top-bot-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.multi-edit-content .modal-body .input-circle.append-number .m-top-10 {
  margin-top: 10px;
}
.multi-edit-content .modal-body .input-circle.append-number .m-left-20 {
  margin-left: 20px;
}
.multi-edit-content .modal-body .input-circle.append-number .append-number-text {
  font-size: 14px;
  font-weight: 500;
  margin-right: 8px;
}
.multi-edit-content .modal-body .input-circle.append-number .start-row-text {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.multi-edit-content .modal-body .input-circle.append-number .start-right-col {
  margin-left: 35px;
}
.multi-edit-content .modal-body .input-circle .add-url-btn {
  width: 22px;
  height: 22px;
  padding: unset;
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px !important;
  text-decoration: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: transparent;
}
.multi-edit-content .modal-body .input-circle .url-item {
  margin: 8px 0px 0px 0px;
  font-size: 12px;
  overflow-y: hidden;
  border-radius: 26px;
  line-height: 20px;
  padding: 3px 8px;
}
.multi-edit-content .modal-body .input-circle .url-item .url-text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  cursor: pointer;
}
.multi-edit-content .modal-body .input-circle .url-item span {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.multi-edit-content .modal-body .input-circle .url-warning {
  line-height: 20px;
  margin-left: 15px;
  margin-top: 5px;
}
.multi-edit-content .modal-body .input-circle .multi-item {
  overflow: hidden;
}
.multi-edit-content .modal-body .input-circle .multi-item .radio-item {
  display: inline-block;
  margin-bottom: 10px;
}
.multi-edit-content .modal-body .input-circle .multi-item .radio-item span {
  color: unset;
}
.multi-edit-content .modal-body .input-circle .multi-item .radio-item .radio-text {
  margin-left: 5px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 75%;
  vertical-align: bottom;
}
.multi-edit-content .modal-body .input-circle .div-3 {
  max-height: 70px;
}
.multi-edit-content .modal-body .input-circle .div-3 .radio-item {
  width: 33.3%;
}
.multi-edit-content .modal-body .input-circle .div-2 {
  max-height: 100px;
}
.multi-edit-content .modal-body .input-circle .div-2 .radio-item {
  width: 50%;
}
.multi-edit-content .modal-body .input-circle .div-1 {
  max-height: 230px;
}
.multi-edit-content .modal-body .input-circle .div-1 .radio-item {
  width: 100%;
}
.multi-edit-content .modal-body .title-new {
  display: inline-block;
  margin: 0 0 0px 5px;
  font-size: 14px;
  font-weight: 700;
}
.multi-edit-content .modal-body .title-new .property-name,
.multi-edit-content .modal-body .title-new .property-name-m {
  max-width: 300px;
  overflow: hidden;
  display: inherit;
}
.multi-edit-content .modal-body .edit-type-ctrl {
  margin: 2px 40px 0px 20px;
  float: right;
  display: block;
}
.multi-edit-content .modal-body.batch-download {
  padding: 20px 35px !important;
}
.multi-edit-content .modal-body .input-zipname {
  width: 100%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  background: #F8F8F8;
  margin: 0px 0px 0px 0px;
  line-height: 20px !important;
}
.multi-edit-content .modal-body .filed-icon {
  font-weight: 300;
  opacity: 0.6;
  font-size: 14px;
  margin-bottom: 15px;
}
.multi-edit-content .modal-body .filed-icon1 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 25px;
  font-weight: 300;
  opacity: 0.6;
  font-size: 14px;
}
.multi-edit-content .modal-body .normal-input {
  /*01-06*/
  cursor: pointer;
  margin: 0px 0px 0px 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: 476px;
  height: 24px;
  line-height: 24px;
}
.multi-edit-content .modal-body .filed-icon:hover {
  cursor: pointer;
  opacity: 1;
}
.multi-edit-content .modal-body .field-title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 12px 0px 8px 6px;
}
.multi-edit-content .modal-body .information {
  top: 160px;
}
.multi-edit-content .modal-body .show-more-info {
  top: 173px;
  position: absolute;
  left: 285px;
  cursor: pointer;
}
.multi-edit-content .modal-body .information-area {
  display: block;
  padding-top: 5px;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .plus {
  margin-left: 50%;
  margin-top: 8px;
  cursor: auto;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .btn-add {
  margin-top: 15px;
  max-width: 100%;
  line-height: 20px!important;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .keyword-box:nth-child(odd) {
  width: 49%;
  margin-right: 1%;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .keyword-box {
  width: calc(50% - 9px) !important;
  max-width: 100%;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .keyword-box .text {
  width: auto;
  max-width: calc(100% - 18px);
  text-align: left!important;
}
.multi-edit-content .modal-body .information-area .CDG-watermark .margin-1-20 {
  margin-left: 20px;
}
.multi-edit-content .modal-body .information-area .select-water {
  cursor: pointer;
  margin: 0px 10px 10px 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  padding: 0px 0px 0px 2px;
  width: 476px;
  background-color: #f9f9f9;
  height: 24px;
  line-height: 24px;
}
.multi-edit-content .modal-body .information-area .info-section {
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.multi-edit-content .modal-body .information-area .field {
  font-size: 12px;
  font-weight: 600;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  position: relative;
}
.multi-edit-content .modal-body .information-area .field dd {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.multi-edit-content .modal-body .information-area .field dd.bulk-edit {
  text-overflow: unset;
  white-space: unset;
  word-break: break-all;
}
.multi-edit-content .modal-body .information-area .field dd .additionInput {
  color: #474747;
  font-size: 14px;
  font-weight: 600;
  width: 268px;
  height: 14px;
  background-color: transparent;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #D0D0D0;
  padding: 0px 5px;
  line-height: 14px;
}
.multi-edit-content .modal-body .information-area .field span.itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  margin: 0px 0px 0px 20px;
  line-height: 25px;
}
.multi-edit-content .modal-body .information-area .field span.itemErrorMsg.add-meta-data {
  margin-left: 5px;
}
.multi-edit-content .modal-body .information-area .value {
  word-break: break-all;
  color: #474747;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
}
.multi-edit-content .modal-body .information-area .value input {
  padding: 0;
  margin: 0;
}
.multi-edit-content .modal-body .information-area .value input[type='number'] {
  width: 100px;
}
.multi-edit-content .modal-body .information-area .value input[type='text'] {
  width: 100px;
}
.multi-edit-content .modal-body .information-area .value input[type='date'] {
  width: 130px;
}
.multi-edit-content .modal-body .right-area {
  width: 100%;
  margin-top: 6px;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .plus {
  margin-left: 50%;
  margin-top: 8px;
  cursor: auto;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .btn-add {
  margin-top: 15px;
  max-width: 100%;
  line-height: 20px!important;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .keyword-box:nth-child(odd) {
  width: 49%!important;
  margin-right: 1%;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .keyword-box {
  width: calc(50% - 9px) !important;
  max-width: 100%;
}
.multi-edit-content .modal-body .right-area .CDG-watermark .keyword-box .text {
  width: auto;
  max-width: calc(100% - 18px);
  text-align: left!important;
}
.multi-edit-content .modal-body .right-area .margin-1-20 {
  margin-left: 20px;
}
.multi-edit-content .modal-body .right-area .margin-1-5 {
  margin-left: 5px;
}
.multi-edit-content .modal-body .right-area .margin-1-33 {
  margin-left: 33px;
}
.multi-edit-content .modal-body .right-area .margin-1-10 {
  margin-left: 10px;
}
.multi-edit-content .modal-body .right-area .margin-t-7 {
  margin-top: 7px;
}
.multi-edit-content .modal-body .right-area .margin-r-20 {
  margin-right: 20px;
}
.multi-edit-content .modal-body .right-area .field-title-left {
  font-size: 14px;
  font-weight: 700;
  margin-left: 20px;
}
.multi-edit-content .modal-body .right-area .field-title-right {
  font-size: 14px;
  font-weight: 700;
  margin-left: 3px;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
.multi-edit-content .modal-body .right-area .Uppercase {
  text-transform: Uppercase;
}
.multi-edit-content .modal-body .right-area .DRM_filed {
  margin-top: 5px;
}
.multi-edit-content .modal-body .right-area .span-titlecheck {
  margin: 7px 4px 0px 0px;
  font-weight: 300;
  float: left;
}
.multi-edit-content .modal-body .right-area .span-titles {
  float: left;
  font-weight: 700;
  font-size: 14px;
}
.multi-edit-content .modal-body .right-area .span-left {
  float: left;
}
.multi-edit-content .modal-body .right-area .termsErrorMsg {
  margin-left: 20px;
  font-size: 14px;
  color: #ff0000;
  line-height: 25px;
  display: inline-block;
  font-weight: 600;
}
.multi-edit-content .modal-body .right-area .input-box {
  margin: 0px 0px 0px 20px;
  border: 1px solid #cccccc;
  height: 34px;
  display: block;
}
.multi-edit-content .modal-body .right-area .input-box .content-keyword-input {
  height: 32px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 439px;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.multi-edit-content .modal-body .right-area .add-btn {
  font-weight: 300;
  font-size: 28px;
  width: 32px;
  height: 32px;
  color: #474747 !important;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  padding: 0;
}
.multi-edit-content .modal-body .right-area .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.multi-edit-content .modal-body .right-area .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.multi-edit-content .modal-body .right-area .P-10 {
  padding-bottom: 10px;
}
.multi-edit-content .modal-body .right-area .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 5px;
  margin: 0px 0px 0px 20px;
  padding-right: 11px;
}
.multi-edit-content .modal-body .right-area .container-box.no-m-left {
  margin-left: 0;
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box {
  float: left;
  margin: 8px 9px 0px 0px;
  padding: 0px 6px;
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
  width: calc(100% / 3 - 9px);
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box.batch-album-item {
  width: 100%;
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box-m {
  width: calc(100% / 2 - 9px);
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box:hover {
  background: #f2f2f2;
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.multi-edit-content .modal-body .right-area .container-box .moreAlbum {
  float: right;
  margin: 4px 8px;
}
.multi-edit-content .modal-body .right-area .container-box .moreAlbum.shrink {
  transform: rotate(180deg);
}
.multi-edit-content .modal-body .right-area .container-box .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.multi-edit-content .modal-body .right-area .container-box .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.multi-edit-content .modal-body .approval-area {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
}
.multi-edit-content .modal-body .approval-area .title {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin: 12px 0px 8px 3px;
}
.multi-edit-content .modal-body .approval-area .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  margin: 0px 0px 0px 20px;
  line-height: 25px;
  font-weight: 600;
}
.multi-edit-content .modal-body .P-20 {
  padding-right: 20px;
}
.multi-edit-content .modal-body .description-options {
  position: absolute;
  margin: 15px 0px 0px 20px;
  top: 0;
  left: 100px;
}
.multi-edit-content .modal-body .add-option,
.multi-edit-content .modal-body .overwrite-option {
  margin-left: 8px;
  display: inline-block;
}
.multi-edit-content .modal-body .description-textarea {
  clear: both;
}
.multi-edit-content .modal-body .field-textarea {
  margin: 0px;
  width: 100%;
  height: 58px;
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  resize: none;
  padding: 0px;
  line-height: 20px;
}
.multi-edit-content .modal-body .field-textarea::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.multi-edit-content .modal-body .field-textarea::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.multi-edit-content .modal-body .field-textarea::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.multi-edit-content .modal-body .checkbox-disabled {
  color: #C1C1C1 !important;
}
.multi-edit-content .modal-body .checkbox-disabled .filed-icon {
  cursor: default;
}
.multi-edit-content .modal-body .find-check-item {
  float: left;
}
.multi-edit-content .modal-body .clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.multi-edit-content .modal-body .desc-input {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 6px;
  resize: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  word-wrap: break-word;
  white-space: pre-wrap;
  font-weight: normal;
  font-size: 15px;
  color: #4a4a4a;
  padding-left: 20px;
}
.multi-edit-content .modal-body .shrink {
  transform: rotate(180deg);
}
.multi-edit-content .modal-body.multi-edit::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.multi-edit-content .modal-body.multi-edit::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.multi-edit-content .modal-body.multi-edit::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.multi-edit-content .modal-body.multi-edit .expand-icon {
  float: right;
  margin-top: 10px;
  right: 25px;
  position: relative;
}
.multi-edit-content .add-bulk-comments-layout .user-selector {
  width: 575px;
  margin-left: 20px;
  bottom: -85px;
}
.multi-edit-content .edit-dialog-comments-layout .user-selector {
  width: 545px;
  margin-left: 40px;
  bottom: -150px;
}
.multi-edit-content .modal-add-bulk-comments {
  resize: none;
  margin: 20px;
  padding: 15px;
  width: 575px;
  height: 170px;
}
.multi-edit-content .modal-favorite-footer,
.multi-edit-content .modal-add-bulk-comments-footer {
  padding: 0px !important;
  height: 46px;
  border-radius: 0px;
  text-align: left;
}
.multi-edit-content .modal-favorite-footer .input-box,
.multi-edit-content .modal-add-bulk-comments-footer .input-box {
  padding: 0px;
  margin: 5px;
  margin-left: 15px;
  line-height: 34px;
  width: 400px;
  display: inline-block;
  border: 0px;
}
.multi-edit-content .modal-favorite-footer .input-box input,
.multi-edit-content .modal-add-bulk-comments-footer .input-box input {
  cursor: auto;
  padding: 0px;
  padding-left: 10px;
  width: 398px;
  line-height: 32px;
  margin: 0px;
  height: 30px;
  box-shadow: none;
  margin: 0px 0px 0px 0px;
  font-size: 13px;
  overflow: hidden;
  cursor: pointer;
  outline: none;
}
.multi-edit-content .modal-favorite-footer .invalid-tips,
.multi-edit-content .modal-add-bulk-comments-footer .invalid-tips {
  margin: 0 15px 10px;
  overflow: hidden;
  padding: 0px;
  padding-left: 5px;
  width: 400px;
  height: 36px;
}
.multi-edit-content .div-error-height {
  height: 90px;
}
.multi-edit-content .required-data:after {
  content: '*';
  padding: 0 5px;
  color: #ff0000;
}
.multi-edit-content .required-data-tip {
  float: left;
  margin-top: 8px;
  font-weight: bold;
  color: #909090;
}
.multi-edit-content .required-data-tip:before {
  content: '*';
  padding: 0 5px;
  color: #ff0000;
}
.multi-edit-content .required-data-tip.tip-mobile {
  display: none;
}
.multi-edit-content .editable-label {
  position: relative;
  overflow: hidden;
}
.multi-edit-content .editable-label .add-label {
  width: 110px;
  margin-bottom: 10px;
  line-height: 20px;
  text-align: center;
  padding: 5px 15px;
  border-radius: 25px;
  cursor: pointer;
}
.multi-edit-content .editable-stars {
  position: relative;
}
.multi-edit-content .editable-stars span {
  letter-space: 4px;
  font-size: 20px;
  font-weight: bold;
}
.multi-edit-content .editable-stars .clear {
  position: absolute;
  top: 3px;
  right: 2px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  border-radius: 10px;
  text-align: center;
}
.multi-edit-content .label-list-wrap {
  overflow: hidden;
}
.multi-edit-content .label-list {
  display: inline-block;
  float: left;
  width: 30%;
  height: 80px;
  line-height: 25px;
  margin: 8px 3.33% 10px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.multi-edit-content .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  vertical-align: middle;
}
.multi-edit-content .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.multi-edit-content .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.expandMeta {
  width: 1215px;
  transition: 1s width!important;
}
.display-metadata {
  top: 36px!important;
}
.display-metadata .m-select {
  width: 28px;
  height: 28px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  line-height: 28px;
}
.display-metadata .line {
  display: inline;
  border-left: 2px solid #d9d9d9;
  margin: 0 8px 0 9px;
  font-size: 20px;
  height: 24px;
}
.display-metadata .r-title {
  position: absolute;
  left: 610px;
  border-left: 1px solid #ddd;
  height: 59px;
  top: 0px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.display-metadata .left-area.modal-body {
  width: 615px;
  z-index: 10;
}
.display-metadata .left-area.modal-body .edit-type-ctrl.custom {
  margin-right: 26px;
}
.display-metadata .fs20 {
  font-size: 20px;
}
.display-metadata .r-meta {
  position: absolute;
  width: 600px;
  /* height: 200px; */
  top: 59px;
  right: 0px;
  z-index: 8;
}
.display-metadata .r-meta .files {
  margin-top: 20px;
}
.display-metadata .r-meta .container-box {
  margin-left: 0px!important;
  padding: 0 20px;
}
.display-metadata .r-meta .file-name {
  padding: 0 20px;
  font-size: 14px;
  font-weight: 700;
}
.display-metadata .r-meta .f-n-word {
  max-width: 460px;
  margin-left: 8px;
}
.display-metadata .r-meta .f-nv {
  padding-left: 50px;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
}
.display-metadata .r-meta .f-hr {
  border-top: 2px solid;
  width: 15px;
  height: 5px;
  display: inline-block;
  margin: 0px 5px 0px 8px;
}
.display-metadata .ic-meta {
  margin-left: 10px;
}
.display-metadata .m-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #d9d9d9;
}
.none-select {
  opacity: 0.4;
  cursor: default!important;
}
.none-select span {
  cursor: default!important;
}
.modal-body .btn-contain {
  line-height: 16px;
}
.download-package .dl-title {
  height: 40px;
  font-size: 16px;
  font-weight: bold;
}
.download-package .dl-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.download-package .dl-item span:first-child {
  margin-right: 10px;
}
.batch-editor .additionInput.batch-exp-date {
  width: 50% !important;
}
.additionInput.batch-exp-date {
  width: 52% !important;
}
.mobile .multi-edit-content .modal-body .expirate .additionInput.batch-exp-date {
  width: 49% !important;
}
.mobile .multi-edit-content .modal-body .expirate:after {
  content: '';
  display: none;
}
a.info-icon:hover {
  text-decoration: none;
  cursor: pointer;
}
.italic {
  font-style: italic;
}
.more-icon {
  float: right;
  margin-top: 15px;
  cursor: pointer;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid black;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
}
.quick-tags .tag-select {
  background: #e0dfdf !important;
}
.quick-tags .keyword-box:hover {
  background: #f2f2f2 !important;
  cursor: pointer;
}
.duplicate-asset-dialog {
  top: 65px !important;
  margin: auto;
}
.drag-duplicate-dialog {
  top: 65px !important;
}
.drag-duplicate-dialog.settings-window {
  margin: auto;
}
.drag-duplicate-dialog.settings-window .modal-dialog {
  width: 750px;
  margin: 0px auto;
}
.drag-duplicate-dialog.settings-window .modal-dialog .modal-body {
  max-height: 530px;
}
.drag-duplicate-dialog.settings-window .modal-dialog .modal-footer {
  border-top: none;
}
.drag-duplicate-dialog.settings-window .tip {
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  padding: 0 20px 10px;
}
.duplicate-asset-dialog .modal-dialog,
.drag-duplicate-dialog .modal-dialog {
  width: 750px;
  margin: 0px auto;
}
.duplicate-asset-dialog .modal-dialog .modal-header,
.drag-duplicate-dialog .modal-dialog .modal-header {
  padding-left: 30px;
}
.duplicate-asset-dialog .modal-dialog .modal-body,
.drag-duplicate-dialog .modal-dialog .modal-body {
  max-height: 530px;
}
.duplicate-asset-dialog .modal-dialog .modal-footer,
.drag-duplicate-dialog .modal-dialog .modal-footer {
  padding: 12px 30px 12px 30px;
}
.duplicate-asset-dialog .tip,
.drag-duplicate-dialog .tip {
  font-size: 20px;
  line-height: 20px;
  text-align: left;
  padding: 0 10px 10px;
}
.duplicate-asset-dialog .duplicate-content,
.drag-duplicate-dialog .duplicate-content {
  width: 710px;
  padding-top: 10px;
}
.duplicate-asset-dialog .duplicate-content .switch-layout,
.drag-duplicate-dialog .duplicate-content .switch-layout {
  float: right;
  margin-right: 8px;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch {
  background-color: #f5f5f5;
  color: #a2a2a2;
  font-size: 9px;
  border-radius: 25px;
  padding: 7px!important;
  border: solid 1px #a2a2a2;
  cursor: pointer;
  z-index: 999;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._disabled,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._disabled {
  background-color: #bdbdbd;
  cursor: default;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._disabled:hover,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._disabled:hover {
  opacity: 1;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch:hover,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch:hover {
  opacity: 0.5;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._left,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._left {
  margin-right: 15px;
}
.duplicate-asset-dialog .duplicate-content .switch-layout .img-switch._right,
.drag-duplicate-dialog .duplicate-content .switch-layout .img-switch._right {
  right: 25px;
}
.duplicate-asset-dialog .duplicate-content .pl-20,
.drag-duplicate-dialog .duplicate-content .pl-20 {
  padding-left: 20px;
}
.duplicate-asset-dialog .duplicate-content .m-top-10,
.drag-duplicate-dialog .duplicate-content .m-top-10 {
  margin-top: 10px;
}
.duplicate-asset-dialog .duplicate-content .file-name,
.drag-duplicate-dialog .duplicate-content .file-name {
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.duplicate-asset-dialog .duplicate-content .file-size,
.drag-duplicate-dialog .duplicate-content .file-size {
  padding: 0 20px;
}
.duplicate-asset-dialog .duplicate-content .content-center,
.drag-duplicate-dialog .duplicate-content .content-center {
  text-align: center;
  padding: 0 20px;
}
.duplicate-asset-dialog .duplicate-content .content-center .duplicate-compare,
.drag-duplicate-dialog .duplicate-content .content-center .duplicate-compare {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 220px;
  margin: auto;
}
.duplicate-asset-dialog .duplicate-content .content-center .preview-btn,
.drag-duplicate-dialog .duplicate-content .content-center .preview-btn {
  max-width: 110px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 13px;
  margin-left: 0;
  margin-bottom: 8px;
}
.duplicate-asset-dialog .duplicate-content .content-center .icon-schemeBase,
.drag-duplicate-dialog .duplicate-content .content-center .icon-schemeBase {
  font-size: 13px;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 10px;
  z-index: 2;
}
.duplicate-asset-dialog .duplicate-content .content-center .icon-schemeBase span,
.drag-duplicate-dialog .duplicate-content .content-center .icon-schemeBase span {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  color: #fff;
  background-color: #666;
  border-radius: 4px;
  opacity: 0.9;
}
.duplicate-asset-dialog .duplicate-content img,
.drag-duplicate-dialog .duplicate-content img {
  max-height: 100%;
}
.duplicate-asset-dialog .duplicate-content .row,
.drag-duplicate-dialog .duplicate-content .row {
  margin-right: -25px;
  margin-left: -25px;
}
.duplicate-asset-dialog .duplicate-content .remember-decision,
.drag-duplicate-dialog .duplicate-content .remember-decision {
  display: flex;
  justify-content: left;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .item,
.drag-duplicate-dialog .duplicate-content .remember-decision .item {
  padding-left: 15px;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .item:first-child,
.drag-duplicate-dialog .duplicate-content .remember-decision .item:first-child {
  padding-left: 0;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .font,
.drag-duplicate-dialog .duplicate-content .remember-decision .font {
  margin-left: 3px;
  bottom: 2px;
  position: relative;
  display: inline-block;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .radio-button,
.drag-duplicate-dialog .duplicate-content .remember-decision .radio-button {
  display: inline-block;
}
.duplicate-asset-dialog .duplicate-content .remember-decision .not-import-append,
.drag-duplicate-dialog .duplicate-content .remember-decision .not-import-append {
  padding-left: 24px;
}
.duplicate-asset-dialog .duplicate-content .edit-append,
.drag-duplicate-dialog .duplicate-content .edit-append {
  line-height: 1 !important;
  margin-left: 10px;
}
.duplicate-asset-dialog .duplicate-content .apply-to-all,
.drag-duplicate-dialog .duplicate-content .apply-to-all {
  text-align: right;
}
.duplicate-asset-dialog .duplicate-content .apply-to-all .font,
.drag-duplicate-dialog .duplicate-content .apply-to-all .font {
  margin-left: 5px;
  font-weight: bold;
}
.duplicate-asset-dialog .duplicate-content .new-actions,
.drag-duplicate-dialog .duplicate-content .new-actions {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-left: -3px;
  margin-right: -3px;
}
.duplicate-asset-dialog .duplicate-content .new-version-metadata,
.drag-duplicate-dialog .duplicate-content .new-version-metadata {
  padding-left: 20px;
}
.duplicate-asset-dialog .version-comment,
.drag-duplicate-dialog .version-comment {
  position: absolute;
  left: 54px;
  bottom: 15px;
  text-align: left;
}
.duplicate-asset-dialog .version-comment .comment-title,
.drag-duplicate-dialog .version-comment .comment-title {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1;
}
.duplicate-asset-dialog .version-comment .version-comment-input,
.drag-duplicate-dialog .version-comment .version-comment-input {
  font-size: 14px;
  font-weight: normal;
  height: 32px;
  margin-bottom: 0;
  width: 280px;
}
.duplicate-footer {
  position: relative;
}
.not-import-metadata {
  padding-left: 23px;
}
.cancel-all .name-list {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 20px;
  min-height: 80px;
  margin: 10px 0px;
  max-height: 150px;
  overflow-y: auto;
}
@font-face {
  font-family: 'icomoon';
  src: url('../assets/settingFonts/icomoon.eot?sxzxc325');
  src: url('../assets/settingFonts/icomoon.eot?sxzxc325#iefix') format('embedded-opentype'), url('../assets/settingFonts/icomoon.ttf?sxzxc325') format('truetype'), url('../assets/settingFonts/icomoon.woff?sxzxc325') format('woff'), url('../assets/settingFonts/icomoon.svg?sxzxc325#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon-s-"],
[class*=" icon-s-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-s-virtual360:before {
  content: "\ea16";
}
.list-icon_product:before {
  content: "\e111";
  font-size: 19px;
}
.icon-s-folder-01:before {
  content: "\e9bc";
}
.icon-s-more-24:before {
  content: "\e941";
}
.icon-s-more-h:before {
  content: "\e940";
}
.icon-s-Treemenu-24:before {
  content: "\e955";
}
.icon-s-arrow-24:before {
  content: "\e956";
}
.icon-s-profile-24:before {
  content: "\e957";
}
.icon-s-settings-24:before {
  content: "\e958";
}
.icon-s-advanceduploader-24:before {
  content: "\e959";
}
.icon-s-mycollections-24:before {
  content: "\e95a";
}
.icon-s-logoout-24:before {
  content: "\e95b";
}
.icon-s-help-24:before {
  content: "\e95c";
}
.icon-s-gotoportal-24:before {
  content: "\e95d";
}
.icon-s-aboutus-24:before {
  content: "\e95e";
}
.icon-s-TypeASC-20:before {
  content: "\e950";
}
.icon-s-TypeDESC-20:before {
  content: "\e950";
}
.icon-s-DateASC-20:before {
  content: "\e948";
}
.icon-s-DateDESC-20:before {
  content: "\e949";
}
.icon-s-NameASC:before {
  content: "\e951";
}
.icon-s-NameDESC:before {
  content: "\e951";
}
.icon-s-Workspace-20:before {
  content: "\e94e";
}
.icon-s-MasonryGridView-20:before {
  content: "\e939";
}
.icon-s-Edit-20:before {
  content: "\e93a";
}
.icon-s-Search-20:before {
  content: "\e93b";
}
.icon-s-ThumbnailView-20:before {
  content: "\e93c";
}
.icon-s-GEOView-20:before {
  content: "\e93d";
}
.icon-s-ListView-20:before {
  content: "\e93e";
}
.icon-s-Filter-20:before {
  content: "\e93f";
}
.icon-s-Date-20:before {
  content: "\e953";
}
.icon-s-Comment-22:before {
  content: "\e931";
}
.icon-s-Comment-23:before {
  content: "\e9c1";
}
.icon-s-w-approve:before {
  content: "\e9c2";
}
.icon-s-w-complete:before {
  content: "\e9c3";
}
.icon-s-w-reject:before {
  content: "\e9c4";
}
.icon-s-Delete-22:before {
  content: "\e932";
}
.icon-s-UnrelateFile-22:before {
  content: "\e92b";
}
.icon-s-RelateFile-22:before {
  content: "\e92c";
}
.icon-s-active:before {
  content: "\e92a";
}
.icon-s-AllFiles-32:before {
  content: "\e944";
}
.icon-s-Audio-32:before {
  content: "\e945";
}
.icon-s-Documents-32:before {
  content: "\e946";
}
.icon-s-Images-32:before {
  content: "\e947";
}
.icon-s-Others-32:before {
  content: "\e94c";
}
.icon-s-Presentations-32:before {
  content: "\e94d";
}
.icon-s-Videos-32:before {
  content: "\e954";
}
.icon-s-PageDown-32:before {
  content: "\e95f";
}
.icon-s-PageUp-32:before {
  content: "\e960";
}
.icon-s-Add_Section-32:before {
  content: "\e938";
}
.icon-s-Portal-32:before {
  content: "\e92d";
}
.icon-s-Error-24:before {
  content: "\e928";
}
.icon-s-Approval-56:before {
  content: "\e966";
}
.icon-s-UsersAccounts-56:before {
  content: "\e967";
}
.icon-s-SmartTags-56:before {
  content: "\e965";
}
.icon-s-Uploadicon-56:before {
  content: "\e961";
}
.icon-s-importicon-56:before {
  content: "\e963";
}
.icon-s-Workspace-56:before {
  content: "\e94f";
}
.icon-s-Slack-56:before {
  content: "\e937";
}
.icon-s-add-album:before {
  content: "\e935";
}
.icon-s-Arrow002-56:before {
  content: "\e936";
}
.icon-s-SelfRegistration-56:before {
  content: "\e933";
}
.icon-s-text-up:before {
  content: "\e92e";
}
.icon-s-text-down:before {
  content: "\e92f";
}
.icon-s-UploadLinks-56:before {
  content: "\e930";
}
.icon-s-mySelections:before {
  content: "\e915";
}
.icon-s-myCollections:before {
  content: "\e916";
}
.icon-s-myFollowing:before {
  content: "\e917";
}
.icon-s-info-down:before {
  content: "\e91b";
}
.icon-s-info-up:before {
  content: "\e91c";
}
.icon-s-content-del:before {
  content: "\e91d";
}
.icon-s-approved-56:before {
  content: "\e91e";
}
.icon-s-circle-plus:before {
  content: "\e920";
}
.icon-s-verified-user:before {
  content: "\e926";
}
.icon-s-inactive:before {
  content: "\e929";
}
.icon-s-box-56:before {
  content: "\e914";
}
.icon-s-newFolder:before {
  content: "\e918";
}
.icon-s-Dropbox-56:before {
  content: "\e919";
}
.icon-s-mainLibrary:before {
  content: "\e91a";
}
.icon-s-save-as:before {
  content: "\e91f";
}
.icon-s-textRecognition:before {
  content: "\e921";
}
.icon-s-file-open:before {
  content: "\e922";
}
.icon-s-Workflow-56:before {
  content: "\e923";
}
.icon-s-Google-56:before {
  content: "\e924";
}
.icon-s-restore:before {
  content: "\e925";
}
.icon-s-move:before {
  content: "\e927";
}
.icon-s-lock_16:before {
  content: "\e968";
}
.icon-s-notlock_16:before {
  content: "\e969";
}
.icon-s-Type-16:before {
  content: "\e950";
}
.icon-s-Name-16:before {
  content: "\e951";
}
.icon-s-Custom-16:before {
  content: "\e952";
}
.icon-s-Date-16:before {
  content: "\e953";
}
.icon-s-Warning-16:before {
  content: "\e934";
}
.icon-s-unassign:before {
  content: "\e913";
}
.icon-s-Unlink_16:before {
  content: "\e900";
}
.icon-s-Search_16:before {
  content: "\e901";
}
.icon-s-Refresh_16:before {
  content: "\e902";
}
.icon-s-RadioButton2_16:before {
  content: "\e903";
}
.icon-s-RadioButton1_16:before {
  content: "\e904";
}
.icon-s-UnselectedCheck_32:before {
  content: "\e962";
}
.icon-s-Ok2_32:before {
  content: "\e905";
}
.icon-s-Ok1_16:before {
  content: "\e906";
}
.icon-s-Edit_16:before {
  content: "\e907";
}
.icon-s-Dropdown_16:before {
  content: "\e908";
}
.icon-s-Delete_16:before {
  content: "\e909";
}
.icon-s-Date_16:before {
  content: "\e90a";
}
.icon-s-ClosePopup_16:before {
  content: "\e90b";
}
.icon-s-Checkbox2_16:before {
  content: "\e90c";
}
.icon-s-Checkbox1_16:before {
  content: "\e90d";
}
.icon-s-Cancel_16:before {
  content: "\e90e";
}
.icon-s-BackButton_28:before {
  content: "\e90f";
}
.icon-s-Arrow3_16:before {
  content: "\e910";
}
.icon-s-Arrow2_16:before {
  content: "\e911";
}
.icon-s-Arrow1_16:before {
  content: "\e912";
}
.icon-s-filter-col:before {
  content: "\e964";
}
.icon-s-dashboard_24:before {
  content: "\e96a";
}
.icon-s-Album_locked-20px:before {
  content: "\e96b";
}
.icon-s-Album-20px:before {
  content: "\e96c";
}
.icon-s-Folder_locked-20px:before {
  content: "\e9bf";
}
.icon-s-Folder_open_locked-20px:before {
  content: "\e9c0";
}
.icon-s-Folder_open-20px:before {
  content: "\e9bd";
}
.icon-s-closeicon-16px:before {
  content: "\e970";
}
.icon-s-refreshicon-16px:before {
  content: "\e971";
}
.icon-s-logout-20px:before {
  content: "\e975";
}
.icon-s-RequestAccessUser-16:before {
  content: "\e978";
}
.icon-s-LandingPageTempl08-32:before {
  content: "\e979";
}
.icon-s-LandingPageTempl07-32:before {
  content: "\e97a";
}
.icon-s-LandingPageTempl06-32:before {
  content: "\e97b";
}
.icon-s-LandingPageTempl05-32:before {
  content: "\e97c";
}
.icon-s-LandingPageTempl04-32:before {
  content: "\e97d";
}
.icon-s-LandingPageTempl03-32:before {
  content: "\e97e";
}
.icon-s-LandingPageTempl02-32:before {
  content: "\e97f";
}
.icon-s-LandingPageTempl01-32:before {
  content: "\e980";
}
.icon-s-db-32:before {
  content: "\e982";
  color: #60ACEC;
}
.icon-s-box-32:before {
  content: "\e983";
  color: #307ABB;
}
.icon-s-twitter-32 {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
.icon-s-twitter-32::before,
.icon-s-twitter-32::after {
  position: absolute;
}
.icon-s-twitter-32::before {
  content: "\ea4f";
  color: #000000;
}
.icon-s-twitter-32::after {
  content: "\ea50";
  color: #fff;
}
.icon-s-youtube-32:before {
  content: "\e985";
  color: #C8312B;
}
.icon-s-vimeo-32:before {
  content: "\e986";
  color: #30B9EB;
}
.icon-s-slack-32:before {
  content: "\e987";
  color: #77D4B6;
}
.icon-s-mail-32:before {
  content: "\e988";
  color: #566ED6;
}
.icon-s-link-32:before {
  content: "\e9f7";
  color: #F68B1E;
}
.icon-s-googledrive-32:before {
  content: "\e989";
  color: #029D54;
}
.icon-s-wrike-32:before {
  content: "\ea20";
  color: #839D54;
}
.icon-s-add:before {
  content: "\ea21";
}
.icon-s-googleanalytics-32:before {
  content: "\e98a";
}
.icon-s-facebook-32:before {
  content: "\e98b";
  color: #6678C5;
}
.icon-s-pinterest-32:before {
  content: "\e98c";
  color: #DF4A3E;
}
.icon-s-arrow_circle_down-62:before {
  content: "\e99e";
}
.icon-s-Email-56:before {
  content: "\e98f";
}
.icon-s-hamburger-20:before {
  content: "\e990";
}
.icon-s-dagger_solid-20:before {
  content: "\e991";
}
.icon-s-dagger-20:before {
  content: "\e992";
}
.icon-s-align_center-16:before {
  content: "\e997";
  color: #8a8a8a;
}
.icon-s-align_left-16:before {
  content: "\e998";
}
.icon-s-align_right-16:before {
  content: "\e999";
}
.icon-s-bold-16:before {
  content: "\e99a";
}
.icon-s-calendar-16:before {
  content: "\e99b";
}
.icon-s-italics-16:before {
  content: "\e996";
}
.icon-s-pencil-16:before {
  content: "\e907";
}
.icon-s-pencil-16-2:before {
  content: "\e995";
}
.icon-s-portal-16:before {
  content: "\e993";
}
.icon-s-canto-eyeno-16:before {
  content: "\e994";
}
.icon-s-filter-16:before {
  content: "\e99c";
}
.icon-s-sort-16:before {
  content: "\e98d";
}
.icon-s-undo-16:before {
  content: "\e98e";
}
.icon-s-help-16:before {
  content: "\e99d";
}
.icon-s-layout01-32:before {
  content: "\e99f";
}
.icon-s-layout02-32:before {
  content: "\e9a0";
}
.icon-s-layout03-32:before {
  content: "\e9a1";
}
.icon-s-layout04-32:before {
  content: "\e9a2";
}
.icon-s-layout05-32:before {
  content: "\e9a3";
}
.icon-s-layout06-32:before {
  content: "\e9a4";
}
.icon-s-layout07-32:before {
  content: "\e9a5";
}
.icon-s-layout08-32:before {
  content: "\e9a6";
}
.icon-s-layout09-32:before {
  content: "\e9a7";
}
.icon-s-layout10-32:before {
  content: "\e9a8";
}
.icon-s-layout11-32:before {
  content: "\e9a9";
}
.icon-s-layout12-32:before {
  content: "\e9aa";
}
.icon-s-layout13-32:before {
  content: "\e9ab";
}
.icon-s-layout14-32:before {
  content: "\e9ac";
}
.icon-s-fontfamily-16:before {
  content: "\e9ad";
}
.icon-s-Clone-16:before {
  content: "\e9ae";
}
.icon-s-save-16:before {
  content: "\e9af";
}
.icon-s-Portal_Private-20:before {
  content: "\e9b2";
}
.icon-s-Portal_Public-20:before {
  content: "\e9b1";
}
.icon-s-Portal_Common-20:before {
  content: "\e9b0";
}
.icon-s-Keyword-16:before {
  content: "\e9b3";
}
.icon-s-single_workspace-20:before {
  content: "\e9b4";
}
.icon-s-workspaces-20:before {
  content: "\e9b5";
}
.icon-s-Fullscreen:before {
  content: "\e9b6";
}
.icon-s-indesignPackage:before {
  content: "\e9b7";
}
.icon-s-documentPackage:before {
  content: "\e9b8";
}
.icon-s-comments:before {
  content: "\e9b9";
}
.icon-s-map:before {
  content: "\e9ba";
}
.icon-s-GenerateMyDoc:before {
  content: "\e9bb";
}
.icon-s-new-folder:before {
  content: "\e9bc";
}
.icon-s-open-folder:before {
  content: "\e9bd";
}
.icon-s-new-big-folder:before {
  content: "\e9be";
}
.icon-s-new-lock-folder:before {
  content: "\e9bf";
}
.icon-s-open-lock-folder:before {
  content: "\e9c0";
}
.icon-s-exportMetadata:before {
  content: "\e9c5";
}
.icon-s-exportThumbnails:before {
  content: "\e9c6";
}
.icon-s-Start_Normal:before {
  content: "\e9c7";
}
.icon-s-Start_Activated:before {
  content: "\e9c8";
}
.icon-s-layout15-32:before {
  content: "\e9c9";
}
.icon-s-insert_file:before {
  content: "\e9ca";
}
.icon-s-assetrequest:before {
  content: "\e9cb";
}
.icon-s-style-guide:before {
  content: "\e9cc";
}
.icon-s-fit:before {
  content: "\e9cd";
}
.icon-s-style-guide-l:before {
  content: "\e9ce";
}
.icon-s-style-guide-b:before {
  content: "\e9cf";
}
.icon-s-font-color:before {
  content: "\e9d0";
}
.icon-s-refresh-20px:before {
  content: "\e972";
}
.icon-s-layout17-32:before {
  content: "\e9d2";
}
.icon-s-layout18-32:before {
  content: "\e9ec";
}
.icon-s-layout16-32:before {
  content: "\e9d3";
}
.icon-s-m-layout3:before {
  content: "\e9d4";
}
.icon-s-m-layout2:before {
  content: "\e9d5";
}
.icon-s-m-layout1:before {
  content: "\e9d6";
}
.icon-s-expired-20:before {
  content: "\e9d7";
}
.icon-s-fontBT:before {
  content: "\e9d8";
}
.icon-s-fontDT:before {
  content: "\e9d9";
}
.icon-s-egnyte-56:before {
  content: "\e9da";
}
.icon-s-egnyte_folder:before {
  content: "\e9db";
}
.icon-s-egnyte_folder_open:before {
  content: "\e9dc";
}
.icon-s-onedrive_folder:before {
  content: "\e9ed";
}
.icon-s-onedrive_folder_open:before {
  content: "\e9f1";
}
.icon-s-Face:before {
  content: "\e9dd";
}
.icon-s-relatedFiles:before {
  content: "\e9de";
}
.icon-s-remeberSelected:before {
  content: "\e9df";
}
.icon-s-duplicates:before {
  content: "\e9e0";
}
.icon-s-categoryFiles:before {
  content: "\e9e1";
}
.icon-s-remember:before {
  content: "\e9e2";
}
.icon-s-replace:before {
  content: "\e9e3";
}
.icon-s-linkedin-32:before {
  content: "\e9e4";
  color: #0097D3;
}
.icon-s-approve1:before {
  content: "\e9e7";
}
.icon-s-expired:before {
  content: "\e9e8";
}
.icon-s-pending:before {
  content: "\e9e9";
}
.icon-s-restrict:before {
  content: "\e9ea";
}
.icon-s-restricted:before {
  content: "\e9ea";
}
.icon-s-AddSubtitle:before {
  content: "\e9e5";
}
.icon-s-Subtitle:before {
  content: "\e9e6";
}
.icon-s-AutoTag:before {
  content: "\e9fe";
}
.icon-s-art:before {
  content: "\e9eb";
}
.icon-onedrive_folder:before {
  content: "\e9ed";
}
.icon-s-sharepoint:before {
  content: "\e9ee";
}
.icon-s-sharepoint_newfolder:before {
  content: "\e9ef";
}
.icon-s-sharepoint_openfolder:before {
  content: "\e9f0";
}
.icon-s-readtext:before {
  content: "\e9f2";
}
.icon-s-share:before {
  content: "\e9f3";
}
.icon-s-download:before {
  content: "\e9f4";
}
.icon-s-user:before {
  content: "\e9f5";
}
.icon-s-en:before {
  content: "\e9f6";
}
.icon-s-refresh619:before {
  content: "\e9f8";
}
.icon-s-cancelShareCollect:before {
  content: "\e9f9";
}
.icon-s-shareCollect:before {
  content: "\e9fa";
}
.icon-s-Timefresh:before {
  content: "\e9fb";
}
.icon-s-SearchDocument:before {
  content: "\e9ff";
}
.icon-s-AutoTag-Image:before {
  content: "\ea00";
}
.icon-s-AutoTag-Image1:before {
  content: "\ea01";
}
.icon-s-cantologo:before {
  content: "\ea02";
}
.icon-s-stop:before {
  content: "\ea03";
}
.icon-s-eye-on:before {
  content: "\ea04";
}
.icon-s-eye-off:before {
  content: "\ea05";
}
.icon-s-CN:before {
  content: "\ea06";
}
.icon-s-CS:before {
  content: "\ea07";
}
.icon-s-DE:before {
  content: "\ea08";
}
.icon-s-EN:before {
  content: "\ea09";
}
.icon-s-ES:before {
  content: "\ea0a";
}
.icon-s-FR:before {
  content: "\ea0b";
}
.icon-s-IT:before {
  content: "\ea0c";
}
.icon-s-JA:before {
  content: "\ea0d";
}
.icon-s-KO:before {
  content: "\ea0e";
}
.icon-s-NL:before {
  content: "\ea0f";
}
.icon-s-metadata:before {
  content: "\ea1a";
}
.icon-s-eyedropper:before {
  content: "\ea11";
}
.icon-s-paste:before {
  content: "\ea12";
}
.icon-s-info:before {
  content: "\ea13";
}
.icon-s-allfiles:before {
  content: "\ea15";
}
.icon-s-text:before {
  content: "\ea1f";
}
.icon-s-refresh-time:before {
  content: "\ea1d";
}
.icon-s-pinterest:before {
  content: "\ea17";
}
.icon-s-instagram:before {
  content: "\ea18";
}
.icon-s-linkedin:before {
  content: "\ea19";
}
.icon-s-twitter:before {
  content: "\ea1b";
}
.icon-s-vimeo:before {
  content: "\ea1c";
}
.icon-s-youtube:before {
  content: "\ea1e";
}
.icon-s-large-img:before {
  content: "\ea30";
}
.icon-s-custom_status_01:before {
  content: "\ea31";
}
.icon-s-custom_status_02:before {
  content: "\ea34";
}
.icon-s-custom_status_03:before {
  content: "\ea35";
}
.icon-s-custom_status_04:before {
  content: "\ea36";
}
.icon-s-custom_status_05:before {
  content: "\ea37";
}
.icon-s-custom_status_06:before {
  content: "\ea38";
}
.icon-s-custom_status_07:before {
  content: "\ea39";
}
.icon-s-custom_status_08:before {
  content: "\ea3a";
}
.icon-s-custom_status_09:before {
  content: "\ea32";
}
.icon-s-custom_status_10:before {
  content: "\ea3b";
}
.icon-s-custom_status_11:before {
  content: "\ea3c";
}
.icon-s-custom_status_12:before {
  content: "\ea3d";
}
.icon-s-custom_status_13:before {
  content: "\ea33";
}
.icon-s-tune:before {
  content: "\ea3f";
}
.icon-s-checkbox_blank:before {
  content: "\ea40";
}
.icon-s-checkbox:before {
  content: "\ea41";
}
.icon-s-ai:before {
  content: "\ea42";
}
.icon-s-ai2:before {
  content: "\ea43";
}
.icon-s-relevance:before {
  content: "\ea44";
}
.icon-s-underline:before {
  content: "\ea45";
}
.icon-s-preview_40:before {
  content: "\ea46";
}
.icon-s-heart_plus:before {
  content: "\ea47";
}
.icon-s-a2follow:before {
  content: "\ea48";
}
.icon-s-comment-fill:before {
  content: "\ea4c";
}
.icon-s-checkout:before {
  content: "\ea4d";
}
.icon-s-crop:before {
  content: "\ea4a";
}
.icon-s-local_movies:before {
  content: "\ea4b";
}
.icon-s-embed:before {
  content: "\ea49";
}
.icon-s-theaters:before {
  content: "\ea4e";
}
.icon-s-add-circle:before {
  content: "\e984";
}
.table-list {
  overflow: hidden;
  min-height: 50px;
  position: relative;
  height: 100%;
  display: block;
}
.table-list .table-header {
  text-align: left;
  height: 80px;
  line-height: 80px;
  vertical-align: middle;
  position: relative;
  margin: 0 20px;
  border-bottom: #ddd 1px solid;
}
.table-list .table-header .cellPaddingLR {
  padding: 0px 10px;
}
.table-list .table-header .header-cell {
  position: absolute;
  display: table-cell;
  height: 80px;
  line-height: 80px;
  font-weight: 700;
  cursor: pointer;
}
.table-list .table-header .header-cell .cell-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list .table-header .header-cell .cell-no-ellipsis {
  padding-left: 10px;
  padding-right: 10px;
}
.table-list .table-chooseBtn {
  font-size: 24px;
  text-align: center;
  line-height: 90px;
  z-index: 2;
  visibility: hidden;
  color: #666666;
  position: absolute;
  width: 100%;
}
.table-list .table-chooseBtn .table-chooseBtn-bg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 10px;
  z-index: -1;
}
.table-list .table-chooseBtn.selectMode {
  visibility: visible;
}
.table-list .icon-table-schemeIcon {
  font-size: 20px;
  text-align: left;
  line-height: 90px;
  z-index: 2;
}
.table-list .icon-table-schemeIcon.folder {
  font-family: 'icomoon' !important;
}
.table-list .icon-table-schemeIcon.folder:before {
  content: "\e9bc";
}
.table-list .icon-table-schemeIcon.album:before {
  content: "\5b";
}
.table-list .icon-table-schemeIcon.image:before {
  content: "\63";
}
.table-list .icon-table-schemeIcon.video:before {
  content: "\65";
}
.table-list .icon-table-schemeIcon.audio:before {
  content: "\64";
}
.table-list .icon-table-schemeIcon.document:before {
  content: "\6b";
}
.table-list .icon-table-schemeIcon.presentation:before {
  content: "\74";
}
.table-list .icon-table-schemeIcon.other:before {
  content: "\6a";
}
.table-list .table-freeze {
  float: left;
  font-size: 20px;
  margin-right: 10px;
  margin-top: 14px;
}
.table-list ul.container {
  position: relative;
  width: 100%;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.table-list ul.container::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.table-list ul.container::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.table-list ul.container::-webkit-scrollbar {
  width: 10px;
}
.table-list ul.container.margin-right10 li {
  margin-right: 10px;
}
.table-list ul.container li {
  border-bottom: #ddd 1px solid;
  margin: 0 20px;
  border-radius: 0;
}
.table-list ul.container li.selected {
  background-color: inherit;
}
.table-list ul.container li.virtual {
  position: absolute;
  left: 0;
  right: 0;
}
.table-list ul.container li.noClick {
  cursor: default;
}
.table-list ul.container .operations span {
  color: grey;
  padding: 3px;
  vertical-align: middle;
  font-size: 14px;
  text-decoration: none;
}
.table-list ul.container .operations span:hover {
  color: #444;
  text-decoration: none;
}
.table-list ul.container .cursor-base {
  cursor: initial;
}
.table-list .table-row {
  position: relative;
  text-align: left;
}
.table-list .table-row:hover {
  cursor: pointer;
}
.table-list .table-row:hover .table-chooseBtn {
  visibility: visible;
}
.table-list .table-disabled-row {
  color: #cdcdcd;
}
.table-list .-choice ul li {
  height: auto;
  line-height: normal;
  font-size: initial;
}
.table-list ul li {
  overflow: hidden;
  height: 90px;
  line-height: 90px;
  vertical-align: middle;
}
.table-list ul li .content-cell {
  position: absolute;
  vertical-align: middle;
}
.table-list ul li button {
  border-radius: 25px;
  margin-right: 5px;
}
.table-list ul li .cell-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 90px;
  line-height: 90px;
  font-weight: bold;
}
.table-list ul li.selected {
  background-color: rgba(200, 200, 200, 0.3);
}
.table-list ul li .stars-size {
  font-size: 20px;
}
.table-list ul li .label-content {
  width: 80%;
  height: 15px;
  border: 1px solid #8a8a8a;
  border-radius: 3px;
  position: absolute;
  top: 38px;
}
.table-list ul li .label-content .label-color {
  display: inline-block;
  height: 13px;
  float: left;
}
.table-list ul li .label-content .label-color:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.table-list ul li .label-content .label-color:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.table-list .oddRow {
  background-color: #efefef;
}
.table-list .evenRow {
  background-color: #FFFFFF;
}
.table-list .cell-thumb {
  overflow: hidden;
  vertical-align: middle;
  text-align: left;
  width: 60px;
  height: 90px;
  line-height: 90px;
}
.table-list .thumb-img {
  max-height: 80px;
}
.table-list .cell-avatar {
  vertical-align: middle;
  text-align: center;
  width: 30px;
  height: 30px;
}
.table-list .upload-btn {
  width: 42px;
  height: 34px;
  font-weight: 300;
  font-size: 28px;
  color: #f2f2f2;
  background-color: #cacaca;
  box-shadow: none;
  border: none;
  text-decoration: none;
  outline: none;
  vertical-align: middle;
  /* padding: 0px 10px; */
  line-height: 20px;
}
.table-list .upload-btn:hover {
  color: #ffffff;
  background: #545454;
}
.table-list .upload-btn:active {
  color: #ffffff;
}
.table-list.table-list-noborder ul.container li {
  border: none;
}
@-moz-document url-prefix() {
  .table-list ul.container.margin-right10 li {
    margin-right: 3px;
  }
}
.l-edit-name .circle-button {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px!important;
  font-size: 13px;
  display: inline-block;
  text-align: center;
}
.l-edit-name .f-rename {
  width: calc(100% - 100px);
  margin: 0 5px;
  cursor: text;
}
.l-edit-name .r-name {
  cursor: text;
  max-width: calc(100% - 30px);
  display: inline-block;
}
.l-edit-name .r-edit {
  margin-left: 5px;
  overflow: hidden;
  display: inline-block;
  line-height: 90px;
}
.inline-block {
  display: inline-block;
}
/*!
 * Cropper v1.0.0-rc.1
 * https://github.com/fengyuanchen/cropper
 *
 * Copyright (c) 2014-2015 Fengyuan Chen and contributors
 * Released under the MIT license
 *
 * Date: 2015-09-05T04:29:22.355Z
 */
.cropper-container {
  position: relative;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr!important;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0!important;
  max-width: none!important;
  height: 100%;
  min-height: 0!important;
  max-height: none!important;
  image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-drag-box {
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-dashed,
.cropper-modal {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.cropper-modal {
  background-color: #000000;
}
.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: #69f solid 1px;
  outline-color: rgba(102, 153, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eeeeee;
}
.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.cropper-center:after,
.cropper-center:before {
  position: absolute;
  display: block;
  content: " ";
  background-color: #eeeeee;
}
.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=10);
  opacity: 0.1;
}
.cropper-face {
  top: 0;
  left: 0;
  background-color: #ffffff;
}
.cropper-line,
.cropper-point {
  background-color: #6699ff;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  filter: alpha(opacity=75);
  opacity: 0.75;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  filter: alpha(opacity=100);
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: " ";
  background-color: #69f;
  filter: alpha(opacity=0);
  opacity: 0;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    filter: alpha(opacity=75);
    opacity: 0.75;
  }
}
.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-invisible {
  filter: alpha(opacity=0);
  opacity: 0;
}
.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.mobile-top {
  height: 45px;
  min-height: 45px;
  border: 0;
}
.mobile-top .sidebar-toggle {
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 0;
}
.mobile-top .sidebar-toggle span {
  vertical-align: middle;
}
.mobile-top .mobile-top-avatar {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.mobile-top .mobile-top-avatar .img-circle {
  width: 30px;
  height: 30px;
}
.mobile-top .mobile-top-button-group {
  margin: 0;
  font-size: 18px;
}
.mobile-top .mobile-top-button-group li {
  margin: 0px 3px;
}
.mobile-top .mobile-top-button-group li span {
  line-height: 45px;
}
.mobile-top .mobile-top-button-group li .lang-btn {
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  font-weight: bold;
  background-color: #000;
  color: white;
  border-radius: 3px;
  position: relative;
  top: -3px;
}
.mobile-top .mobile-top-dripdown {
  position: absolute;
  width: 100%;
  top: 45px;
  display: none;
  border-left: #c1c1c1 1px solid;
  border-top: #c1c1c1 1px solid;
  border-radius: 4px;
  background: #f2f5fa;
  max-height: calc(100vh - 90px);
  overflow-y: auto;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 45px;
  background: #000;
  z-index: -1;
  opacity: 0.5;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item {
  border-right: #c1c1c1 1px solid;
  border-bottom: #c1c1c1 1px solid;
  text-align: center;
  height: 99px;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item [class^="icon-"] {
  font-size: 32px;
  margin: 14px 0 10px 0;
  display: inline-block;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item a {
  display: block;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item .mobile-top-dripdown-item-label {
  font-weight: 600;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item-no-label {
  border-right: #c1c1c1 1px solid;
  border-bottom: #c1c1c1 1px solid;
  text-align: center;
  height: 99px;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item-no-label [class^="icon-"] {
  font-size: 32px;
  margin: 14px 0 10px 0;
  display: inline-block;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item-no-label a {
  display: block;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item-no-label .mobile-top-dripdown-item-label {
  font-weight: 600;
}
.mobile-top .mobile-top-dripdown .mobile-top-dripdown-item-no-label [class^="icon-"] {
  margin: 0;
  line-height: 99px;
}
.mobile-top .mobile-bottom-dripdown {
  position: fixed;
  width: 96%;
  bottom: 55px;
  display: none;
  border-radius: 4px;
  background: #f2f5fa;
  max-height: calc(100vh - 90px);
  overflow-y: auto;
  text-align: center;
  left: 2%;
}
.mobile-top .mobile-bottom-dripdown .mobile-top-dripdown-mask {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 45px;
  background: #000;
  z-index: -1;
  opacity: 0.5;
}
.mobile-top .mobile-bottom-dripdown .mobile-bottom-dripdown-item {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee !important;
}
.mobile-top .nav-menu {
  position: absolute;
  top: 45px;
  height: 45px;
  width: 100%;
  line-height: 45px;
}
.mobile-top .nav-menu .title-bar {
  width: 100%;
  padding: 0 5px;
}
.mobile-top .nav-menu .title-bar .title-container {
  position: absolute;
  padding-right: 90px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobile-top .nav-menu .multi-select-menu {
  width: 100%;
  text-align: right;
  font-size: 18px;
}
.mobile-top .nav-menu .multi-select-menu div {
  display: inline;
}
.mobile-top .nav-menu .multi-select-menu span {
  margin: 0 10px;
}
.mobile-top .has-new {
  position: relative;
}
.mobile-top .has-new:after {
  content: ' ';
  width: 10px;
  height: 10px;
  background: #f00;
  display: inline-block;
  border-radius: 5px;
  position: absolute;
  right: -5px;
  top: 2px;
}
.mobile-top .unread-count {
  height: 25px;
  width: 25px;
  display: inline-block;
  background-color: #FF4070;
  line-height: 25px;
  border-radius: 50%;
  font-size: 10px;
  color: #ffffff;
  font-weight: 600;
  position: relative;
  bottom: 10px;
  right: 6px;
  text-align: center;
}
.mobile-top .unread-count-bell {
  position: absolute;
  height: 25px;
  width: 25px;
  display: inline-block;
  background-color: #FF4070;
  line-height: 25px;
  border-radius: 50%;
  font-size: 10px;
  color: #ffffff;
  font-weight: 600;
  top: 8px;
  right: 55px;
  text-align: center;
}
.mobile-top .share-title {
  line-height: 45px;
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select-mode [upload-float-button] {
  display: none;
}
.sidebar-left-in .pull-left {
  opacity: 0;
}
.margin-left {
  margin-left: 20px;
}
.mobile-bottom {
  height: 55px;
  min-height: 55px;
  border: 0;
}
.mobile-bottom .btn-navbar {
  padding: 0;
  line-height: 55px;
  text-transform: none;
  border-radius: 0;
}
.mobile-bottom .btn-navbar span {
  display: inline-block;
  font-size: 14px;
  padding: 6px;
  vertical-align: middle;
  height: 27px;
  width: 27px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
}
.ip-mob-bottom .btn-group.sm-btn .btn-navbar {
  line-height: 40px;
}
.login-container.TENANT_LOGIN_BGIMAGE {
  background-position: center;
  background-size: cover;
}
.login-container .modal-dialog {
  height: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
}
.login-container .modal-dialog .modal-content {
  color: #fefefe;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.login-container .modal-dialog .modal-content .error-container {
  padding: 10px;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100vw;
}
.login-container .modal-dialog .modal-content .title-container {
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  margin: 5px;
}
.login-container .modal-dialog .modal-content .logo-container {
  text-align: center;
  margin-top: 24px;
}
.login-container .modal-dialog .modal-content .logo-container img {
  height: 49px;
}
.login-container .modal-dialog .modal-content .login-box {
  padding: 0 40px;
  text-align: center;
  height: 240px;
  width: 100vw;
  position: absolute;
  top: 50vh;
  margin-top: -110px;
  z-index: 999;
}
.login-container .modal-dialog .modal-content .login-box .welcome-text {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  text-align: center;
}
.login-container .modal-dialog .modal-content .login-box .welcome-text.title-h1 {
  font-size: 26px;
  line-height: 48px;
}
.login-container .modal-dialog .modal-content .login-box .welcome-text.title-h2 {
  font-size: 22px;
  line-height: 34px;
}
.login-container .modal-dialog .modal-content .login-box .welcome-text.title-h3 {
  font-size: 18px;
  line-height: 28px;
}
.login-container .modal-dialog .modal-content .login-box input.username,
.login-container .modal-dialog .modal-content .login-box input.password {
  width: 100%;
  height: 48px;
  border: 0;
  border-bottom: 1px solid #fefefe;
  color: #fefefe;
  background-color: transparent !important;
  margin-bottom: 0px !important;
  font-size: 16px;
  line-height: 24px;
  border-radius: 0px;
  text-align: center;
  opacity: 0.8;
  max-width: 300px;
}
.login-container .modal-dialog .modal-content .login-box input.username:-webkit-autofill,
.login-container .modal-dialog .modal-content .login-box input.password:-webkit-autofill,
.login-container .modal-dialog .modal-content .login-box input.username:-webkit-autofill:hover,
.login-container .modal-dialog .modal-content .login-box input.password:-webkit-autofill:hover,
.login-container .modal-dialog .modal-content .login-box input.username:-webkit-autofill:focus,
.login-container .modal-dialog .modal-content .login-box input.password:-webkit-autofill:focus,
.login-container .modal-dialog .modal-content .login-box input.username:-webkit-autofill:active,
.login-container .modal-dialog .modal-content .login-box input.password:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}
.login-container .modal-dialog .modal-content .login-box input.username::-webkit-input-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password::-webkit-input-placeholder {
  color: #fefefe;
}
.login-container .modal-dialog .modal-content .login-box input.username:-moz-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password:-moz-placeholder {
  color: #fefefe;
  opacity: 1;
}
.login-container .modal-dialog .modal-content .login-box input.username::-moz-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password::-moz-placeholder {
  color: #fefefe;
  opacity: 1;
}
.login-container .modal-dialog .modal-content .login-box input.username:-ms-input-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password:-ms-input-placeholder {
  color: #fefefe;
}
.login-container .modal-dialog .modal-content .login-box input.username:focus::-webkit-input-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password:focus::-webkit-input-placeholder {
  color: transparent;
}
.login-container .modal-dialog .modal-content .login-box input.username:focus:-moz-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password:focus:-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.login-container .modal-dialog .modal-content .login-box input.username:focus::-moz-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password:focus::-moz-placeholder {
  color: transparent;
  opacity: 1;
}
.login-container .modal-dialog .modal-content .login-box input.username:focus:-ms-input-placeholder,
.login-container .modal-dialog .modal-content .login-box input.password:focus:-ms-input-placeholder {
  color: transparent;
}
.login-container .modal-dialog .modal-content .login-box input.password {
  margin-top: 40px;
}
.login-container .modal-dialog .modal-content .login-box button.login {
  margin-top: 60px;
  max-width: 240px;
}
.login-container .modal-dialog .modal-content .login-box .login-footer-1,
.login-container .modal-dialog .modal-content .login-box .login-footer-2 {
  margin: 20px 0px;
  padding: 0px 39px;
}
.login-container .modal-dialog .modal-content .login-box .login-footer-1 .login-btn-area .login-btn,
.login-container .modal-dialog .modal-content .login-box .login-footer-2 .login-btn-area .login-btn {
  width: 80%;
  margin: 0 auto;
}
.login-container .modal-dialog .modal-content .login-box .login-footer-1 .login-btn-area .login-btn:focus,
.login-container .modal-dialog .modal-content .login-box .login-footer-2 .login-btn-area .login-btn:focus {
  outline: black 1px dotted;
}
.login-container .modal-dialog .modal-content .login-box .login-footer-1 .btn-login,
.login-container .modal-dialog .modal-content .login-box .login-footer-2 .btn-login {
  width: 80%;
  margin: 20px auto;
  padding: 0px 20px;
  line-height: 38px;
  border-radius: 19px;
  background-color: #e0e0e0;
  color: #303030;
}
.login-container .modal-dialog .modal-content .login-box .sso-login-btns {
  position: relative;
}
.login-container .modal-dialog .modal-content .login-box .sso-login-btns .sso-login-menu {
  position: absolute;
  background-color: #e0e0e0;
  color: #303030;
  border-radius: 5px;
  width: 80%;
  padding: 10px 0;
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.login-container .modal-dialog .modal-content .login-box .sso-login-btns .sso-login-menu .sso-item {
  padding: 7px 15px 5px;
  text-align: center;
  font-weight: 600;
}
.login-container .modal-dialog .modal-content .login-box .sso-login-btns .sso-login-menu .sso-item:hover {
  background: #b5b5b5;
}
.login-container .modal-dialog .modal-content .rememberme-box {
  margin: 20px auto;
  width: 200px;
}
.login-container .modal-dialog .modal-content .foot-link-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px;
}
.login-container .modal-dialog .modal-content .nectar-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0;
  overflow: hidden;
  z-index: -1;
}
@media (max-height: 500px) {
  .login-container .modal-dialog .modal-content .title-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
  .login-container .modal-dialog .modal-content .logo-container {
    position: absolute;
    top: 0;
    margin: 5px;
    width: 50%;
    text-align: left;
  }
  .login-container .modal-dialog .modal-content .login-box {
    height: 170px;
    margin-top: -85px;
  }
  .login-container .modal-dialog .modal-content .login-box .welcome-text {
    top: -40px;
  }
  .login-container .modal-dialog .modal-content .login-box input.password {
    margin-top: 10px;
  }
  .login-container .modal-dialog .modal-content .login-box button.login {
    margin-top: 20px;
  }
}
.register-now .modal-dialog {
  top: 0;
  bottom: 0;
}
.register-now .form-group:first-child {
  padding-top: 0;
}
.register-use-code {
  position: fixed;
  bottom: 50px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
}
.register-now-form.-mobile {
  margin-bottom: 40px;
}
.register-now-form.-mobile .item-title .-mandatory:after {
  content: ' *';
  color: red;
}
.register-now-form.-mobile .input-circle {
  width: 100%;
  margin: .5em 0 1em 0;
}
.register-now-form.-mobile .input-circle.-choice {
  margin-bottom: 2em;
}
.register-now-form.-mobile .input-circle.-choice input {
  margin-bottom: 0;
}
.register-now-form.-mobile .invitation {
  margin: .5em 0 1em 0;
}
.register-now-form.-mobile .keyword-box {
  float: left;
  margin: 8px .5em 0 0;
  padding: 0px 6px;
  font-size: 16px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 1.5em;
  width: 100%;
}
.register-now-form.-mobile .keyword-box:hover {
  background: #f2f2f2;
}
.register-now-form.-mobile .keyword-box [class^="icon-s-"],
.register-now-form.-mobile .keyword-box [class*=" icon-s-"] {
  line-height: 1.5em;
  font-size: 16px;
}
.register-now-form.-mobile .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
}
.register-mail-mobile {
  position: relative;
}
.register-mail-mobile .select-wrap {
  position: absolute;
  right: 0;
  height: 100%;
  width: 130px;
}
.register-mail-mobile input {
  width: 100%;
}
.register-code-mobile {
  padding: 10px 0;
}
.register-code-mobile .check-title {
  font-weight: 700;
}
.register-comment-mobile textarea {
  border-radius: 15px;
  width: 100%;
  padding: 10px 15px;
  resize: none;
}
.captcha-checkbox {
  font-weight: 700;
  margin-bottom: 15px;
}
.error-warning {
  display: inline-block;
  margin-top: 5px;
  color: #ff0000;
  font-weight: normal;
}
.captcha-line {
  margin-top: 10px;
  margin-bottom: 20px;
}
.captcha-line .change-captcha span {
  margin-top: 8px;
  color: blue;
  text-decoration: underline;
}
.captcha-line .error-msg {
  color: #ff0000;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}
.captcha-line.captcha-image {
  margin-left: 20px;
}
.login-language {
  position: relative;
  top: 35px;
  float: right;
  right: 40px;
}
.login-language .language-select {
  border-radius: 5px;
  background: none;
  height: 22px;
  color: #FCFCFC !important;
  border-color: #FCFCFC !important;
}
.login-language .effect-language > option {
  background-color: rgba(68, 68, 68, 0.6);
}
.table-list-mobile {
  position: fixed;
  overflow: hidden;
  top: 90px;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto !important;
}
.table-list-mobile .noresult {
  position: absolute;
  font-size: 18px;
  line-height: 1.5em;
  width: 80%;
  left: 10%;
  top: 30%;
  text-align: center;
  z-index: 1;
}
.table-list-mobile .noresult .drag-upload-msg {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.table-list-mobile .noresult .operations {
  margin: 25px 0;
  font-size: 14px;
  font-weight: 600;
}
.table-list-mobile ul.container {
  max-height: 100%;
  padding: 0;
  overflow-y: auto;
}
.table-list-mobile ul.container li {
  list-style: none;
  border-bottom: #ccc 1px solid;
  padding: 15px;
  overflow: hidden;
  position: relative;
}
.table-list-mobile ul.container li .img-warp {
  width: 80px;
  height: 80px;
  line-height: 80px;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.table-list-mobile ul.container li .img-warp .people-img {
  width: 100%;
  height: 100;
  border-radius: 50%;
}
.table-list-mobile ul.container li .img-warp .thumb-img {
  max-width: none;
  border-radius: 5px;
}
.table-list-mobile ul.container li .img-warp .chooseBtn {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 20px;
  height: 20px;
}
.table-list-mobile ul.container li .img-warp .chooseBtn .select-btn {
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  z-index: 8;
}
.table-list-mobile ul.container li .img-warp .chooseBtn .bg {
  z-index: 7;
  border-radius: 12px;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #fff;
  width: 18px;
  height: 18px;
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon {
  font-size: 20px;
  text-align: center;
  line-height: 80px;
  z-index: 2;
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.folder {
  font-family: 'icomoon' !important;
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.folder:before {
  content: "\e9bc";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.album:before {
  content: "\5b";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.image:before {
  content: "\63";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.video:before {
  content: "\65";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.audio:before {
  content: "\64";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.document:before {
  content: "\6b";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.presentation:before {
  content: "\74";
}
.table-list-mobile ul.container li .img-warp .icon-table-schemeIcon.other:before {
  content: "\6a";
}
.table-list-mobile ul.container li .img-warp .icon-schemeIcon {
  font-size: 17px;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 2;
  color: #fff;
  background-color: #666;
  border-radius: 4px;
  opacity: 0.9;
}
.table-list-mobile ul.container li .content-warp {
  position: absolute;
  left: 80px;
  top: 15px;
  right: 15px;
  padding-left: 30px;
  height: 80px;
  line-height: 18px;
  display: flex;
  flex-direction: row;
}
.table-list-mobile ul.container li .content-warp .content-field {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}
.table-list-mobile ul.container li .content-warp h4,
.table-list-mobile ul.container li .content-warp .c-name {
  width: 100%;
  height: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list-mobile ul.container li .content-warp .c-desc {
  margin-top: 10px;
}
.table-list-mobile ul.container li .content-warp .dot {
  display: flex;
  align-items: center;
}
.table-list-mobile ul.container li .content-warp span {
  width: 100%;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list-mobile ul.container li .content-warp p {
  width: 100%;
  height: 15px;
  font-size: 14px;
}
.table-list-mobile ul.container li .content-warp p .left-side {
  float: left;
  width: 50%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list-mobile ul.container li .content-warp p .right-side {
  float: right;
  text-align: right;
  width: 45%;
  overflow: hidden;
}
.table-list-mobile ul.container li .content-warp .btn-warp {
  position: absolute;
  right: 0;
  bottom: 4px;
  width: 100%;
  height: 15px;
  text-align: right;
  font-size: 14px;
  letter-spacing: 0.8em;
}
.table-list-mobile ul.container li .content-warp .btn-warp a {
  text-decoration: none;
}
.table-list-mobile ul.container li .content-warp .btn-warp .red-color {
  color: red !important;
}
.table-list-mobile ul.container li .whole-content h4 {
  width: 100%;
  height: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list-mobile ul.container li .whole-content p {
  width: 100%;
  height: 15px;
  font-size: 14px;
}
.table-list-mobile ul.container li .whole-content .left-side {
  float: left;
  width: 45%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-list-mobile ul.container li .whole-content .right-side {
  float: right;
  text-align: right;
  width: 55%;
  overflow: hidden;
}
#thumbnailUl {
  padding-left: 0px;
}
#thumbnailUl li {
  position: relative;
  float: left;
  display: block;
  margin: 0 0px 10px 10px;
  -webkit-transition: all 1s;
  transition: all 1s;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden;
  padding: 0px;
  border: none;
}
#thumbnailUl li .chooseBtn {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 5;
  opacity: 0.9;
  color: #666666;
  font-size: 20px;
}
#thumbnailUl li .chooseBtn .circle_01 {
  position: absolute;
  z-index: 8;
  font-size: 20px;
  line-height: 20px;
}
#thumbnailUl li .chooseBtn .bg {
  z-index: 7;
  border-radius: 12px;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #fff;
  width: 18px;
  height: 18px;
}
#thumbnailUl li .album-keyphoto-frame {
  position: absolute;
  top: 0px;
  width: 84%;
  height: 84%;
  overflow: hidden;
  margin: 8%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#thumbnailUl li .unassigned {
  position: absolute;
  top: 15%;
  text-align: center;
  width: 100%;
  z-index: 1;
  color: #808080;
  font-weight: bold;
}
#thumbnailUl li .thumbName {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 100%;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.4);
}
#thumbnailUl .fullRow {
  border: none!important;
  width: 100%;
  text-align: left;
  height: 45px;
  padding: 15px 10px 10px!important;
  margin: 0;
  font-weight: bold;
  color: #9BA5B1;
  text-transform: capitalize;
}
#thumbnailUl .ablum-folder-opactity70 {
  position: relative;
  opacity: 0.7;
  font-size: 80px;
}
#thumbnailUl .ablum-folder-opactity70.with-image-cover {
  opacity: 1;
}
#thumbnailUl .thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  border-radius: 5px;
}
#thumbnailUl .thumb-img {
  max-width: none !important;
}
#thumbnailUl .cover-bg {
  position: absolute;
  left: 0px;
  width: 81px;
  top: 21px;
  border-radius: 0px 10px 10px 10px;
  height: 51px;
}
#thumbnailUl .center-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  font-size: 24px;
  line-height: 41px;
  margin: -20px 0 0 -20px;
  text-align: center;
}
#thumbnailUl .icon-schemeIcon {
  font-size: 17px;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 2;
  color: #fff;
  background-color: #666;
  border-radius: 4px;
  opacity: 0.9;
}
.filesNum {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 200px;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  color: #fff;
  z-index: 1002;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.c-btn-warp {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  font-size: 18px;
}
.c-btn-warp a {
  margin: 0 10px;
  text-decoration: none;
}
.c-btn-warp .red-color {
  color: red !important;
}
.sidebar {
  bottom: 45px;
  width: 100%;
  max-width: 300px;
}
.app-name {
  line-height: 45px;
}
.scrollable-content {
  height: calc(100% - 60px);
}
.scrollable-content .list-group {
  position: relative;
  height: 100%;
}
.uploadlink-view {
  height: 100%;
}
#library > div {
  padding-left: 10px;
}
.op-bottom {
  float: left;
  margin-left: 10px;
}
.tree-op {
  height: 32px;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.tree-op span {
  font-size: 18px;
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
}
.tree-op .icon-icn_album_01 {
  margin-right: 10px;
}
.tree-op .add-operation > div {
  float: left;
}
#treehierarchy ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#treehierarchy.left-panel li span {
  max-width: unset;
}
#treehierarchy ul .move {
  background: #dff4ff;
}
#treehierarchy ul .move > div {
  background: white;
}
#treehierarchy li {
  position: relative;
  padding: 4px 0px 0 0px;
  line-height: 20px;
  font-size: 14px;
  white-space: nowrap;
}
#treehierarchy li > div {
  border-radius: 14px;
}
#treehierarchy li span {
  font-size: 14px;
  vertical-align: bottom;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#treehierarchy li .icon-icn_pencil_01 {
  margin-right: 10px;
  position: absolute;
  right: 0px;
  top: 8px;
}
#treehierarchy li .name {
  margin-right: 30px;
}
#treehierarchy li i,
#treehierarchy li span {
  cursor: pointer;
  max-width: 200px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#treehierarchy li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#treehierarchy li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#treehierarchy li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
.treeviewLayerLoad {
  width: 18px;
  height: 18px;
  margin-top: -5px;
  background: url(img/cantoloading.gif);
  background-size: contain;
  display: inline-block;
}
.add-dialog .folder-name {
  width: 100%;
  margin-bottom: 10px;
}
.add-dialog .invalid-tips {
  top: 0px;
  position: relative;
  padding: 10px 15px;
}
.add-dialog .folder-descn {
  width: 100%;
  height: 150px;
  border-radius: 15px!important;
  padding-left: 15px!important;
}
.rename-dialog .invalid-tips {
  top: 0px;
  position: relative;
  padding: 10px 15px;
}
.working-indicator {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
.loading {
  position: absolute;
  width: 60px;
  height: 60px;
  margin-left: -35px;
  margin-top: -35px;
  left: 50%;
  top: 50%;
  text-align: center;
  background-image: url(img/cantoloading.gif);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #474747;
  border-radius: 10px;
  padding: 5px;
  z-index: 1002;
}
.library {
  font-size: 20px;
}
.empty i {
  opacity: .5;
}
.empty i.icon-s-Arrow1_16,
.empty i.icon-s-Arrow2_16 {
  visibility: hidden;
}
.empty span {
  font-style: italic;
  opacity: .5;
  padding-right: 5px;
}
.root-text {
  padding-top: 6px;
  padding-bottom: 4px;
  font-weight: 500;
  padding-left: 10px;
  margin-bottom: 2px;
  height: 32px;
  margin-top: 2px;
  border-radius: 14px;
}
.signal-node {
  border-radius: 15px;
  line-height: 32px;
  margin-top: 4px;
}
.signal-node i {
  font-size: 20px;
}
.signal-node span {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
  display: inline-block;
  vertical-align: middle;
}
.signal-node i,
.signal-node img {
  margin-left: 45px;
  vertical-align: middle;
}
div.icon-egnyte_folder,
i.icon-egnyte_folder,
i.icon-egnyte_folder_open,
div.icon-onedrive_folder,
i.icon-onedrive_folder,
i.icon-onedrive_folder_open,
i.icon-sharepoint_folder,
div.icon-sharepoint_folder,
i.icon-sharepoint_folder_open {
  font-family: 'icomoon' !important;
}
.icon-egnyte_folder:before {
  content: "\e9db";
}
.icon-egnyte_folder_open:before {
  content: "\e9dc";
}
.icon-onedrive_folder:before {
  content: "\e9ed";
}
.icon-onedrive_folder_open:before {
  content: "\e9f1";
}
.icon-sharepoint_folder:before {
  content: "\e9ef";
}
.icon-sharepoint_folder_open:before {
  content: "\e9f0";
}
.redColor {
  color: red!important;
}
.preview-watermark {
  position: absolute;
  opacity: 0.5;
  height: auto;
}
.preview-watermark.img-pos-1 {
  top: 0;
  left: 0;
}
.preview-watermark.img-pos-2 {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.preview-watermark.img-pos-3 {
  top: 0;
  right: 0;
}
.preview-watermark.img-pos-4 {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.preview-watermark.img-pos-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.preview-watermark.img-pos-6 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.preview-watermark.img-pos-7 {
  bottom: 0;
  left: 0;
}
.preview-watermark.img-pos-8 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.preview-watermark.img-pos-9 {
  bottom: 0;
  right: 0;
}
.bar::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.bar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.bar::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.detail-dialog .modal-footer button {
  min-width: 87px;
}
.detail-dialog .modal-body .album-container button {
  padding-top: 0px;
}
.detail-dialog .modal-body .album-container br {
  display: none;
}
.detail-dialog .modal-body .comment-section {
  height: 350px;
}
.detail-dialog .modal-body .comment-section .user-selector-items {
  max-height: 250px;
  overflow-y: auto;
  padding-right: 10px;
  width: 245px;
}
.detail-dialog .modal-body .comment-section .user-selector-items::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.detail-dialog .modal-body .comment-section .user-selector-items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.detail-dialog .modal-body .comment-section .user-selector-items::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.detail-dialog .modal-body .comment-section #content-comment-box {
  height: 220px;
  margin-top: 20px;
  overflow-y: auto;
}
.detail-dialog .modal-body .comment-section #content-comment-box::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.detail-dialog .modal-body .comment-section #content-comment-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.detail-dialog .modal-body .comment-section #content-comment-box::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.detail-dialog .modal-body .content-detail {
  width: 100%;
  position: relative;
}
.detail-dialog .modal-body .content-detail .content {
  width: 100%;
  position: relative;
}
.detail-dialog .modal-body .content-detail .content .info-area {
  width: 100%;
  position: relative;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area {
  padding: 0px;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area .nos {
  display: inherit;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area > section,
.detail-dialog .modal-body .content-detail .content .info-area .content-area > div {
  margin-top: 0px;
  border: none;
  overflow: hidden;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area > section .second-title,
.detail-dialog .modal-body .content-detail .content .info-area .content-area > div .second-title {
  display: none;
}
.detail-dialog .modal-body .content-detail .content .info-area .content-area > section .second-content,
.detail-dialog .modal-body .content-detail .content .info-area .content-area > div .second-content {
  padding: 0px;
}
.detail-dialog .opacity03-btn {
  cursor: pointer;
}
.detail-dialog .content-top-bar {
  width: 100%;
  text-align: left;
  vertical-align: middle;
  background-color: inherit;
  z-index: 20;
  border-bottom: 1px solid;
  height: 45px;
  line-height: 46px;
  padding-top: 2px;
  padding-left: 20px;
}
.detail-dialog .content-top-bar .title-edit .title-loading {
  top: 8px;
}
.detail-dialog .content-top-bar .actions-area {
  position: absolute;
  margin-left: 18px;
  font-size: 16px;
  line-height: 37px;
}
.detail-dialog .content-top-bar .actions-area .left-a {
  position: absolute;
  top: 3px;
  left: 0px;
}
.detail-dialog .content-top-bar .actions-area .a-op {
  margin-left: 52px;
}
.detail-dialog .content-top-bar a {
  opacity: 1;
  line-height: 34px;
  cursor: pointer;
  color: black;
  font-size: 28px;
  font-weight: 600;
}
.detail-dialog .content-top-bar a:hover {
  opacity: 1;
  text-decoration: none;
  color: #525252;
}
.detail-dialog .content-top-bar span {
  opacity: 1;
  line-height: 34px;
  color: #ffffff;
}
.detail-dialog .content-top-bar .pointer {
  cursor: pointer;
}
.detail-dialog .content-top-bar .number-text {
  padding: 0px 5px 0px 0px;
}
.detail-dialog .content-top-bar .copy-to-indesign-over {
  color: #525252 !important;
}
.detail-dialog .title-edit {
  width: calc(100% - 130px);;
  height: 32px;
  display: inline-block;
  kerning: 0;
  margin-top: 5px;
  text-align: left;
  position: relative;
}
.detail-dialog .title-edit .title {
  position: absolute;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: left;
  kerning: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 0;
  margin: 0px;
  padding: 0px 0px 0px 5px;
  outline: none;
  display: inline-block;
}
.detail-dialog .title-edit .edit-pencil {
  position: absolute;
  cursor: pointer;
  right: 5px;
  color: #474747;
  opacity: 0.3;
  font-size: 18px;
}
.detail-dialog .title-edit .title-loading {
  position: absolute;
  right: 5px;
  top: 22px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: inline-block;
  background-image: url('img/spinner.gif');
  background-repeat: no-repeat;
}
.detail-dialog .title-edit .invalid-tips {
  top: 35px;
  line-height: 1;
  display: block;
}
.detail-dialog .titleEditHover:hover,
.detail-dialog .titleEditStatus {
  background-color: #C1C1C1;
}
.detail-dialog .titleEditHover:hover .edit-pencil,
.detail-dialog .titleEditStatus .edit-pencil {
  opacity: 1;
}
.detail-dialog input[type="text"] {
  height: 32px;
  width: 100%;
}
.detail-dialog .download-text {
  position: absolute;
  left: 25px;
  kerning: 0;
  display: inline-block;
  font-size: 18px;
}
.detail-dialog .close-btn {
  position: absolute;
  right: 28px;
  color: black;
  opacity: 0.8;
  display: inline;
  border-radius: 5em;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  font-size: 16px!important;
  margin-top: 8px;
  font-weight: 600;
}
.detail-dialog .close-btn:active {
  opacity: 1;
}
.detail-dialog .bottom-area {
  position: absolute;
  z-index: 5;
  width: 100%;
  bottom: 0px;
  margin: 0 auto;
}
.detail-dialog .bottom-area .label-down {
  display: block;
}
.detail-dialog .bottom-area .down-btn {
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #474747;
  margin: 0px auto;
  color: #f2f2f2;
  font-size: 32px;
}
.detail-dialog .bottom-area .down-btn:hover {
  background-color: #646464;
}
.detail-dialog .statistical {
  height: 100%;
  width: 60px;
  padding: 14px 15px;
  float: left;
}
.detail-dialog .statistical > a {
  display: block;
  font-size: 20px;
  color: inherit;
}
.detail-dialog .statistical:last-child {
  border-bottom: 0px;
}
.detail-dialog .statistical-p {
  margin-right: 5px;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 33px!important;
  font-size: 16px!important;
  margin-top: 5px;
}
.content-detail {
  position: absolute;
  zoom: 1;
}
.content-detail .read-pdf-action {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  color: #dddddd;
  font-size: 40px;
  text-decoration: none;
  opacity: 0.6 !important;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px 0px;
}
.content-detail .read-pdf-action:hover {
  color: #ffffff;
}
.content-detail .content {
  position: absolute;
}
.content-detail .preview-area {
  width: calc(100% - 20px);
  position: absolute;
  vertical-align: middle;
  text-align: center;
  height: 100%;
}
.content-detail #preview-container {
  background-color: black;
  padding: 0px;
  border: none;
  margin-top: 0px;
}
.content-detail #detailInfo {
  overflow-y: auto;
  height: calc(100% - 45px);
}
.content-detail #detailInfo .content-area > section,
.content-detail #detailInfo .content-area > div {
  min-height: 185px;
  border-radius: 8px;
}
.content-detail #detailInfo .content-area .lessen {
  min-height: 49px;
  height: 49px;
}
.content-detail #detailInfo .content-area .icon-lessen {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.content-detail #detailInfo .content-area .h85 {
  height: 85px;
}
.content-detail #detailInfo .content-area .second-title .icon-s-Arrow2_16 {
  margin-top: 8px;
  margin-right: 0px;
}
.content-detail section.version-section {
  position: relative;
  padding-bottom: 62px;
}
.content-detail .nav-content {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 102px;
  line-height: 102px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.6;
  margin-top: -51px;
  font-weight: 600;
  z-index: 10;
}
.content-detail .nav-content:hover {
  color: #ffffff;
  background: #a3a3a3;
  opacity: 0.8;
}
.content-detail .nav-in-detail {
  color: #474747;
}
.content-detail .up-area {
  position: absolute;
  width: 100%;
  line-height: 35px;
  z-index: 10;
}
.content-detail .up-btn {
  width: 60px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  margin: 0px auto;
  background-color: #474747;
  color: #f2f2f2;
  font-size: 32px;
}
.content-detail .up-btn:hover {
  background-color: #646464;
}
.content-detail .info-area {
  position: absolute;
  overflow-y: hidden;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.content-detail .info-area .middle-item {
  margin-left: 9px!important;
}
.content-detail .info-area #detailPreview .content-area {
  padding-bottom: 0px;
  padding-right: 20px;
  padding-left: 0px;
  border-color: inherit;
  height: 100%;
}
.content-detail .info-area #detailPreview .content-area .second-title {
  border: none;
  margin-bottom: 0px;
}
.content-detail .info-area #detailPreview .content-area.col-xs-12 {
  padding-right: 0px;
}
.content-detail .info-area #detailPreview .content-area.col-xs-12 .preview-area {
  width: 100%;
}
.content-detail .info-area #detailPreview .preview-area {
  border: none;
  margin-top: 0px;
}
.content-detail .info-area .new-content {
  height: 100%;
  padding-left: 0px;
  padding-right: 0px;
  background-color: inherit;
  border-color: inherit;
  padding-bottom: 10px;
}
.content-detail .info-area .new-content > .col-ight {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
}
.content-detail .info-area .new-content > .col-ight::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content > .col-ight::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content > .col-ight::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .smart-title {
  border-top: 1px solid;
  padding-top: 15px;
  font-weight: bold;
}
.content-detail .info-area .new-content .CDG-watermark .plus {
  margin-left: 50%;
  margin-top: 8px;
  cursor: auto;
}
.content-detail .info-area .new-content .CDG-watermark .btn-add {
  margin-top: 15px;
  max-width: 100%;
}
.content-detail .info-area .new-content .CDG-watermark .keyword-box:nth-child(odd) {
  width: 49%;
  margin-right: 1%;
}
.content-detail .info-area .new-content .CDG-watermark .keyword-box {
  width: 50%;
  max-width: 100%;
}
.content-detail .info-area .new-content .CDG-watermark .keyword-box .text {
  width: auto;
  max-width: calc(100% - 18px);
}
.content-detail .info-area .new-content #actions-area {
  background-color: rgba(0, 0, 0, 0.498039);
  position: relative;
  height: 60px;
  width: 100%;
  padding: 0px 20px;
  border: none;
  top: calc(100% - 60px);
  margin-top: 0px;
}
.content-detail .info-area .new-content #actions-area .back-content {
  font-size: 20px;
  color: white;
  margin-right: 30px;
  margin-top: 20px;
}
.content-detail .info-area .new-content #actions-area .operate-left {
  height: 100%;
  padding-top: 10px;
}
.content-detail .info-area .new-content #actions-area .operate-left a {
  color: white;
  text-decoration: none;
}
.content-detail .info-area .new-content #actions-area .operate-right {
  font-size: 20px;
  color: white;
  margin-top: 22px;
  margin-right: 30px;
}
.content-detail .info-area .new-content .goto {
  color: white;
  font-size: 20px;
  position: absolute;
  width: 60px;
  border: none!important;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  padding: 20px!important;
  left: 30px;
  cursor: pointer;
  top: calc(50% - 70px);
}
.content-detail .info-area .new-content .forward-button {
  right: 30px;
  left: auto;
}
.content-detail .info-area .new-content .h-55 {
  height: 55px;
}
.content-detail .info-area .new-content .name {
  text-align: center;
  padding-bottom: 5px;
  width: 100%;
}
.content-detail .info-area .new-content .tips {
  font-size: 16px;
}
.content-detail .info-area .new-content .field:last-child {
  margin-bottom: 20px;
}
.content-detail .info-area .new-content .field {
  padding: 0px;
}
.content-detail .info-area .new-content .field dt,
.content-detail .info-area .new-content .field dd {
  display: inline-block;
}
.content-detail .info-area .new-content .field dd:first-child {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content-detail .info-area .new-content .field .value {
  word-break: break-all;
  margin-bottom: 15px;
  width: 100%;
}
.content-detail .info-area .new-content .field .value.multi-choice {
  margin-bottom: 0;
}
.content-detail .info-area .new-content .field .value input {
  padding: 0 20px;
  margin: 0;
  height: 32px;
}
.content-detail .info-area .new-content .field .value input[type='number'] {
  width: 100%;
}
.content-detail .info-area .new-content .field .value input[type='text'] {
  width: 100%;
}
.content-detail .info-area .new-content .field .value input[type='date'] {
  width: 100%;
}
.content-detail .info-area .new-content .sub-title {
  line-height: 20px;
  display: inline-block;
  margin-bottom: 2px;
  margin-top: 5px;
}
.content-detail .info-area .new-content .sub-title.status-approved-by {
  margin: 0 0 1.5em;
}
.content-detail .info-area .new-content .circle-button {
  margin-right: 10px;
  border-radius: 5em;
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 33px!important;
  font-size: 16px!important;
  margin-top: 0px;
  color: #4a4a4a;
}
.content-detail .info-area .new-content .img-rotate-area {
  right: 15px;
}
.content-detail .info-area .new-content .img-rotate-area a {
  margin-top: 0px;
  color: #4a4a4a;
  text-decoration: none;
}
.content-detail .info-area .new-content .img-rotate-area .iconClose {
  margin-left: 10px;
}
.content-detail .info-area .new-content .title-edit {
  width: 100%;
  height: 63px;
}
.content-detail .info-area .new-content .title-edit form {
  width: calc(100% - 50px);
}
.content-detail .info-area .new-content .title-edit .title {
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  width: calc(100% - 80px);
}
.content-detail .info-area .new-content .desc-title {
  font-size: 18px;
  margin-left: 5px;
}
.content-detail .info-area .new-content .desc-edit.descedit {
  padding-left: 62px;
  padding-top: 20px;
}
.content-detail .info-area .new-content .margin-1-20 {
  margin-top: 10px;
}
.content-detail .info-area .new-content .content-area {
  padding-right: 20px;
  padding-left: 20px;
  border-color: inherit;
}
.content-detail .info-area .new-content .content-area > section,
.content-detail .info-area .new-content .content-area > div {
  margin-top: 20px;
  border: 1px solid ;
  border-color: inherit;
}
.content-detail .info-area .new-content .content-area > section:after,
.content-detail .info-area .new-content .content-area > div:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.content-detail .info-area .new-content .content-area > div.info-desc {
  border: none;
  padding-top: 0px;
  margin-top: 0px;
}
.content-detail .info-area .new-content .content-area > div.info-desc .operate {
  border-bottom: 1px solid ;
  height: 60px;
}
.content-detail .info-area .new-content .content-area .nos {
  display: none;
}
.content-detail .info-area .new-content .delete-keyword-tag-btn {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.content-detail .info-area .new-content .more {
  height: 20px;
  display: inline;
  color: #474747;
  line-height: 16px;
  vertical-align: middle;
  float: right;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  margin-bottom: 10px;
}
.content-detail .info-area .new-content .more span {
  font-size: 16px;
}
.content-detail .info-area .new-content .more:hover {
  opacity: 1;
}
.content-detail .info-area .new-content .more .dot:after {
  content: '\2807';
  font-size: 20px;
  color: inherit;
}
.content-detail .info-area .new-content .delete-btn {
  width: 18px;
  height: 18px;
  float: right;
  margin-left: -18px;
  cursor: pointer;
  visibility: hidden;
}
.content-detail .info-area .new-content .lessen {
  padding-bottom: 0;
}
.content-detail .info-area .new-content .lessen .second-title {
  border-bottom: 0px;
}
.content-detail .info-area .new-content .second-title {
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid;
  border-color: inherit;
  width: 100%;
  margin-bottom: 20px;
}
.content-detail .info-area .new-content .second-content {
  padding: 0 15px;
}
.content-detail .info-area .new-content .info-preview {
  text-align: center;
  vertical-align: middle;
  background: #f9f9f9;
  border: 1px solid #d0d0d0;
  width: 100%;
  overflow: hidden;
}
.content-detail .info-area .new-content .info-preview .small-preview {
  width: 100%;
  text-align: center;
  vertical-align: middle;
  float: left;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group {
  width: 100%;
  float: left;
}
.content-detail .info-area .new-content .info-preview .small-preview .operate-group a:hover {
  text-decoration: none;
  cursor: pointer;
}
.content-detail .info-area .new-content .info-preview .small-preview .preview-part {
  width: 100%;
  float: left;
  background-color: black;
  border-radius: 6px 6px 0px 0px;
}
.content-detail .info-area .new-content .info-preview .small-preview .trashbin {
  border-radius: 6px 6px 6px 6px;
}
.content-detail .info-area .new-content .info-preview .loading-bg {
  background-color: #474747;
  border-radius: 10px;
  padding: 5px;
}
.content-detail .info-area .new-content .info-preview img {
  max-height: 100%;
}
.content-detail .info-area .new-content .info-preview video {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  z-index: 50;
}
.content-detail .info-area .new-content .info-preview audio {
  max-width: 100%;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .keyword {
  position: relative;
  height: 32px;
}
.content-detail .info-area .new-content .keyword select {
  display: inline-block;
  border: 1px solid ;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  outline: none;
  line-height: 1.2;
  background: #f8f8f8;
  height: 32px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.content-detail .info-area .new-content .keyword option {
  color: inherit;
}
.content-detail .info-area .new-content .keyword .select-edit {
  width: calc(100% - 31px);
}
.content-detail .info-area .new-content .keyword:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  background-color: inherit;
  border-top: 1px solid ;
  border-right: 1px solid ;
  border-bottom: 1px solid ;
  pointer-events: none;
  -webkit-border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  border-radius: 0 25px 25px 0;
  font-size: 18px;
  border-color: inherit ;
  color: inherit ;
}
.content-detail .info-area .new-content .approval-status select {
  padding-left: 2.5em!important;
}
.content-detail .info-area .new-content .approval-status:before {
  font-family: 'icomoon' !important;
  content: "\e905";
  position: absolute;
  top: 32px;
  left: 23px;
  bottom: 0;
  z-index: 1;
  line-height: 20px;
  background: inherit;
  padding-left: 0 px;
  font-size: 20px;
  color: #7ED320;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.content-detail .info-area .new-content .approval-expired {
  position: absolute;
  bottom: 5px;
  left: 30px;
  pointer-events: none;
}
.content-detail .info-area .new-content .approval-status-e select {
  padding-left: 2.5em!important;
}
.content-detail .info-area .new-content .approval-status-e:before {
  content: "     Expired";
  position: absolute;
  top: 26px;
  left: 20px;
  line-height: 20px;
  background: inherit;
  padding-left: 0px;
  width: 20px;
  height: 20px;
  margin-top: 6px;
  margin-left: 8px;
  pointer-events: none;
  z-index: 20;
}
.content-detail .info-area .new-content .keyword-add-btn {
  border-radius: 5em;
  font-size: 15px;
  width: 21px;
  height: 21px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: black;
  margin-top: 4px;
  margin-left: 10px;
}
.content-detail .info-area .new-content .status {
  margin-top: 7px;
}
.content-detail .info-area .new-content .Expiration-second {
  margin-top: 15px;
  margin-bottom: 20px;
}
.content-detail .info-area .new-content .Expiration-Date {
  margin-top: 7px;
}
.content-detail .info-area .new-content .Expiration-Date input {
  height: 32px;
  width: 100%;
  border-radius: 20px;
  padding-left: 10px;
  background: transparent;
  margin-bottom: 0px;
}
.content-detail .info-area .new-content .Expiration-Date span {
  color: inherit;
}
.content-detail .info-area .new-content .input-box {
  width: 100%;
  height: 34px;
  line-height: 32px;
}
.content-detail .info-area .new-content .input-box.tag-input-box {
  height: auto;
  line-height: normal;
}
.content-detail .info-area .new-content .input-box .content-keyword-input {
  height: 32px;
  float: left;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  padding: 5px 0px;
  margin: 0px;
  width: 100%;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
  overflow: hidden;
  cursor: pointer;
  margin-right: 2px;
  outline: none;
  border: none;
}
.content-detail .info-area .new-content .input-box .keyword-input-list {
  width: 234px;
  display: block;
  visibility: visible;
  list-style: none;
  font-size: 13px;
  color: #474747;
  background-color: #f9f9f9;
}
.content-detail .info-area .new-content .input-box #detail-input-tag {
  width: 100%;
  border-radius: 16px;
  border: 1px solid ;
}
.content-detail .info-area .new-content .input-box .tag-input {
  height: 32px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
  width: 320px;
  line-height: normal;
  padding: 8px 10px;
  font-size: 14px;
}
.content-detail .info-area .new-content .input-box .tag-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail .info-area .new-content .input-box .add-btn {
  font-weight: 300;
  font-size: 28px;
  width: 32px;
  height: 32px;
  color: #474747;
  background: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  float: left;
  cursor: pointer;
  outline: none;
  position: absolute;
}
.content-detail .info-area .new-content .input-box .add-btn:hover {
  background-color: #cacaca;
  color: #ffffff;
}
.content-detail .info-area .new-content .input-box .add-btn:active {
  background-color: #545454;
  color: #ffffff;
}
.content-detail .info-area .new-content .min-h {
  min-height: 185px;
}
.content-detail .info-area .new-content .container-box {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 23px;
  padding-top: 8px;
  margin-bottom: 15px;
}
.content-detail .info-area .new-content .row-3 {
  display: inline-block;
  width: calc(100% / 3 - 7px);
}
.content-detail .info-area .new-content .row-2 {
  display: inline-block;
  width: calc(100% / 2 - 7px);
}
.content-detail .info-area .new-content .keyword-box {
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
}
.content-detail .info-area .new-content .keyword-box:hover {
  background: #f2f2f2;
}
.content-detail .info-area .new-content .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
  text-align: center;
}
.content-detail .info-area .new-content .tag-box {
  float: left;
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
}
.content-detail .info-area .new-content .tag-box:hover {
  background: #f2f2f2;
}
.content-detail .info-area .new-content .tag-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.content-detail .info-area .new-content .historyItem {
  height: 86px;
}
.content-detail .info-area .new-content .historyItem .history-content {
  background-color: #ebebeb;
  height: 90%;
  overflow-x: hidden;
  overflow-y: hidden;
}
.content-detail .info-area .new-content .historyItem .history-content .historyThumbnail {
  width: 70px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  height: 70px;
  max-height: 70px;
  max-width: 70px;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .historyItem .history-content .version-detail {
  position: relative;
  left: 5px;
  text-align: left;
  float: left;
}
.content-detail .info-area .new-content .historyItem .history-content .version-detail > div {
  height: 20px;
  top: 5px;
  position: relative;
}
.content-detail .info-area .new-content .historyItem .history-content .hoverToolbar {
  background-color: rgba(74, 192, 237, 0.95);
  height: 30px;
  margin-top: -34px;
  position: relative;
  width: 85%;
  float: left;
  clear: left;
}
.content-detail .info-area .new-content .historyItem .history-content .hoverToolbar .history-actions-icon {
  height: 20px;
  width: 20px;
  margin-right: 33px;
  float: left;
  margin-top: 3px;
}
.content-detail .info-area .new-content .tag-box:hover .delete-keyword-tag-btn {
  visibility: visible;
}
.content-detail .info-area .new-content .icon-icn_pencil_01 {
  float: right;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 15px;
}
.content-detail .info-area .new-content .info-desc {
  min-height: 185px;
}
.content-detail .info-area .new-content .info-desc > div:first-child {
  padding: 10px 15px;
}
.content-detail .info-area .new-content .info-desc > div {
  padding: 0 15px;
}
.content-detail .info-area .new-content .info-desc > div:last-child {
  padding-bottom: 10px;
  text-align: right;
}
.content-detail .info-area .new-content .info-desc > div:last-child span {
  color: #ddd;
}
.content-detail .info-area .new-content .info-desc .r-part {
  border-top: 1px solid;
  padding: 20px 0px;
}
.content-detail .info-area .new-content .info-desc .r-part-p {
  padding-top: 0px;
}
.content-detail .info-area .new-content .info-desc .part-title {
  padding: 10px 15px;
  border-radius: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  cursor: pointer;
}
.content-detail .info-area .new-content .info-desc #div-desc0 {
  display: block;
}
.content-detail .info-area .new-content .info-desc .desc-input {
  min-height: 88px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
  resize: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  line-height: 22px;
  text-align: left;
  padding-left: 0px;
  display: none;
}
.content-detail .info-area .new-content .info-desc .desc-input.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.content-detail .info-area .new-content .info-desc .icon-s-Arrow2_16 {
  margin-top: 0px;
}
.content-detail .info-area .new-content .info-desc .desc-input-h {
  height: auto!important;
}
.content-detail .info-area .new-content .info-desc .desc-input-p1 {
  position: relative;
  overflow: hidden;
}
.content-detail .info-area .new-content .info-desc .desc-input-p1:after {
  content: "...";
  font-weight: bold;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 10px 0px 35px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f9f9f9 50%);
}
.content-detail .info-area .new-content .info-desc .desc-input:disabled {
  cursor: default;
}
.content-detail .info-area .new-content .info-desc .desc-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content .info-desc .desc-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content .info-desc .desc-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .info-desc textarea {
  height: auto;
  min-height: 88px;
  overflow-y: visible;
}
.content-detail .info-area .new-content .doc-text-section.full-screen-doctext {
  height: calc(100% - 30px);
}
.content-detail .info-area .new-content .doc-text-section.full-screen-doctext .doc-text-layout.full-screen-layout {
  height: calc(100% - 80px);
  padding-bottom: 10px;
}
.content-detail .info-area .new-content .doc-text-section .doc-text {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  resize: none;
  box-shadow: none;
  border: none;
  border-radius: 0px;
  word-wrap: break-word;
  white-space: pre-wrap;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  line-height: 21px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}
.content-detail .info-area .new-content .doc-text-section .doc-text.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.content-detail .info-area .new-content .doc-text-section .doc-text.full-screen-model {
  overflow-y: auto;
}
.content-detail .info-area .new-content .doc-text-section .reset-doc {
  float: right;
  margin-right: 18px;
  font-size: 25px;
  margin-top: 3px;
  font-weight: 900;
  transform: rotateY(180deg);
}
.content-detail .info-area .new-content .in-this-album {
  float: left;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
.content-detail .info-area .new-content .btn {
  height: 28px;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  outline: none;
  border-radius: 25px;
  max-width: 180px;
  min-width: 70px;
  padding-top: 3px;
}
.content-detail .info-area .new-content .album-container {
  float: left;
  overflow: hidden;
  min-height: 72px;
  width: 100%;
}
.content-detail .info-area .new-content .album-container .album-box {
  width: 72px;
  height: 72px;
  float: left;
  overflow: hidden;
}
.content-detail .info-area .new-content .album-container .album {
  position: relative;
  cursor: pointer;
  width: 72px;
  height: 72px;
}
.content-detail .info-area .new-content .album-container .album-delete {
  position: absolute;
  cursor: pointer;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
}
.content-detail .info-area .new-content .album-container .delete-btn {
  position: absolute;
  right: 0px;
  cursor: pointer;
  visibility: hidden;
  margin: 2px;
}
.content-detail .info-area .new-content .album-container .album-box:hover .delete-btn {
  visibility: visible;
}
.content-detail .info-area .new-content .album-container .album-image {
  position: absolute;
  height: none !important;
  max-width: none !important;
}
.content-detail .info-area .new-content .album-container .assign-btn {
  float: left;
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  color: #ffffff;
  background: #cacaca;
  font-weight: 300;
  cursor: pointer;
}
.content-detail .info-area .new-content .album-container .assign-btn:hover {
  background: #545454;
  color: #fffff;
}
.content-detail .info-area .new-content .album-container .assign-btn:active {
  background: #474747;
}
.content-detail .info-area .new-content .in-this-album::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content .in-this-album::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content .in-this-album::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .selected-album {
  float: left;
  width: 100%;
  min-height: 20px;
  font-size: 14px;
  color: #4b4b4b;
  text-align: center;
  word-wrap: break-word;
}
.content-detail .info-area .new-content .comment-section .photo {
  width: 32px;
  height: 32px;
  border-radius: 25px;
  float: left;
}
.content-detail .info-area .new-content .comment-div {
  display: inline-block;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  margin-left: 20px;
  width: calc(100% - 54px);
  border-radius: 15px;
  border: 1px solid ;
}
.content-detail .info-area .new-content .comment-div.first-level {
  margin-left: 0;
  width: 100%;
}
.content-detail .info-area .new-content .comment-div textarea {
  width: calc(100% - 60px);
  height: 58px;
  margin-bottom: 0px;
  border: 0px;
  background: transparent;
  padding: 0px;
  resize: none;
  min-height: 58px;
  margin-left: 0px;
  border-radius: 0px!important;
  padding-left: 0px!important;
  line-height: 22px!important;
}
.content-detail .info-area .new-content .comment-div .c-icon {
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background: #E5E5E5;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  position: absolute;
  top: 20px;
  right: 15px;
}
.content-detail .info-area .new-content .email-suggestion-list {
  position: relative;
  top: -12px;
  max-height: 100px;
}
.content-detail .info-area .new-content .user-tip {
  padding-left: 69px;
}
.content-detail .info-area .new-content .pop-layer {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 1px;
  min-width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 12000;
}
.content-detail .info-area .new-content .user-list li {
  list-style: none;
}
.content-detail .info-area .new-content .user-list-item.active > a {
  text-decoration: none;
  background-color: #3b73af;
  color: #ffffff !important;
}
.content-detail .info-area .new-content .user-list-item.active > a:hover {
  text-decoration: none;
}
.content-detail .info-area .new-content .user-list .user-list-item-link.user-iconised-link {
  background-position: 10px 0px;
  background-repeat: no-repeat;
  -moz-background-size: 16px;
  background-size: 16px;
  color: #333333;
}
.content-detail .info-area .new-content .comment-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.content-detail .info-area .new-content .comment-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .info-area .new-content .comment-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .info-area .new-content .comment-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.content-detail .info-area .new-content .comments-box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  float: left;
  padding: 0px 20px;
}
.content-detail .info-area .new-content .comment {
  float: left;
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
}
.content-detail .info-area .new-content .comment .avatar {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.content-detail .info-area .new-content .comment .comment-content {
  margin-left: 40px;
}
.content-detail .info-area .new-content .comment .comment-content .comment-top {
  width: 100%;
  height: auto;
  margin-bottom: 2px;
  padding-top: 5px;
}
.content-detail .info-area .new-content .comment .comment-content .comment-top:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.content-detail .info-area .new-content .comment .comment-content .commentEditBorder {
  border: 1px solid #dddddd;
  background-color: #f0f0f0;
}
.content-detail .info-area .new-content .comment .comment-content .comment-bottom {
  display: block;
  border-radius: 0px;
  padding: 5px 0px 6px;
  min-height: 20px;
  font-size: 13px;
  color: #474747;
  font-weight: 300;
}
.content-detail .info-area .new-content .comment .comment-content .comment-bottom:hover {
  background-color: transparent;
}
.content-detail .info-area .new-content .comment .comment-content .comment-edit-area {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: black;
  text-decoration: blink;
  line-height: 22px;
  float: left;
}
.content-detail .info-area .new-content .comment .comment-content .username {
  font-size: 14px;
  font-weight: 600;
  color: #474747;
  float: left;
  text-decoration: none;
  line-height: 22px;
}
.content-detail .info-area .new-content .comment .comment-content .time {
  font-size: 12px;
  color: #474747;
  font-weight: 300;
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  font-size: 14px;
  line-height: 22px;
}
.content-detail .info-area .new-content .comment .comment-content span {
  float: left;
  line-height: 18px;
  margin-right: 5px;
}
.content-detail .info-area .new-content .comment .comment-content span.to-name {
  float: none;
  color: black;
  font-weight: 500;
}
.content-detail .info-area .new-content .comment .comment-content .operate {
  font-size: 14px;
  margin-left: 0px;
  cursor: pointer;
}
.content-detail .info-area .new-content .icon-s-Arrow2_16,
.content-detail .info-area .new-content .icon-icn_flight_arrow_up_01 {
  float: right;
  margin-right: 15px;
  margin-bottom: 10px;
}
.content-detail .info-area .new-content .shrink {
  transform: rotate(180deg);
}
.content-detail .scrollbar::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.content-detail .scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.content-detail .scrollbar::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.user-list-item.active > a {
  text-decoration: none;
  background-color: #3b73af;
  color: #ffffff !important;
}
.opacity03-btn {
  opacity: 0.3;
  cursor: pointer;
}
.opacity03-btn:hover {
  opacity: 1;
}
.user-list-item.active > a:hover {
  text-decoration: none;
}
.comment-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
  min-height: 70px;
  margin-top: 0px;
  margin-bottom: 10px;
  resize: none;
  box-shadow: none;
  border: 1px solid #dddddd;
  border-radius: 0px;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.user-list .user-list-item-link.user-iconised-link {
  background-position: 10px 0px;
  background-repeat: no-repeat;
  -moz-background-size: 16px;
  background-size: 16px;
  color: #333333;
}
.comment-input::-webkit-input-placeholder {
  color: #999999 !important;
}
.comment-input::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.comment-input::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.comment-input::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.comments-box {
  width: 100%;
  margin-bottom: 35px;
  float: left;
  padding: 0px 20px;
}
.comment {
  float: left;
  width: 100%;
  margin: 2px 0px;
  padding: 0px;
}
.comment ul {
  padding-left: 15px;
}
.comment .avatar {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.comment .comment-content {
  margin-left: 40px;
}
.comment .comment-content .comment-top {
  width: 100%;
  height: 18px;
  margin-bottom: 2px;
}
.comment .comment-content .commentEditBorder {
  border: 1px solid #dddddd;
  background-color: #f0f0f0;
}
.comment .comment-content .comment-bottom {
  display: block;
  border-radius: 0px;
  padding: 5px 5px 6px;
  min-height: 20px;
}
.comment .comment-content .comment-bottom:hover {
  background-color: #f0f0f0;
}
.comment .comment-content .comment-edit-area {
  width: 100%;
  resize: none;
  min-height: 22px;
  border: none;
  border-radius: 0px;
  padding: 0px;
  background: none;
  cursor: default;
  font-size: 13px;
  word-break: normal;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.comment .comment-content .username {
  float: left;
  text-decoration: none;
}
.comment .comment-content .time {
  float: right;
  margin-left: 8px;
  margin-top: 2px;
}
.comment .comment-content span {
  float: right;
  line-height: 18px;
  margin-left: 5px;
}
.comment .comment-content span.to-name {
  float: none;
  color: black;
  font-weight: 500;
}
.comment .comment-content .toggle-replies {
  display: inline-block;
  margin-bottom: 10px;
}
.comment .comment-content .toggle-replies span {
  margin-left: 0;
  float: none;
}
.comment .comment-content .toggle-replies > i {
  margin-left: 5px;
  float: none;
  font-size: 12px;
  margin: 0;
}
.pop-layer {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-top: 1px;
  min-width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 12000;
}
.email-suggestion-list {
  position: relative;
  top: -12px;
  max-height: 100px;
}
/* Assign Dialog */
.assign-to-album .modal-body {
  width: 100%;
}
.assign-to-album .contents {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.assign-to-album .albums {
  width: 100%;
  height: 100%;
  overflow: hidden;
  float: left;
  clear: both;
}
.assign-to-album .moveToMainLibrary {
  width: 100%;
  height: 100%;
  overflow: hidden;
  float: left;
  clear: both;
  margin-top: 0px;
}
.assign-to-album .custom {
  width: 100%;
  height: 320px;
  overflow: hidden;
  margin-top: -10px;
  margin-left: -5px;
  float: left;
  clear: both;
}
.assign-to-album .custom .name {
  cursor: pointer;
}
.assign-to-album .point {
  border-radius: 10px;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 12px;
  top: 15px;
}
.assign-to-album .library {
  margin-left: 10px;
}
.assign-to-album .icon-s-Checkbox1_16,
.assign-to-album .icon-s-Checkbox2_16 {
  position: absolute;
  left: 12px;
  font-size: 15px;
  top: 12px;
}
.assign-to-album .btn-parent {
  width: 90px;
}
.assign-to-album .modal-footer .btn-assign {
  margin-left: 50%;
}
.assign-dialog {
  padding: 20px;
  margin: auto;
}
.assign-dialog .modal-footer {
  padding-left: 30px;
}
.assign-dialog .modal-footer span {
  float: left;
  margin-top: 5px;
  font-size: 16px;
}
.assign-dialog .scroll {
  width: 100%;
  height: 10px;
  background: #dddddd;
  position: relative;
}
.assign-dialog .scroll .ui-slider-handle {
  position: absolute;
  left: 0px;
  z-index: 2;
  width: 80px;
  height: 10px;
  cursor: pointer;
  background-color: #fa531c;
}
.assign-dialog .title {
  position: relative;
  float: left;
  font-weight: 300;
  font-size: 26px;
  color: #5f6060;
}
.assign-dialog .close {
  position: absolute;
  top: -11px;
  right: -11px;
  width: 25px;
  height: 25px;
  background-position: -258px -75px;
  opacity: 0.8;
}
.assign-dialog .close:hover,
.assign-dialog .close:active {
  opacity: 1;
}
.assign-dialog .search-input-area {
  margin: -30px;
  height: 50px;
  width: calc(100% + 60px);
  float: left;
  clear: both;
  padding: 9px 30px;
  border-bottom: 1px solid #ddd;
}
.assign-dialog .search-input-area span {
  font-size: 16px;
  left: 30px;
  top: 9px;
}
.assign-dialog .search-input {
  float: left;
  height: 32px;
  width: 100%;
  font-size: 14px;
  color: #999999;
  padding: 0 15px !important;
  margin: 0 !important;
  border-radius: 20px;
  border: 1px solid ;
}
.assign-dialog .search-btn {
  float: left;
  height: 32px;
  width: 32px;
  position: relative;
  left: -32px;
  cursor: pointer;
  line-height: 32px;
  text-align: center;
  color: #cccccc;
}
.assign-dialog .search-btn .add {
  width: 16px;
  height: 16px;
  margin: 8px auto;
  background-position: -209px -240px;
}
.assign-dialog .album-path {
  float: left;
  font-size: 16px;
  color: #111111;
  text-align: left;
  line-height: 32px;
  position: relative;
  left: -10px;
  width: 450px;
}
.assign-dialog .contents {
  position: relative;
  width: 100%;
  height: 100%;
  list-style-type: none;
  overflow-x: auto;
  overflow-y: hidden;
}
.assign-dialog .container {
  margin: 0px;
  overflow: hidden;
}
.assign-dialog .container img.frame {
  width: inherit;
  z-index: -1;
  position: relative;
  top: -307px;
}
.assign-dialog .album-item {
  float: left;
  width: 276px;
  height: 308px;
  border: 1px solid white;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.assign-dialog .album-item:hover {
  cursor: pointer;
}
.assign-dialog .album-item:hover .desc {
  background-color: #fa531c;
}
.assign-dialog .album-item:hover .hover {
  display: block;
}
.assign-dialog .default-album-img {
  width: 166px;
  height: 132px;
  background-image: url(img/album.png);
  margin: 54px auto;
}
.assign-dialog .desc {
  float: left;
  height: 32px;
  width: 280px;
  background-color: grey;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 32px;
  padding-left: 6px;
}
.assign-dialog .hover {
  position: relative;
  display: none;
  left: 0px;
  width: 275px;
  height: 274px;
  background-color: rgba(0, 0, 0, 0.5);
}
.assign-dialog .hover .add {
  width: 16px;
  height: 16px;
  margin: 0px auto;
  background-position: -210px -242px;
  top: 50%;
  position: relative;
}
.assign-dialog .thumb-img {
  height: none !important;
  max-width: none !important;
}
.assign-dialog .desc-selected {
  background-color: #fa531c;
}
/* Assign Dialog end */
/* Property Dialog */
.property-dialog {
  padding: 25px 20px 0px;
}
.property-dialog .modal-content {
  padding-top: 15px;
}
.property-dialog .btn-optional {
  margin-left: 20px;
}
.property-dialog .title {
  text-align: center;
  color: #6f7070;
  font-size: 26px;
  margin-bottom: 15px;
}
.property-dialog .divide-line {
  margin: 10px 0px;
}
.property-dialog .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  background-position: -258px -75px;
}
.property-dialog .property-table {
  width: 100%;
  border: 1px solid #c3c3c3;
  overflow: hidden;
}
.property-dialog .property-table .column-title {
  width: 50%;
  background-color: #c3c3c3;
  height: 33px;
  font-size: 13px;
  line-height: 33px;
  float: left;
  text-align: center;
  font-weight: 700;
}
.property-dialog .property-table .property-content {
  width: 100%;
  overflow: auto;
  height: calc(100% - 33px);
}
.property-dialog .property-table .property-content::-webkit-scrollbar {
  width: 5px;
}
.property-dialog .property-table .property-content dt,
.property-dialog .property-table .property-content dd {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #6f7070;
  width: 50%;
  display: inline-block;
  float: left;
  height: 20px;
  font-size: 12px;
  padding: 0 5px;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.property-dialog .property-table .property-content dt {
  border-right: 1px solid #dddddd;
}
.property-dialog .btn-group {
  margin-top: 16px;
  text-align: center;
  width: 100%;
}
/* Property Dialog end */
/* version history common style start */
.version-list {
  clear: left;
  font-size: 13px;
}
.version-list .version-item .ver-num {
  float: left;
  clear: left;
  width: 15px;
  margin-right: 10px;
}
.version-list .version-item .ver-info {
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 25px;
}
.version-list .version-item .ver-time {
  width: 100%;
  float: left;
  line-height: 20px;
}
.version-list [ng-click] {
  cursor: pointer;
}
.version-list .table {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  table-layout: fixed;
  margin-bottom: 0;
}
.version-list .table .row-browse {
  height: 70px;
}
.version-list .table .row-browse form {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 0px;
  width: 0px;
}
.version-list .table .row-browse td {
  border: none;
}
.version-list .table .row-browse td button {
  font-size: 16px;
  line-height: 16px !important;
  margin: 0;
  padding: 7px 10px;
  background: #9a9a9a;
}
.version-list .table .row-upload td {
  border: none;
  position: relative;
}
.version-list .table .row-upload td .progress {
  height: 5px;
  width: calc(100% - 40px);
  margin-bottom: 0;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 3px;
}
.version-list .table .row-upload td .progress .progress-bar {
  background: #9ad230;
}
.version-list .table .row-upload td .process-icon img {
  width: 15px;
}
.version-list .table tr.no-border td {
  border: none;
}
.version-list .table tr td {
  vertical-align: middle;
}
.version-list .table tr td .row1 {
  height: 65px;
}
.version-list .table tr td .row2 {
  height: 32px;
  margin-top: 10px;
}
.version-list .table tr td .circle-button {
  -webkit-border-radius: 5em;
  -moz-border-radius: 5em;
  border-radius: 5em;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  color: #000;
  font-size: 14px;
}
.version-list .table tr td .circle-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.version-list .table tr td .comment-container {
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.version-list .table tr td .uploading-comment-edit-container {
  position: relative;
  top: 10px;
}
.version-list .table tr td .uploading-comment-edit-container .input-comment {
  padding-right: 35px;
  line-height: 22px;
  border-radius: 25px;
  height: 32px;
  width: calc(100% - 80px);
}
.version-list .table tr td .uploading-comment-edit-container button {
  top: 0;
  height: 32px;
  line-height: 32px !important;
  padding: 0 10px;
  background: #9a9a9a;
}
.version-list .table tr td .comment-edit-container {
  width: 100%;
}
.version-list .table tr td .comment-edit-container .input-comment {
  line-height: 22px;
  border-radius: 25px;
  width: calc(100% - 80px);
  height: 32px;
}
.version-list .table tr td .comment-edit-container .icon-s-Ok1_16 {
  background-color: #9ad230;
  color: #fff;
  margin-left: 5px;
}
.version-list .table tr td .comment-edit-container .icon-s-Ok1_16:hover {
  background-color: #9ad230;
}
.version-list .table tr .cell-select {
  color: #9B9B9B;
}
.version-list .table tr .cell-select .icon-s-Ok1_16 {
  color: #9ad230;
}
.version-list .table tr .cell-img {
  min-width: 65px;
  padding: 8px 0px;
}
.version-list .table tr .cell-img .img-container {
  overflow: hidden;
}
.version-list .table tr .cell-img .img-container img {
  max-width: 100%;
  max-height: 100%;
}
.version-list .table tr .cell-img .icon-s-Edit_16 {
  border-radius: initial;
  background: inherit;
}
.version-list .table tr .cell-img .icon-s-Edit_16:hover {
  background-color: initial;
}
.version-list .table tr .cell-info .upload-info {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  margin-right: 5px;
}
.version-list .footer-btn-group {
  background-color: transparent;
  border: none;
  text-align: right;
  box-shadow: none;
  padding: 12px;
  height: 62px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.version-list .footer-btn-group button {
  border-radius: 25px;
  outline: none;
}
.related-list {
  margin-bottom: 20px;
}
.related-list .container {
  height: 100% !important;
  margin-bottom: 0px;
}
.related-list .container li {
  position: relative;
  font-size: 0;
  margin-top: 12px;
  height: 62px;
  line-height: 62px;
}
.related-list .container li .cell-text {
  display: inline-block;
  height: 62px;
  line-height: 62px;
  padding-bottom: 12px;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
.related-list .container li .cell-text img {
  max-height: 100%;
}
.related-list .container li .cell-text .related {
  color: #9ad230;
  padding-right: 20px;
  position: relative;
}
.related-list .container li .cell-text .related:after {
  content: "\e906";
  font-family: 'icomoon' !important;
  width: 14px;
  height: 14px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.related-list .container li .cell-text.relateBtn span {
  width: 22px;
  height: 22px;
  background: #ddd;
  border-radius: 15px;
  font-size: 20px;
  padding: 5px;
  cursor: pointer;
}
.related-list .container li .relateImg {
  width: 8.7719%;
}
.related-list .container li .relateName {
  width: 73.6841%;
  text-align: left;
  font-weight: bold;
  text-indent: 1em;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.related-list .container li .relateStat {
  width: 26%;
}
.related-list .container li .relateBtn {
  width: 17.5438%;
  font-size: 22px;
}
.dialog-action a {
  color: #DEDEDE !important;
}
.dialog-action a:hover {
  color: #474747 !important;
}
/* versions history common style end */
/* rotation & full screen style start */
.img-rotate-area {
  position: absolute;
  right: 75px;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
}
.img-rotate-area .forward-button {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.img-rotate-area a {
  border-radius: 5em;
  width: 25px;
  height: 25px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 26px!important;
  font-size: 14px!important;
  margin-top: 8px;
}
.img-rotate-left {
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -moz-transform: rotate(270deg);
  /* Firefox */
  -webkit-transform: rotate(270deg);
  /* Safari and Chrome */
  -o-transform: rotate(270deg);
  /* Opera */
}
.img-rotate-right {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -moz-transform: rotate(90deg);
  /* Firefox */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  -o-transform: rotate(90deg);
  /* Opera */
}
.img-rotate-inverted {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
}
#detail-imgRotate-confirm,
#detail-set-video-frame-confirm {
  position: absolute;
  top: 70px;
  padding: 5px 10px 5px 15px;
  z-index: 20;
  background-color: #ffffff;
}
#detail-imgRotate-confirm span,
#detail-set-video-frame-confirm span {
  color: #474747;
}
#full-preview-container .full-screen-nav {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 102px;
  line-height: 102px;
  text-align: center;
  font-size: 18px;
  color: #474747;
  opacity: 0.6;
  margin-top: -51px;
  font-weight: 600;
  z-index: 10;
}
#full-preview-container .full-screen-nav:hover {
  color: #ffffff;
  background: #a3a3a3;
  opacity: 0.8;
}
/* rotation & full screen style end */
/* start content detail's font*/
/* end content detail's font*/
/*******treeview start ************/
#assignToAlbum ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  overflow: visible;
}
#assignToAlbum li {
  position: relative;
  padding: 4px 0 0 0px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  white-space: nowrap;
}
#assignToAlbum li > div {
  border-radius: 14px;
}
#assignToAlbum li span {
  font-size: 14px;
  vertical-align: bottom;
  max-width: 100px;
  display: inline-block;
  line-height: 32px;
}
#assignToAlbum .select-album {
  background: #E9F1F5;
}
#assignToAlbum li i,
#assignToAlbum li span {
  cursor: pointer;
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
#assignToAlbum li.drop-hover,
.drop-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#assignToAlbum li.selected {
  background-color: rgba(0, 0, 0, 0.1);
}
#assignToAlbum li span.selected {
  color: #535353;
  background-color: rgba(0, 0, 0, 0.1);
}
/*******treeview end   ************/
/*******rename dialog   **********/
.rename-dialog .modal-dialog {
  width: 470px;
}
.rename-dialog .modal-dialog .title {
  margin: 10px 0;
  font-weight: bold;
}
.rename-dialog .modal-dialog input {
  width: 100%;
}
.rename-dialog .modal-dialog textarea {
  width: 100%;
  padding: 10px 15px;
  border-radius: 20px;
  outline: none;
  resize: none;
}
.rename-dialog .modal-dialog .modal-body {
  min-height: 105px;
}
.rename-dialog .modal-dialog button {
  min-width: 90px;
}
/*******end rename dialog *************/
.mobile-content {
  height: 0px;
  width: 100%;
}
.mobile-content {
  height: 0px;
  z-index: 1010;
  width: 100%;
  overflow-y: auto;
}
.mobile-content .content-area {
  padding-left: 0px;
  padding-right: 0px;
}
.mobile-content .content-area .title-edit {
  background-color: rgba(0, 0, 0, 0.8);
  margin-top: -45px;
  position: relative;
  height: 46px;
  padding-top: 6px;
  text-align: center;
}
.mobile-content .content-area .title-edit form {
  line-height: 32px;
}
.mobile-content .content-area .title-edit form input {
  width: 90%;
}
.mobile-content .content-area .title-edit .title {
  height: 32px;
  width: 100%;
}
.mobile-content .content-area > div,
.mobile-content .content-area > section {
  width: 100%;
  border-color: inherit;
  border-bottom: 1px solid;
}
.mobile-content .content-area .preview-part {
  text-align: center;
  background-color: black;
  z-index: 0;
  position: relative;
  min-height: 185px;
}
.mobile-content .content-area .preview-part > img,
.mobile-content .content-area .preview-part > video,
.mobile-content .content-area .preview-part > audio {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mobile-content .content-area .operate-group {
  font-size: 24px;
  height: 50px;
}
.mobile-content .content-area .operate-group section {
  float: left;
}
.mobile-content .content-area .operate-group section a {
  color: inherit;
}
.mobile-content .album-container .keyword-box {
  width: 100%;
}
.version-history-dialog .modal-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.version-history-dialog .modal-body #inFile_uploadNewVersionFile {
  cursor: pointer;
  width: 10px;
  height: 10px;
}
.version-history-dialog .modal-body .min-w1 {
  min-width: 62px;
}
/* Related Files dialog start*/
.related-files-dialog .modal-body {
  overflow-y: hidden;
  height: 360px;
}
.related-files-dialog .btn-optional {
  margin-left: 20px;
}
/* Related Files dialog end*/
.imageDirectUrl {
  padding: 0px 20px;
  text-align: left;
  padding-bottom: 20px;
}
.imageDirectUrl a {
  width: 100%;
  word-wrap: break-word;
}
.imageDirectUrl .pre {
  margin-top: 20px;
}
.new-full-screen {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.new-full-screen img {
  max-height: 100%;
}
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.thumb-img-bg {
  background: url(img/preview_bk_image.png);
}
.cantoloading {
  background: url(img/cantoloading.gif);
}
/* userSelector */
ul.user-selector-items {
  padding-left: 0px;
  max-height: 200px;
  overflow-y: auto;
}
ul.user-selector-items li {
  margin-bottom: 5px;
  position: relative;
}
ul.user-selector-items li .user-avatar {
  width: 32px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  border-radius: 18px;
  -webkit-border-radius: 16px;
}
ul.user-selector-items li .user-name {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 32px;
  left: 40px;
  top: 4px;
  padding-right: 7px;
}
ul.user-selector-items li .add-user-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  background: #ddd;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  font-weight: 900;
}
ul.user-selector-items li .cancel-user-btn {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  width: 18px;
  height: 18px;
  background: #ccc;
  border-radius: 9px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.user-selector {
  display: inline-block;
  position: absolute;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 10px;
  min-width: 235px;
  z-index: 1000;
  left: 0;
  bottom: -225px;
  width: 100%;
  color: #192237;
}
.user-selector li .btn-default {
  background-color: #9d9d9d !important;
  border-radius: 15px;
  width: 100%;
  margin: 0;
  font-weight: bold;
  outline: none;
}
.user-selector li .btn-default:hover,
.user-selector li .btn-default:focus,
.user-selector li .btn-default:active {
  color: #ffffff !important;
}
.user-selector-dialog .modal-body {
  padding: 20px 20px 10px 20px !important;
  height: 400px;
}
.user-selector-dialog .modal-body .user-selector-container {
  border: 1px solid #ddd;
  height: 100%;
  padding: 20px;
  border-radius: 8px;
}
.user-selector-dialog .modal-body .user-selector-container .row {
  height: 100%;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6 {
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: rgba(250, 83, 28, 0);
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  height: 100%;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6::-webkit-scrollbar-thumb {
  background-color: rgba(250, 83, 28, 0);
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6::-webkit-scrollbar {
  width: 10px;
}
.user-selector-dialog .modal-body .user-selector-container .row .col-sm-6:first-child {
  border-right: 1px solid #ddd;
}
.user-selector-dialog .modal-body .user-selector-search-box input {
  width: 100%;
  height: 30px;
  padding-left: 30px;
}
.user-selector-dialog .modal-body .user-selector-search-box .icon-search {
  position: absolute;
  left: 10px;
  top: 8px;
  font-size: 16px;
  color: #9d9d9d;
}
.user-selector-dialog .modal-body .icon-s-BackButton_28 {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
.user-selector-dialog .modal-body .user-name {
  width: 165px;
}
.user-selector-dialog .modal-body .btn-default {
  padding: 0;
  height: 32px;
  width: 32px;
  border: 0;
}
.user-selector-dialog .modal-footer {
  border-top: none;
}
/* userSelector */
.table-list.table-list-noborder ul.container {
  padding: 0px;
}
.table-list.table-list-noborder ul.container li {
  margin: 0px;
}
.multi-edit-content .modal-content .modal-body.multi-edit .expand-icon {
  margin-top: 5px;
  right: 10px;
}
.multi-edit-content .modal-content .modal-body .info-section .filed-icon {
  margin-top: 3px;
  margin-bottom: 16px!important;
}
.multi-edit-content .modal-content .modal-body .filed-icon1 {
  margin-bottom: 0px!important;
  margin-top: 3px;
  float: left;
}
.multi-edit-content .modal-content .modal-body .filed-icon-desc {
  margin: 15px 0px 0px 0px;
  font-weight: 300;
  float: left;
}
.multi-edit-content .modal-content .modal-body .section-expira {
  padding-top: 10px;
}
.multi-edit-content .modal-content .modal-body .span-titlecheck {
  margin-top: 4px;
  margin-right: 5px;
}
.multi-edit-content .modal-content .modal-body .keyword-box-mobile {
  margin: 8px 0px 0px 0px;
  padding: 0px 6px;
  font-size: 12px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 20px;
}
.multi-edit-content .modal-content .modal-body .keyword-box-mobile .text-mobile {
  float: left;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
  text-align: center;
}
.multi-edit-content .modal-content .modal-body .input-circle {
  height: auto;
}
.multi-edit-content .modal-content .modal-body .information-area .field dd.custom-title {
  white-space: initial;
  text-overflow: initial;
}
.multi-edit-content .modal-content .modal-body .information-area .field dd.custom-title .title-new {
  word-break: break-all;
}
.multi-edit-content .editable-label {
  position: relative;
  overflow: hidden;
}
.multi-edit-content .editable-label .add-label-mobile {
  width: 110px;
  margin-bottom: 5px;
  line-height: 20px;
  border-radius: 25px;
  padding: 5px 15px;
  text-align: center;
  cursor: pointer;
}
.multi-edit-content .label-list {
  display: inline-block;
  float: left;
  width: 45%;
  height: 60px;
  line-height: 25px;
  margin: 15px 5% 5px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.multi-edit-content .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.multi-edit-content .required-data-tip {
  display: none;
}
.multi-edit-content .required-data-tip.tip-mobile {
  margin: 15px;
  display: unset;
}
/* document section start */
.doc-section {
  padding-bottom: 20px;
}
.doc-section .second-content {
  max-height: 310px;
  overflow-y: auto;
  padding: 0 15px 15px!important;
}
.doc-section .doc-btn {
  display: none;
  padding-top: 0px;
  margin: 0 0px 10px 15px;
}
.doc-section div.thd {
  height: 30px;
  padding-top: 0px;
  padding-bottom: 15px;
}
.doc-section .tbdy {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 75px;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
}
.doc-section .tbdy span {
  flex: 0 0 auto;
}
.doc-section .tbdy span a {
  cursor: pointer;
}
.doc-section .tbdy .doc-pre {
  flex-basis: 60px;
  text-align: center;
  margin-right: 10px;
}
.doc-section .tbdy .doc-pre img {
  height: 50px;
}
.doc-section .tbdy .doc-data {
  flex-basis: 110px;
  text-align: right;
}
.doc-section .tbdy .doc-opt {
  flex-basis: 60px;
  text-align: left;
  height: 25px;
}
.doc-section .tbdy .doc-opt .f-icn {
  font-size: 18px;
  margin-left: 10px;
}
.doc-section .tbdy .fc-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.doc-section .tbdy .fc-content .fc-name {
  flex: 1 1 auto;
  line-height: 20px;
}
.doc-section .tbdy .doc-name {
  flex: 1 1 auto;
}
.doc-section .tbdy .circle-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px!important;
  line-height: 33px!important;
  background-color: rgba(0, 0, 0, 0.1);
  margin-right: 10px;
}
.doc-section .tbdy .doc-ok {
  margin-left: 10px;
  background-color: #9ad230!important;
  color: #fff!important;
}
.doc-section .tbdy .f-rename {
  margin-bottom: 0px;
  height: 32px;
  width: 100%;
}
.doc-section .tbdy:last-child {
  border-bottom: 0px;
}
.doc-section .circle1 {
  border-radius: 50%;
}
/* document section end */
/*Custom fileds*/
.custome-field-section .content-cf {
  border: 1px solid;
  padding: 10px 20px;
  margin-bottom: 30px;
}
.custome-field-section .content-cf .content-cf-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custome-field-section .content-cf .content-cf-head.content-cf-h-expand {
  margin-bottom: 15px;
}
.custome-field-section .content-cf .content-cf-head .sc-name {
  font-weight: bold;
}
.custome-field-section .content-cf .content-cf-head .icon-s-Arrow2_16 {
  margin: 0px!important;
}
.custome-field-section .field {
  position: relative;
  color: #474747;
  font-size: 12px;
  font-weight: 600;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  width: 100%;
}
.custome-field-section .field .item-title {
  margin: 0 0 5px 0;
  text-transform: Uppercase;
  font-size: 14px;
  font-weight: normal;
  word-break: break-word;
  overflow: hidden;
}
.custome-field-section .input-circle {
  position: relative;
  padding-left: 20px;
  width: 100%;
}
.custome-field-section .input-circle.no-p-left {
  padding-left: 0;
}
.custome-field-section .input-circle .add-url-btn {
  width: 24px;
  height: 24px;
  position: absolute;
  padding: 0;
  right: 4px;
  top: 4px;
  border: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: transparent;
}
.custome-field-section .input-circle .url-item {
  margin: 8px 0px 0px 0px;
  font-size: 12px;
  overflow-y: hidden;
  border-radius: 26px;
  line-height: 20px;
  padding: 3px 8px;
}
.custome-field-section .input-circle .url-item .url-text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  cursor: pointer;
}
.custome-field-section .input-circle .url-item span {
  line-height: 20px;
  font-weight: 600;
  cursor: pointer;
  float: right;
  font-size: 16px;
}
.custome-field-section .input-circle .url-warning {
  margin: 8px 15px 10px;
}
.custome-field-section .input-circle .select-wrap {
  width: 100% !important;
}
.custome-field-section input.for-date {
  cursor: pointer;
  margin: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  width: calc(100%);
  height: 32px;
  line-height: 32px;
  padding: 4px 3px 3px .7em !important;
  -webkit-appearance: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.custome-field-section .itemErrorMsg {
  font-size: 14px;
  color: #ff0000;
  line-height: 1;
  margin-bottom: 5px;
}
.custome-field-section .editable-label {
  position: relative;
  overflow: hidden;
}
.custome-field-section .editable-label .add-label-mobile {
  width: 110px;
  margin-bottom: 5px;
  line-height: 20px;
  border-radius: 25px;
  padding: 5px 15px;
  text-align: center;
  cursor: pointer;
}
.custome-field-section .label-list {
  display: inline-block;
  float: left;
  width: 45%;
  height: 60px;
  line-height: 25px;
  margin: 15px 5% 5px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.custome-field-section .label-list .colorBg {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 25px;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.custome-field-section .label-list .text {
  position: absolute;
  bottom: 0;
  left: 8px;
  right: 8px;
  text-align: left;
  padding: 0 !important;
}
.custome-field-section .label-list .del-btn {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  padding: 0;
}
.custome-field-section .select-readonly .select-wrap:after {
  display: none;
}
.custome-field-section textarea {
  width: 100%;
  resize: none;
  border-radius: 15px;
  padding-left: 10px;
}
.drop-down-enable {
  pointer-events: auto !important;
}
.with-suggest .dropdown-icon:after {
  top: -5px;
}
.dropdown-icon {
  position: relative;
}
.dropdown-icon:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 60%;
  line-height: 26px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.content-detail .info-area .new-content .keyword-box.mobile-item {
  margin: 8px 9px 0px 0px;
  float: left;
  font-weight: normal;
  font-size: 16px;
  color: #4a4a4a;
  width: calc(100% / 3 - 9px);
}
.editable-stars span {
  letter-space: 4px;
  font-size: 20px;
  font-weight: bold;
}
.label-list-wrap {
  overflow: hidden;
}
.label-list {
  display: inline-block;
  float: left;
  width: 100px;
  height: 25px;
  line-height: 25px;
  padding: 0 25px;
  margin: 0 15px 10px 0;
  border-radius: 4px;
  border: #ccc 1px solid;
  text-align: center;
  position: relative;
}
.label-list .colorBg {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
}
.label-list .text {
  vertical-align: middle;
  padding: 0 !important;
}
.label-list .del-btn {
  position: absolute;
  right: 5px;
  top: 4px;
  width: 15px;
  font-size: 14px;
  padding: 0;
}
/*Custom fileds*/
/***
Spectrum Colorpicker v1.2.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  width: 300px;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
/* Don't allow text selection */
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#ffffff), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #ffffff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}
.sp-hidden {
  display: none !important;
}
/* Clearfix hack */
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
.sp-cf {
  *zoom: 1;
}
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 5px;
  background-color: #fff;
  padding: 0;
  box-shadow: 0 0 10px #aaa;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
/* Input */
.sp-input-container {
  float: right;
  width: 130px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  border-radius: 3px;
  background-color: white;
  color: black;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
}
.sp-picker-container {
  width: 180px;
}
/* Palettes */
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  margin: 6px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
  border-radius: 3px;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
/* Buttons */
.sp-button-container {
  float: right;
  margin-top: 10px;
}
/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  *width: 220px;
  max-width: 220px;
}
.sp-container {
  padding-bottom: 0;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  padding: 0.5em 0.8em;
  font-weight: bold;
  font-size: 14px;
  min-width: 70px;
  border-radius: 25px;
  font-family: 'canto-font';
  border: 1px solid transparent;
  color: #fff;
  line-height: 17px;
  float: left;
}
.sp-cancel {
  padding: 0.5em 0.8em;
  font-weight: bold;
  font-size: 14px;
  min-width: 70px;
  border-radius: 25px;
  font-family: 'canto-font';
  color: #fff !important;
  float: left;
  margin-right: 10px;
  background: #b6bbc1;
  text-align: center;
  text-decoration: none !important;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.m10 {
  margin: 10px 0px;
}
.category-relate {
  height: 300px;
  overflow-y: auto;
}
.category-relate .item1 {
  display: flex;
  align-items: center;
  height: 60px;
}
.category-relate .item2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 60px;
}
.category-relate .img-thum {
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 10px 0 0px;
  flex-basis: 50px;
  flex-shrink: 0;
  overflow: hidden;
  flex-grow: 0;
  align-items: center;
}
.category-relate .img-thum .category {
  font-size: 30px;
}
.category-relate .img-thum img {
  object-fit: contain;
  max-height: 100%;
}
.category-relate .f-name {
  flex-grow: 1;
  text-align: left;
}
.category-relate .expand {
  margin: 0!important;
}
.category-relate .member-file {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}
.full-screen-video-wrapper {
  position: relative;
  width: 100% !important;
  height: 100% !important;
}
.full-screen-video-wrapper > video {
  width: 100%;
  height: 100%;
}
.full-screen-video-wrapper .full-screen-video-with-watermark {
  position: absolute;
  height: 4em;
  width: 30%;
  right: 0px;
  bottom: 15px;
  opacity: 0;
}
.full-screen-video-wrapper .preview-watermark {
  position: absolute;
  opacity: 0.5;
  height: auto;
  pointer-events: none;
}
.full-screen-video-wrapper .preview-watermark.single-text {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
  opacity: 1;
}
#videoLanguageChanged {
  display: inline-block;
  float: right;
  margin-right: 8px;
  margin-top: -4px;
}
#videoLanguageChanged ul {
  border: 1px solid #cccccc;
  border-radius: 8px;
  position: absolute;
  right: 20px;
  opacity: 1;
  z-index: 1000;
  padding: 0;
  margin-top: 5px;
}
#videoLanguageChanged ul li {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #cccccc;
}
#videoLanguageChanged ul li:last-child {
  border-bottom: none;
}
.terms-condition {
  word-break: break-word;
  text-align: left;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.upload-info-box {
  position: fixed;
  bottom: 85px;
  right: 20px;
  z-index: 1000;
  width: 770px;
}
.upload-info-box.box-collapse .modal-content {
  height: 57px;
}
.upload-info-box .process-message {
  font-size: 13px;
  font-style: italic;
  margin-top: 8px;
}
.upload-info-box .process-status {
  margin-top: 10px;
}
.upload-info-box .upload-complete-processing {
  font-size: 12px;
  font-weight: normal;
}
.upload-info-box.box-hide {
  width: auto;
}
.upload-info-box.box-hide .modal-content {
  display: none;
}
.upload-info-box .item-hide {
  display: none;
}
.upload-info-box .item-show {
  display: block;
}
.upload-info-box.upper-index {
  z-index: 1001 !important;
}
.upload-info-box .modal-content {
  overflow: hidden;
}
.upload-info-box .modal-content .modal-header {
  padding: 20px 18px;
}
.upload-info-box .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: 600;
}
.upload-info-box .modal-content .modal-header .modal-collapse-icon {
  position: absolute;
  top: 22px;
  right: 70px;
  font-size: 18px;
  cursor: pointer;
}
.upload-info-box .modal-content .modal-header .modal-close-icon {
  top: 20px;
  right: 20px;
}
.upload-info-box .modal-content .modal-body {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 10px 18px !important;
  min-height: 0px;
  font-size: 14px;
  font-weight: 600;
}
.upload-info-box .modal-content .modal-body .table {
  margin: 0;
}
.upload-info-box .modal-content .modal-body .table td {
  border: 0;
}
.upload-info-box .modal-content .modal-body .table td .progress {
  height: 5px;
  margin: 5px 0 0 0;
}
.upload-info-box .modal-content .modal-body .table td .file-icon {
  width: 45px;
  height: 40px;
  border-radius: 4px;
  background: url(/static/assets/img/CommonSymbolIcons.png);
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color: transparent;
  overflow: hidden;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-pdf {
  background-position: 0 0;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-psd {
  background-position: -50px 0;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-video {
  background-position: 0 -50px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-ai {
  background-position: -50px -50px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-audio {
  background-position: 0 -100px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-innd {
  background-position: -50px -100px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-image {
  background-position: 0 -150px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-txt {
  background-position: -50px -150px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-word {
  background-position: 0 -200px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-unknown {
  background-position: -50px -200px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-excel {
  background-position: 0 -250px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-eps {
  background-position: -50px -250px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-ppt {
  background-position: 0 -300px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-zip {
  background-position: -50px -300px;
}
.upload-info-box .modal-content .modal-body .table td .file-icon.file-icon-empty {
  background-position: 0 -350px;
  color: #fff;
}
.upload-info-box .modal-content .modal-body .table td button {
  font-size: 14px;
  padding: 7px 12px;
  width: 100%;
}
.upload-info-box .modal-content .modal-body .table td:first-child {
  width: 45px;
}
.upload-info-box .modal-content .modal-body .table td:last-child {
  width: 120px;
  text-align: right;
}
.upload-info-box .modal-content .modal-body .table td:last-child .status-success {
  height: 28px;
  width: 28px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
  background-color: #9ad230;
  color: #ffffff;
}
.upload-info-box .modal-content .modal-body .table td:last-child .status-fail {
  font-size: 14px;
  height: 28px;
  width: 28px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 14px;
}
.upload-info-box .modal-restore-icon {
  cursor: pointer;
  float: right;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
}
.progress .progress-bar {
  background-color: #9ad230;
}
.upload-info-box {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.upload-info-box .modal-content .modal-body .table td button {
  padding: 0 15px;
}
.upload-info-box .modal-content .modal-body .table td:last-child {
  width: 30px;
}
[upload-float-button] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  z-index: 1000;
  right: 10px;
  bottom: 70px;
}
[upload-float-button] .upload-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  line-height: 42px;
  font-size: 26px;
  box-shadow: 0 0 6px #333;
  border-radius: 50%;
  border: 2px solid #fff;
}
[upload-float-button] input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
}
.mobile-user-profile .modal-dialog {
  bottom: 0;
  height: calc(100% - 45px);
}
.mobile-user-profile .avatar-container {
  margin: 20px auto;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.mobile-user-profile .avatar-container img {
  width: 40%;
  height: 40%;
  border-radius: 50%;
  margin-bottom: 12px;
}
.mobile-user-profile .row {
  padding: 0 15px 20px;
}
.mobile-user-profile .row .field {
  display: block;
  line-height: 25px;
  font-weight: bold;
}
.mobile-user-profile .row .field-input {
  width: 100%;
  height: 32px;
  line-height: 24px;
  padding: 4px 14px;
  border-radius: 16px;
  border: #ccc 1px solid;
  outline: none;
}
.mobile-user-profile .row p {
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mobile-user-profile .row .btn-default {
  float: right;
  padding: 0 40px;
  background: #ccc;
}
.mobile-user-profile .row form {
  border-top: #ccc 1px solid;
  padding-top: 15px;
}
.mobile-user-profile .position-desc {
  width: 100%;
}
.mobile-user-profile .error-msg {
  color: red;
  font-weight: 600;
  float: right;
  margin-top: 3px;
}
.mobile-user-profile .required-field {
  float: left;
}
.mobile-user-profile .required-icon {
  font-weight: normal;
  position: relative;
  top: 3px;
}
.cropimage-dialog {
  height: auto;
  margin: auto;
}
.cropimage-dialog .title-area {
  height: 85px;
}
.cropimage-dialog .crop-preview {
  width: 69px;
  height: 69px;
  border: 1px solid #333333;
  margin: 0px 8px 10px 0px;
  float: left;
  overflow: hidden;
}
.cropimage-dialog .img-preview {
  max-width: none;
  margin: 0px auto;
}
.cropimage-dialog .crop-prompt {
  font-size: 18px;
  text-align: left;
  padding: 0px 0px 10px 0px;
  word-break: normal;
  white-space: normal;
}
.cropimage-dialog .upload-area {
  width: 100%;
  height: 120px;
  line-height: 20px;
  margin: 20px auto 0;
  text-align: center;
  vertical-align: middle;
}
.cropimage-dialog .upload-area .upload-text {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  color: #474747;
}
.cropimage-dialog .upload-area .upload-suggested {
  text-align: center;
  font-size: 14px;
  color: #474747;
}
.cropimage-dialog .upload-area .upload-ipnut {
  float: left;
  margin-top: -20px;
  opacity: 0;
}
.cropimage-dialog .allow-area {
  margin: 0px auto;
}
.mobile .ui-helper-hidden-accessible {
  display: none;
}
#mobileUserList .user-list-header {
  height: 60px;
  background-color: #E0E5EB;
  padding-top: 30px;
  color: #303030;
  padding-left: 12px;
  padding-right: 12px;
}
#mobileUserList .user-list-header .icon-s-PageUp-32 {
  font-weight: bold;
}
#mobileUserList .user-list-header .title {
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
}
#mobileUserList .users-list {
  padding-left: 5px;
  padding-right: 5px;
  overflow-y: scroll;
}
#mobileUserList .users-list table > tbody > tr {
  border-bottom: 1px solid #ddd;
}
#mobileUserList .users-list table > tbody > tr .user-msg {
  border: none;
}
#mobileUserList .users-list table > tbody > tr .user-msg .user-name {
  font-size: 16px;
  color: #303030;
  font-weight: 600;
}
#mobileUserList .users-list table > tbody > tr .user-msg .user-role {
  line-height: 66px;
  width: 25%;
  font-weight: 600;
  color: #303030;
}
#mobileUserList .user-registered {
  vertical-align: middle;
}
#mobileUserList .user-registered .icon-s-Ok2_32 {
  color: #9AD230;
}
#mobileUserList .user-registered .icon-s-Warning-16 {
  color: #D0021B;
}
#mobileUserList .user-registered .icon-s-RequestAccessUser-16 {
  color: red;
}
.user-info .modal-dialog {
  height: 100%;
  top: 0;
}
.user-info .modal-dialog .user-info-wapper {
  height: 100%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-list-header {
  height: 60px;
  background-color: #E0E5EB;
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  flex: 0 0 auto;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-list-header .icon-s-PageUp-32 {
  font-weight: bold;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-list-header .title {
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details {
  flex: 1 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  overflow-y: scroll;
  height: 80%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .icon-s-UsersAccounts-56 {
  font-size: 80px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .access-block {
  flex-direction: column;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .access-block .request-access-to {
  margin-left: 20px;
  display: flex;
  flex-wrap: wrap;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .custom-field-info {
  flex-direction: column;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item {
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  line-height: 50px;
  border-bottom: 1px solid gainsboro;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .registered-icon::before {
  line-height: 50px;
  color: green;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item > span:first-child {
  font-weight: 600;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item textarea {
  text-align: right;
  outline: none;
  border: none;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item {
  display: flex;
  justify-content: space-between;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .F3 {
  font-weight: 600;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input input,
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input textarea {
  width: 100%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input .date-time-icon {
  top: 17px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input.input-textarea input {
  border: none;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input .container-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input .container-box .keyword-box {
  display: flex;
  line-height: 22px;
  width: 100%;
  border-radius: 10px;
  height: 22px;
  margin-bottom: 5px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input .container-box .keyword-box .text {
  width: 87%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .info-input .container-box .keyword-box .delete-keyword-tag-btn {
  line-height: 22px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .self-custom-field .self-custom-field-item .dropdown-icon::after {
  top: 12px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .info-input {
  width: 50%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .info-input .select-wrap::after {
  top: 12px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container {
  display: inline-block;
  width: 50%;
  position: relative;
  vertical-align: middle;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container.drop-list-active .select-search-drop {
  display: block;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-choices {
  border: 1px solid #ddd;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  cursor: text;
  height: auto !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-choices li {
  float: left;
  list-style: none;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-choices .search-field {
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
  height: 35px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-choices .search-field input {
  vertical-align: top;
  border: 0 !important;
  box-shadow: none;
  height: 31px;
  margin: 0;
  width: 100%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-drop {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: -1px;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  z-index: 1060;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  display: none;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-drop .select-search-results {
  margin: 0;
  padding: 0;
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-drop .select-search-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #303030;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-drop .select-search-results li.heighLight {
  background-color: #eee;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-drop .select-search-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .select-search-drop .select-search-results li.no-result {
  cursor: default;
  display: list-item;
  color: #aaa;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .selected-items {
  margin-top: 8px;
  width: 100%;
  padding-left: 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .selected-items li {
  display: flex;
  flex-wrap: wrap;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .selected-items li .selected-group-items {
  display: flex;
  line-height: 22px;
  width: 100%;
  border-radius: 10px;
  height: 22px;
  margin-bottom: 5px;
  background: #C1C1C1;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .selected-items li .selected-group-items .F5 {
  width: 87%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-item .select-search-container .selected-items li .selected-group-items .icon-icn_close_x_01 {
  line-height: 22px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access {
  border-bottom: 1px solid gainsboro;
  padding: 0 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access > span {
  font-weight: 600;
  display: inline-block;
  margin-top: 12px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline {
  display: flex;
  flex-direction: column;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline > div {
  width: 50%;
  margin-top: 12px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline > div span span:first-child {
  margin-right: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline > div:first-child {
  margin-left: 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-right: 0;
  margin-left: 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .no-pd-left .select-p {
  margin: 10px 0;
  padding-left: 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .no-pd-left .select-p .nowrap {
  margin-right: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .no-pd-left .select-p li {
  display: flex;
  flex-wrap: wrap;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .no-pd-left .select-p li .nowrap {
  display: flex;
  line-height: 22px;
  width: 100%;
  border-radius: 10px;
  height: 22px;
  margin-bottom: 5px;
  background: #C1C1C1;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .no-pd-left .select-p li .nowrap .F5 {
  width: 90%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .no-pd-left .select-p li .nowrap .icon-icn_close_x_01 {
  line-height: 22px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: middle;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container.drop-list-active .select-search-drop {
  display: block;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-choices {
  border: 1px solid #ddd;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  cursor: text;
  height: auto !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-choices li {
  float: left;
  list-style: none;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-choices .search-field {
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
  height: 35px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-choices .search-field input {
  vertical-align: top;
  border: 0 !important;
  box-shadow: none;
  height: 31px;
  margin: 0;
  width: 100%;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-drop {
  background: #fff;
  border: 1px solid #ddd;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-top: -1px;
  position: absolute;
  top: 38px;
  left: 0;
  right: 0;
  z-index: 1060;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  display: none;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-drop .select-search-results {
  margin: 0;
  padding: 0;
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-drop .select-search-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #303030;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-drop .select-search-results li.heighLight {
  background-color: #eee;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-drop .select-search-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-inline .row .select-search-container .select-search-drop .select-search-results li.no-result {
  cursor: default;
  display: list-item;
  color: #aaa;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-indesg {
  margin: 12px 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-info-access .access-indesg .F3 {
  margin-left: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-comment {
  padding: 0 10px;
  margin-top: 15px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .user-info-items .user-comment .info-input textarea {
  margin: 0px;
  height: 80px;
  width: 100%;
  resize: none;
  border-radius: 5px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .requested-comment {
  padding: 0 10px;
  margin-top: 15px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .requested-comment .user-comments {
  margin: 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .users-details .requested-comment .user-comments .info-input textarea {
  margin: 0px;
  height: 80px;
  width: 100%;
  resize: none;
  border-radius: 5px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-info-footer {
  width: 100%;
  align-self: flex-end;
  flex: 0 0 auto;
  margin-bottom: 10px;
  margin-top: 10px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-info-footer .user-info-button {
  font-weight: 600;
  display: flex;
  width: 70%;
  margin: auto;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-info-footer .user-info-button div {
  width: 50%;
  text-align: center;
  height: 40px;
  vertical-align: baseline;
  line-height: 40px;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-info-footer .user-info-button .delete-user {
  background: #E0E5EB;
  border-radius: 14px 0 0 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-info-footer .user-info-button .edit-user {
  background: #F68B1E;
  border-radius: 0 14px 0 0;
}
.user-info .modal-dialog .user-info-wapper #mobileUserList .user-info-footer .user-info-button .edit-user.disabled {
  background: #9b9b9b;
}
.modal-dialog {
  position: fixed;
  top: 45px;
  bottom: 45px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0;
  width: 100% !important;
  height: calc(100% - 90px);
}
.modal-dialog .modal-content {
  position: fixed;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  overflow: hidden;
}
.modal-dialog .modal-content .modal-header {
  padding: 10px 15px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
}
.modal-dialog .modal-content .modal-header.upload-info {
  height: auto;
}
.modal-dialog .modal-content .modal-header h3,
.modal-dialog .modal-content .modal-header h4 {
  line-height: 30px;
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.modal-dialog .modal-content .modal-header .close,
.modal-dialog .modal-content .modal-header .modal-close-icon {
  position: fixed;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
.modal-dialog .modal-content .modal-body {
  position: absolute;
  padding: 15px;
  top: 50px;
  bottom: 50px;
  height: auto;
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
}
.modal-dialog .modal-content .modal-body.upload-box {
  top: 125px;
}
.modal-dialog .modal-content .modal-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  padding: 0;
}
.modal-dialog .modal-content .modal-footer.upload-footer {
  text-align: right;
  padding: 0px 15px;
}
.modal-dialog .modal-content .modal-footer button {
  min-width: 60px;
  margin-left: 10px;
}
.modal-dialog .modal-content .modal-footer button:first-of-type {
  margin: 0px;
}
.duplicate-asset-dialog .duplicate-content {
  width: auto;
}
.duplicate-asset-dialog .duplicate-content .dup-content {
  width: auto;
}
.multi-edit-content .modal-favorite-body {
  max-height: 100% !important;
  height: auto;
  width: 100%;
  position: fixed;
  top: 50px;
  bottom: 100px;
  overflow-y: auto;
}
.multi-edit-content .modal-favorite-body.table-list ul.container {
  height: auto;
}
.multi-edit-content .modal-favorite-body.table-list ul li .cell-text {
  position: absolute;
}
.multi-edit-content .modal-favorite-body.table-list ul li .cell-text.view-icon {
  left: 20px;
}
.multi-edit-content .modal-favorite-footer {
  position: absolute;
  bottom: 0;
  text-align: center;
  height: 100px;
  width: 100%;
  padding-bottom: 10px !important;
}
.multi-edit-content .modal-favorite-footer .input-box {
  display: block;
  width: inherit;
  margin: 0;
  padding: 10px;
}
.multi-edit-content .modal-favorite-footer .input-box input {
  width: 100%;
}
.multi-edit-content .modal-favorite-footer .invalid-tips {
  margin: 0;
  width: 100%;
}
.location-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
.switch-view-window-dialog {
  margin: auto;
}
.switch-view-window-dialog .modal-dialog {
  width: 839px;
}
.switch-view-window-dialog .modal-dialog .msg-item {
  height: 75px;
  line-height: 75px;
  position: relative;
}
.switch-view-window-dialog .modal-dialog .msg-item div {
  display: inline-block;
  height: 75px;
  line-height: 75px;
  overflow-x: auto;
  white-space: nowrap;
}
.switch-view-window-dialog .modal-dialog .msg-item .title-font {
  font-size: 16px;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column {
  position: absolute;
  height: 69px;
  padding: 0px;
  line-height: 69px;
  overflow: hidden;
  top: 3px;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .thumb-img {
  max-height: none !important;
  max-width: none !important;
  cursor: pointer;
  vertical-align: baseline;
  width: 100%;
  height: 100%;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .thumb-area {
  position: absolute;
  left: 0px;
  width: 53px;
  height: 53px;
  overflow: hidden;
  padding: 0px;
  margin: 8px;
  text-overflow: clip;
  text-align: center;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .thumb-keyphoto {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  left: 0px;
}
.switch-view-window-dialog .modal-dialog .msg-item .thumb-column .album-default {
  font-size: 25px;
  display: block;
  margin-top: 12px;
}
.switch-view-window-dialog .modal-dialog .table-list ul.container {
  height: auto;
  padding: 0;
}
.switch-view-window-dialog .view-icon {
  font-size: 28px;
  padding-left: 10px;
}
.switch-view-window-dialog .view-item {
  height: 40px;
  line-height: 40px;
  margin: 0px !important;
  border-radius: 5px !important;
}
.switch-view-window-dialog .view-item .cell-text {
  height: 40px;
  line-height: 40px;
}
.switch-view-window-dialog .current-view {
  color: #cdcdcd !important;
}
.switch-view-window-dialog .current-view:hover {
  color: #cdcdcd !important;
  cursor: text !important;
  background-color: white !important;
}
.switch-view-window-dialog .goto-sections .section {
  height: 140px;
  padding: 10px 0;
}
.switch-view-window-dialog .goto-sections .section span {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 100px;
  font-size: 64px;
  opacity: 0.5;
}
.switch-view-window-dialog .goto-sections .section span.selected {
  opacity: 1;
}
.switch-view-window-dialog .goto-sections .section .section-label {
  position: relative;
  top: -30px;
  text-align: center;
  font-weight: 600;
}
.aboutus-dialog {
  margin: auto;
}
.aboutus-dialog .modal-dialog {
  width: 534px;
}
.aboutus-dialog .logo-area {
  height: 100%;
}
.aboutus-dialog .tenant-logo {
  display: block;
  height: 100%;
}
.aboutus-dialog .aboutus-version {
  text-align: right;
  position: absolute;
  right: 10px;
  top: 0;
  height: 100%;
  line-height: 50px;
}
.aboutus-dialog .about-hide {
  visibility: hidden;
}
.aboutus-dialog .about-name {
  font-size: 18px;
  text-align: left;
  display: block;
  padding: 10px 0px 5px;
}
.aboutus-dialog .about-version-help {
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}
.aboutus-dialog .about-version {
  float: left;
  font-size: 14px;
}
.aboutus-dialog .about-desc {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
  font-weight: 300;
  word-wrap: break-word;
}
.message-box-dialog .modal-body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  width: 100%;
  height: 100%;
  max-height: 400px;
  min-height: 40px;
}
.message-box-dialog .modal-body::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.message-box-dialog .modal-body::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.message-box-dialog .modal-body::-webkit-scrollbar {
  width: 10px;
}
.message-box-dialog .modal-body .empty {
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  margin-top: 10px;
}
.message-box-dialog .container {
  width: 100%;
  overflow: hidden;
  padding: 0;
}
.message-box-dialog .msg-item {
  height: 75px;
  line-height: 75px;
  position: relative;
  border-radius: 10px;
}
.message-box-dialog .msg-item div {
  display: inline-block;
  height: 75px;
  line-height: 75px;
}
.message-box-dialog .msg-item .thumb-column {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  line-height: 69px;
  overflow: hidden;
  top: 3px;
}
.message-box-dialog .msg-item .thumb-column .thumb-img {
  max-width: none !important;
  cursor: pointer;
  vertical-align: baseline;
}
.message-box-dialog .msg-item .thumb-column .thumb-area {
  position: absolute;
  left: 0px;
  width: 53px;
  height: 53px;
  overflow: hidden;
  padding: 0px;
  margin: 8px;
  text-overflow: clip;
}
.message-box-dialog .msg-item .thumb-column .thumb-keyphoto {
  position: absolute;
  width: 69px;
  height: 69px;
  padding: 0px;
  left: 0px;
}
.message-box-dialog .msg-item .thumb-column .album-default {
  font-size: 52px;
}
.message-box-dialog .msg-item .msg {
  position: absolute;
  left: 80px;
  right: 40px;
}
.message-box-dialog .msg-item .msg .action-by-user {
  float: left;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.message-box-dialog .msg-item .msg .change-time {
  float: left;
  height: 22px;
  line-height: 22px;
}
.message-box-dialog .msg-item .msg .name-span {
  float: left;
  font-weight: 600;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  overflow-x: auto;
  width: 100%;
}
.message-box-dialog .msg-item .sender-area {
  width: 60px;
  float: right;
}
.message-box-dialog .msg-item .sender-area .sender-avatar {
  border-radius: 26.5px;
  -webkit-border-radius: 26.5px;
  height: 50px;
  width: 50px;
  margin-bottom: 2px;
}
.message-box-dialog .msg-item .action {
  width: 30px;
  float: right;
  line-height: 75px;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
}
.content-conversion-dialog .preview-image-area {
  text-align: center;
  background: #dbdbdb;
}
.content-conversion-dialog .preview-image-area .conv-img {
  position: relative;
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img {
  position: absolute;
  opacity: 0.5;
  width: 70%;
  height: auto;
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-1 {
  top: 0;
  left: 0;
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-2 {
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-3 {
  top: 0;
  right: 0;
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-4 {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-5 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-6 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-7 {
  bottom: 0;
  left: 0;
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-8 {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.content-conversion-dialog .preview-image-area .conv-img .watermark-img.img-pos-9 {
  bottom: 0;
  right: 0;
}
.content-conversion-dialog .preview-image-area .conv-img #advImge {
  display: inline!important;
}
.content-conversion-dialog .conv-action .conv-btn {
  display: block;
  min-width: 200px;
  margin: 10px auto;
}
.content-conversion-dialog .conv-action .image-property section {
  margin-bottom: 20px;
}
.confirm-msg {
  white-space: pre-wrap;
}
/*styles for confirm upload files extension dialog*/
.upload-files-extension-dialog .content-part .files-list {
  margin-top: 10px;
  border-radius: 10px;
  border: solid 1px #CCCCCC;
  padding: 5px 15px;
  min-height: 100px;
}
.upload-files-extension-dialog .content-part .files-list ul li {
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.terms-conditions-dialog .content {
  padding-top: 10px;
}
.terms-conditions-dialog .content .term-tip {
  float: left;
  width: 100%;
  line-height: 18px;
  padding-top: 20px;
}
.terms-conditions-dialog .content .term-tip .link {
  font-size: 18px;
}
.terms-conditions-dialog .content .file-info {
  width: 100%;
  overflow: hidden;
  word-break: normal;
  text-overflow: ellipsis;
  text-align: center;
  height: 250px;
}
.terms-conditions-dialog .content .file-info .file-list {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.terms-conditions-dialog .content .terms-checkbox {
  cursor: pointer;
  font-size: 16px;
}
.terms .termsTitle {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.terms .termsContent {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  white-space: pre-wrap;
}
.dig-eye {
  height: 72px;
  margin: -92px 1px 0px -19px;
  transition: margin-top 0.5s ease-in;
  -webkit-transition: margin-top 0.5s ease-in;
  -moz-transition: margin-top 0.5s ease-in;
  -ms-transition: margin-top 0.5s ease-in;
  padding: 20px;
  position: absolute;
  z-index: 100;
}
div.dig-eye-close {
  margin-top: -22px;
}
.facial-dialog .d-p-confirm {
  display: flex;
  flex-direction: column;
}
.facial-dialog .d-p-confirm .d-p-col1 {
  display: flex;
  align-content: center;
}
.facial-dialog .d-p-confirm .d-p-col1 .d-p-de {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.facial-dialog .d-p-confirm .rename-to {
  margin: 0px 40px;
  margin-bottom: 30px;
  font-size: 20px;
}
.facial-dialog .d-p-confirm .d-p-col0 {
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px;
  align-items: center;
  display: flex;
  align-content: center;
}
.facial-dialog .d-p-confirm .d-p-col0 .d-p-av {
  width: 80px;
  height: 120px;
  flex-direction: column;
}
.facial-dialog .d-p-confirm .d-p-col0 .name {
  max-width: 100%;
}
.facial-dialog .d-p-confirm .d-p-av {
  width: 70px;
  height: 70px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.facial-dialog .d-p-confirm .d-p-av img {
  border-radius: 50%;
}
.facial-dialog .d-p-confirm .d-p-col2.dup-sec {
  padding-left: 50px;
}
.facial-dialog .d-p-confirm .d-p-col2 {
  padding-left: 90px;
  padding-top: 10px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 15px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 .d-p-no {
  display: flex;
  flex-direction: column;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 .d-p-no .d-p-sp2 {
  margin-top: 5px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 .d-p-no input {
  margin-top: 15px;
  width: 300px;
}
.facial-dialog .d-p-confirm .d-p-col2 .d-p-ck2 span {
  line-height: 30px;
}
.facial-dialog .d-p-confirm .d-p-col2 i {
  line-height: 30px;
  margin-right: 10px;
}
.message-dialog .msg {
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
  white-space: pre-wrap;
}
.mobile-share-dialog .red-color {
  color: red !important;
}
.mobile-share-dialog .password-wrapper {
  position: relative;
}
.mobile-share-dialog .password-wrapper .input-eye {
  position: absolute;
  right: 15px;
  top: 0px;
}
.mobile-share-dialog .password-wrapper .eye-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.mobile-share-dialog .modal-body {
  width: 100%;
  height: calc(100% - 45px);
  top: 45px;
}
.mobile-share-dialog .modal-body .share-item-input input {
  height: 32px;
}
.mobile-share-dialog .share-warp {
  overflow: hidden;
  padding: 0;
}
.mobile-share-dialog .share-warp li {
  width: 25%;
  height: 72px;
  float: left;
  list-style: none;
  text-align: center;
  line-height: 60px;
}
.mobile-share-dialog .share-email-icon {
  background-image: url(img/email.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-dropbox-icon {
  background-image: url(img/b.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-pinterest-icon {
  background-image: url(img/pinterest.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-facebook-icon {
  background-image: url(img/facebook.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-box-icon {
  background-image: url(img/box.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-twitter-icon {
  background-image: url(img/x.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-linkedin-icon {
  background-image: url(img/lkn.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 6px auto;
  background-color: white;
}
.mobile-share-dialog .share-onedrive-icon {
  background-image: url(img/onedrive.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 6px auto;
  background-color: white;
}
.mobile-share-dialog .share-sharepoint-icon {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="40px" height="40px"><path d="M 28.875 0 C 28.855469 0.0078125 28.832031 0.0195313 28.8125 0.03125 L 0.8125 5.3125 C 0.335938 5.402344 -0.0078125 5.824219 0 6.3125 L 0 43.59375 C -0.0078125 44.082031 0.335938 44.503906 0.8125 44.59375 L 28.8125 49.96875 C 29.101563 50.023438 29.402344 49.949219 29.632813 49.761719 C 29.859375 49.574219 29.996094 49.296875 30 49 L 30 41.90625 C 30.351563 41.964844 30.683594 42 31 42 C 34.242188 42 36.871094 39.457031 37 36.25 C 39.667969 35.269531 41.894531 33.417969 43.34375 30.96875 C 43.554688 30.992188 43.78125 31 44 31 C 47.300781 31 50 28.300781 50 25 C 50 21.699219 47.300781 19 44 19 C 43.804688 19 43.597656 19.011719 43.40625 19.03125 C 41.957031 16.523438 39.683594 14.644531 36.96875 13.65625 C 36.792969 10.492188 34.210938 8 31 8 C 30.664063 8 30.332031 8.007813 30 8.0625 L 30 1 C 30.003906 0.710938 29.878906 0.4375 29.664063 0.246094 C 29.449219 0.0546875 29.160156 -0.0351563 28.875 0 Z M 28 2.1875 L 28 47.8125 L 2 42.78125 L 2 7.125 Z M 31 10 C 33.277344 10 35 11.722656 35 14 C 35 16.277344 33.277344 18 31 18 C 30.675781 18 30.316406 17.957031 30 17.875 L 30 10.125 C 30.289063 10.042969 30.601563 10 31 10 Z M 14.59375 15.40625 C 13.59375 15.40625 12.710938 15.488281 11.8125 15.6875 C 10.914063 15.886719 10.199219 16.289063 9.5 16.6875 C 8.800781 17.1875 8.304688 17.707031 7.90625 18.40625 C 7.507813 19.105469 7.3125 19.90625 7.3125 20.90625 C 7.3125 22.105469 7.707031 23.101563 8.40625 24 C 9.105469 24.898438 10.195313 25.585938 11.59375 26.1875 C 12.195313 26.488281 12.6875 26.707031 13.1875 26.90625 C 13.6875 27.105469 14.101563 27.394531 14.5 27.59375 C 14.800781 27.894531 15.113281 28.105469 15.3125 28.40625 C 15.511719 28.707031 15.59375 29.007813 15.59375 29.40625 C 15.59375 29.605469 15.507813 29.894531 15.40625 30.09375 C 15.304688 30.292969 15.113281 30.488281 14.8125 30.6875 C 14.511719 30.886719 14.210938 30.992188 13.8125 31.09375 C 13.414063 31.195313 12.90625 31.1875 12.40625 31.1875 C 11.507813 31.1875 10.710938 30.988281 9.8125 30.6875 C 8.914063 30.386719 8.105469 29.914063 7.40625 29.3125 L 7.40625 33.40625 C 8.007813 33.707031 8.789063 33.992188 9.6875 34.09375 C 10.585938 34.292969 11.59375 34.40625 12.59375 34.40625 C 13.59375 34.40625 14.507813 34.292969 15.40625 34.09375 C 16.304688 33.894531 16.988281 33.585938 17.6875 33.1875 C 18.386719 32.789063 18.914063 32.199219 19.3125 31.5 C 19.613281 30.800781 19.804688 30.007813 19.90625 28.90625 C 19.90625 28.207031 19.792969 27.601563 19.59375 27 C 19.292969 26.398438 18.992188 25.898438 18.59375 25.5 C 18.195313 25 17.695313 24.613281 17.09375 24.3125 C 16.492188 23.914063 15.792969 23.613281 15.09375 23.3125 C 14.59375 23.113281 14.085938 22.886719 13.6875 22.6875 C 13.289063 22.488281 12.894531 22.292969 12.59375 22.09375 C 12.292969 21.894531 12.105469 21.605469 11.90625 21.40625 C 11.804688 21.207031 11.6875 20.894531 11.6875 20.59375 C 11.6875 20.292969 11.804688 20.011719 11.90625 19.8125 C 12.007813 19.613281 12.199219 19.386719 12.5 19.1875 C 12.800781 18.988281 13.101563 18.914063 13.5 18.8125 C 13.898438 18.710938 14.3125 18.6875 14.8125 18.6875 C 15.210938 18.6875 15.507813 18.710938 15.90625 18.8125 C 16.207031 18.8125 16.601563 18.898438 17 19 C 17.398438 19.101563 17.695313 19.207031 18.09375 19.40625 C 18.492188 19.605469 18.792969 19.800781 19.09375 20 L 19.09375 16.09375 C 18.492188 15.894531 17.792969 15.695313 17.09375 15.59375 C 16.394531 15.492188 15.59375 15.40625 14.59375 15.40625 Z M 36.75 15.6875 C 38.667969 16.492188 40.28125 17.84375 41.40625 19.59375 C 39.394531 20.566406 38 22.625 38 25 C 38 27.347656 39.367188 29.390625 41.34375 30.375 C 40.210938 32.097656 38.625 33.429688 36.71875 34.21875 C 35.960938 31.773438 33.699219 30 31 30 C 30.664063 30 30.332031 30.007813 30 30.0625 L 30 19.90625 C 30.351563 19.964844 30.683594 20 31 20 C 33.734375 20 36.023438 18.183594 36.75 15.6875 Z M 44 21 C 46.222656 21 48 22.777344 48 25 C 48 27.222656 46.222656 29 44 29 C 41.777344 29 40 27.222656 40 25 C 40 22.777344 41.777344 21 44 21 Z M 31 32 C 33.277344 32 35 33.722656 35 36 C 35 38.277344 33.277344 40 31 40 C 30.675781 40 30.316406 39.957031 30 39.875 L 30 32.125 C 30.289063 32.042969 30.601563 32 31 32 Z" fill="rgb(255,255,255)"/></svg>');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 6px auto;
  background-color: #34c7d1;
  background-position: center;
}
.mobile-share-dialog .share-link-icon {
  background-image: url(img/link.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-googledrive-icon {
  background-image: url(img/google_drive_large.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
  background-color: #00a753;
  background-position: center;
  background-size: contain;
}
.mobile-share-dialog .share-vimeo-icon {
  background-image: url(img/vimeo.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-youtube-icon {
  background-image: url(img/youtube_square_red.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
  background-size: contain;
}
.mobile-share-dialog .share-slack-icon {
  background-image: url(img/slack-01.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 6px auto;
}
.mobile-share-dialog .share-preview-area {
  padding: 5px;
  text-align: center;
  margin: 5px auto;
  width: 75%;
}
.mobile-share-dialog .share-preview-area .share-image {
  max-width: 80%;
}
.mobile-share-dialog .form-label {
  font-weight: bold;
  line-height: 35px;
}
.mobile-share-dialog .share-input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  padding: 0 15px;
  border: #ccc 1px solid;
  outline: none;
}
.mobile-share-dialog textarea[name='description'] {
  width: 100%;
  padding: 10px 15px;
  resize: none;
  border: #ccc 1px solid;
  border-radius: 20px;
  outline: none;
}
.mobile-share-dialog .share-email {
  padding-bottom: 45px;
}
.mobile-share-dialog .modal-footer button {
  width: 80%;
  margin: 6px auto;
  height: 35px;
  line-height: 35px;
}
.mobile-share-dialog .share-success {
  line-height: 24px;
  word-break: break-all;
  font-weight: bold;
}
.mobile-share-dialog .share-Prompt {
  font-weight: bold;
  line-height: 26px;
  font-size: 1.1em;
}
.mobile-share-dialog .share-Prompt .tips3 {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #666;
}
.mobile-share-dialog .share-dropbox li,
.mobile-share-dialog .share-box li {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
}
.mobile-share-dialog .share-egnyte-icon {
  background-image: url(img/eg.png);
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 58px;
  margin: 6px 7px;
  outline-color: red;
}
.mobile-share-facebook {
  margin: 8px;
  text-align: center;
  font-size: 14px;
}
.mobile-share-facebook .share-facebook-title-bar {
  height: 50px;
  line-height: 50px;
  margin-top: 30px;
}
.mobile-share-facebook .share-facebook-title-bar .share-fb-title {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  bottom: 8px;
  left: 6px;
}
.mobile-share-facebook .share-facebook-title-bar .share-fb-icon {
  font-size: 40px;
  position: relative;
  line-height: 50px;
  color: #6678C5;
}
.mobile-share-facebook .share-facebook-msg {
  margin-top: 6px;
}
.mobile-share-facebook .btn-default {
  height: 32px;
  color: #fff !important;
  border: 1px solid transparent;
  font-weight: bold;
  font-size: 14px;
  color: #4A4A4A;
  min-width: 90px;
  outline: none;
  border-radius: 25px;
  margin-left: 0px!important;
}
.mobile-share-facebook .subject {
  margin-top: 30px;
}
.mobile-share-facebook .subject > div:first-child {
  margin-top: 8px;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  margin-left: calc(50% - 150px);
  width: 300px;
  margin-bottom: 10px;
  text-align: left;
}
.mobile-share-facebook .subject:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.mobile-share-facebook .subject input {
  outline: none;
  border-radius: 25px;
  border: 1px solid;
  width: 300px;
  height: 32px;
  padding-left: 10px;
}
.mobile-share-facebook section {
  margin-left: calc(50% - 150px);
  text-align: left;
}
.shareview .scrollable-content {
  height: auto;
}
.share-protected-password {
  width: 100%;
  height: 100vh;
  position: relative;
  background: #4d4d4d;
}
.share-protected-password .password-wrapper {
  position: relative;
}
.share-protected-password .password-wrapper .input-eye {
  position: absolute;
  right: 30px;
  top: 0px;
}
.share-protected-password .password-wrapper .eye-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.share-protected-password .top {
  width: 100%;
  height: 67px;
  background: #F5F5F5;
}
.share-protected-password .top img {
  height: 45px;
  margin: 11px 20px;
}
.share-protected-password .dialog {
  position: absolute;
  top: 20%;
  left: 0;
  bottom: 15%;
  width: 100%;
  background: white;
  overflow: hidden;
}
.share-protected-password .dialog .sub-title {
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  background: #f5f5f5;
}
.share-protected-password .dialog input {
  margin: 60px 20px 0;
  width: calc(100% - 40px);
  height: 40px;
  border: #ccc 1px solid;
  background: #fff;
}
.share-protected-password .dialog .err {
  margin: 10px 20px;
  color: red;
}
.share-protected-password .dialog .btn-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.share-protected-password .dialog .btn-wrap button {
  margin: 10px auto;
  width: 80%;
  font-size: 16px;
  border: 0;
  padding: 0 20px;
  border-radius: 15px;
  line-height: 30px;
}
.password-req-wrapper {
  text-align: left;
  font-weight: normal;
  font-size: 14px;
}
.password-req-wrapper ul {
  list-style: disc;
  padding-left: 25px;
}
.invalid-password-wrapper {
  padding-left: 3rem;
  font-size: 12px;
}
.error-input {
  border: 1px solid red !important;
}
.batchremove-dialog .confirm-msg {
  word-wrap: break-word;
}
.filter .icon {
  width: 48px;
  height: 39px;
  background-position: -193px -73px;
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  visibility: hidden;
}
.filter .title-bar {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: #ccc 1px solid;
  background: #FFF;
}
.filter .space5-bar {
  width: 100%;
  height: 5px;
}
.filter .sub-title-bar {
  width: 100%;
  height: 48px;
  padding: 10px 20px;
  line-height: 28px;
  border-bottom: solid 1px #BCBCBC;
  vertical-align: middle;
}
.filter .borderTopNone {
  border: none !important;
}
.filter .sub-title-text {
  max-width: 180px;
  height: 28px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #4A4A4A;
  cursor: pointer;
  vertical-align: middle;
}
.filter .close-arrow {
  float: left;
}
.filter .close-arrow .close-text {
  font-size: 14px;
  color: #848484;
  cursor: pointer;
  font-weight: bold;
}
.filter .clear-all {
  float: right;
}
.filter .selected-count {
  font-size: 14px;
  font-weight: bold;
}
.filter .clear-text {
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  float: right;
  cursor: pointer;
}
.filter .clear-part {
  float: right;
  opacity: 0.8;
}
.filter .clear-part-text {
  float: right;
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  cursor: pointer;
  padding-right: 5px;
}
.filter .clear-part:hover {
  opacity: 1;
}
.filter .clear-part:hover .clear-part-text {
  visibility: visible;
}
.filter .choice-option {
  width: 100%;
  height: 24px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter .custom-input {
  width: 100%;
  height: 32px;
  border: 0;
}
.filter .custom-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .custom-input:-moz-placeholder {
  color: inherit !important;
}
.filter .custom-input::-moz-placeholder {
  color: inherit !important;
}
.filter .custom-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .normal-input {
  width: 100%;
  height: 32px;
}
.filter .normal-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .normal-input:-moz-placeholder {
  color: inherit !important;
}
.filter .normal-input::-moz-placeholder {
  color: inherit !important;
}
.filter .normal-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .option-list {
  width: 100%;
  margin: 0 10px;
  padding: 0;
  overflow: hidden;
}
.filter .option-list li {
  width: auto;
  height: 22px;
  line-height: 14px;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 15px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .option-list li.text {
  width: 100%;
}
.filter .dropdown-part {
  float: right;
  margin: -6px 16px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
}
.filter .dropdown-part .dropdown-part-list {
  display: none;
  padding: 0;
  background: #fcfcfc;
  border: #ccc 1px solid;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #848484;
  cursor: pointer;
  position: absolute;
  top: 26px;
  right: -28px;
  z-index: 8;
}
.filter .dropdown-part .dropdown-part-list li {
  width: 85px;
  padding: 6px 10px;
  line-height: 15px;
  border-bottom: 1px solid #ccc;
}
.filter .dropdown-part .dropdown-part-list li:last-child {
  border-bottom: none;
}
.filter .dropdown-part .dropdown-part-list li > span {
  display: inline-block;
}
.filter .dropdown-part .dropdown-part-list li > span:first-child {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fcfcfc;
  margin-right: 10px;
  text-align: center;
}
.filter .dropdown-part .dropdown-part-list li > span:first-child.selected {
  background: #666;
}
.filter .dropdown-part.show {
  opacity: 1;
}
.filter .dropdown-part.show .dropdown-part-list {
  display: block;
}
.filter .panel-body {
  padding: 0;
  border: 0 !important;
  position: relative;
  min-height: 70px;
}
.filter .typeTitle {
  margin: 10px 0 10px 20px;
  font-size: 16px;
}
.filter .input-date {
  display: inline-block;
  width: 124px;
  height: 30px;
}
.filter .input-date::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .input-date:-moz-placeholder {
  color: inherit !important;
}
.filter .input-date::-moz-placeholder {
  color: inherit !important;
}
.filter .input-date:-ms-input-placeholder {
  color: inherit !important;
}
.filter .left-arrow {
  display: inline-block;
  cursor: pointer;
  padding: 4px 4px;
  margin-right: 4px;
  font-size: 10px;
  border-radius: 50%;
  background: #ddd;
  color: #999;
}
.filter .x-text {
  width: 18px;
  height: 27px;
  line-height: 27px;
  float: right;
  margin-right: 7px;
  margin-top: 6px;
  cursor: pointer;
}
.filter .sub-x-text {
  width: 18px;
  height: 20px;
  line-height: 20px;
  float: right;
  margin-top: 4px;
  cursor: pointer;
  text-align: center;
}
.filter .type-items {
  width: 380px;
  line-height: 40px;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: -47px;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}
.filter .type-items .type {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #c5c5c5;
  margin-right: 55px;
  padding: 6px 6px;
  border: #c5c5c5 2px solid;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.filter .type-items .type.secondaryColor {
  color: white;
}
.filter .square-border {
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-left: -13px;
}
.filter .type-items .enabled {
  color: #474747;
  cursor: pointer;
  border-color: #474747;
}
.filter .type-options {
  display: block;
  vertical-align: middle;
  margin: 15px 20px;
}
.filter .type-options .image-size {
  width: 100%;
  overflow: hidden;
}
.filter .type-options .size-warp {
  width: 120px;
  float: left;
  vertical-align: middle;
}
.filter .type-options .size-warp input {
  width: 110px;
  height: 28px;
  margin-top: 8px;
  border-radius: 14px;
  border: #ccc 1px solid;
}
.filter .type-options .size-warp-btn {
  width: 53px;
  float: left;
  margin-top: 27px;
  vertical-align: middle;
}
.filter .type-options .size-warp-btn button {
  height: 28px;
  line-height: 20px;
  border-radius: 50%;
  border: none;
  padding: 0 5px;
}
.filter .displayNone {
  display: none;
}
.filter .options-title-bar {
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
}
.filter .options-title-text {
  float: left;
  font-size: 14px;
  font-weight: 700;
  color: #606060;
  vertical-align: middle;
}
.filter .options-slider-area {
  width: 100%;
  height: 64px;
  line-height: 100%;
  position: relative;
}
.filter .orientation-area {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.filter .orientation-option {
  font-size: 12px;
  width: auto;
  color: #636363;
  float: left;
  margin: 5px 0px 0px 3px;
  padding: 0px 10px;
  border: solid 1px #E8E8E8;
  border-radius: 6px;
  background: none;
  line-height: 20px;
  cursor: pointer;
}
.filter .image-landscape {
  width: 12px;
  height: 8px;
  background: #848484;
  display: inline-block;
  margin-right: 5px;
}
.filter .image-portrait {
  width: 8px;
  height: 12px;
  background: #848484;
  display: inline-block;
  margin-right: 5px;
}
.filter .image-square {
  width: 10px;
  height: 10px;
  background: #848484;
  display: inline-block;
  margin-right: 5px;
}
.filter .keywords {
  display: inline-block;
  width: 100%;
  min-height: 32px;
  padding: 15px 10px;
}
.filter .keywords .text {
  width: auto;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 12px;
  border-radius: 12px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .keywords .text:hover {
  background: #f2f2f2;
}
.filter .keywords .text:active {
  color: #FFF;
  background-color: #9B9B9B !important;
}
.filter .keywords .keyword-select {
  background: #79BDFC !important;
  border-color: #BBD3EB;
  color: #333;
}
.filter .tags {
  display: inline-block;
  width: 100%;
  min-height: 64px;
  padding: 15px 10px;
}
.filter .input-box {
  line-height: 32px;
  height: 34px;
  margin: 6px 10px;
  border: solid 1px #E2E2E2;
  background-color: transparent;
  position: relative;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.filter .input-warp {
  line-height: 32px;
  height: 35px;
  margin: 6px 10px;
  border: solid 1px #E2E2E2;
  background-color: transparent;
  position: relative;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.filter .content-box {
  float: left;
  overflow: hidden;
  width: 323px;
  margin: 0 10px;
}
.filter .add-input {
  font-size: 14px;
  width: 276px;
  height: 32px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  background-color: transparent;
  color: #636363;
  box-shadow: none;
  border: none;
  padding: 0px;
  margin: 0px;
  text-indent: 12px;
}
.filter .add-input::-webkit-input-placeholder {
  color: inherit !important;
}
.filter .add-input:-moz-placeholder {
  color: inherit !important;
}
.filter .add-input::-moz-placeholder {
  color: inherit !important;
}
.filter .add-input:-ms-input-placeholder {
  color: inherit !important;
}
.filter .btn-add {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  border: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color: #4A4A4A;
  text-decoration: none;
  background: #EEF0F1;
  outline: none;
  padding: 0;
  vertical-align: middle;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.filter .btn-add:before {
  content: '+';
  display: block;
  margin-top: -3px;
}
.btn-add:hover,
.btn-add:focus {
  background-color: #dbdbdb;
}
.btn-add:active {
  color: #ffffff;
  background-color: #848484;
}
.filter .text {
  width: auto;
  float: left;
  margin: 5px 5px 0 0;
  padding: 4px 12px;
  background-color: #E0E0E0;
  color: #6D6D6D;
  border-radius: 12px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.filter .text:hover {
  background: #f2f2f2;
}
.filter .text:active {
  color: #ffffff;
  background-color: #9B9B9B !important;
}
.filter .tag-select {
  background: #79BDFC !important;
  border-color: #BBD3EB;
  color: #333;
}
.filter .status {
  overflow: hidden;
  padding: 15px 20px;
}
div.checkboxWarp {
  margin-bottom: 15px;
}
div.checkboxWarp span {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 4px;
}
div.checkboxWarp span.checkbox-msg {
  width: 120px;
  margin-left: 10px;
}
div.checkboxWarp span.checkbox-msg ~ span {
  margin-left: 10px;
}
div.checkboxWarp label {
  display: inline-block;
  vertical-align: middle;
  color: #4A4A4A;
}
div.checkboxWarp img {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
}
.filter .peoples-items {
  padding: 15px 20px;
  list-style-type: none;
  display: block;
  overflow-x: auto;
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.filter .peoples-items ul.user-selector-items li {
  padding: 0;
}
.filter .peoples-items .user-selector {
  bottom: auto;
  left: auto;
  width: calc(100% - 40px);
}
.filter .peoples-items::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.filter .peoples-items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.filter .peoples-items::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.filter .peoples-items ul {
  margin: 0px;
  position: relative;
  list-style-type: none;
}
.filter .peoples-items .content {
  float: left;
  width: 57px;
  height: 57px;
  border-radius: 29px;
  -webkit-border-radius: 29px;
}
.filter .peoples-items .content .chooseBtn {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 8;
  opacity: 0.9;
}
.filter .peoples-items .content .chooseBtn .icon-icn_checkmark_circle_01 {
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  z-index: 8;
}
.filter .peoples-items .content .chooseBtn .bg {
  z-index: 7;
  border-radius: 9px;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #fff;
  width: 18px;
  height: 18px;
}
.filter .peoples-items .content .chooseBtn.selected {
  display: block;
}
.filter .peoples-items .content:hover {
  cursor: pointer;
}
.filter .peoples-items .content .hover {
  position: relative;
  left: 0px;
  width: 57px;
  height: 57px;
}
.filter .slider-area {
  width: 100%;
  line-height: 100%;
  position: relative;
  padding: 20px 20px 20px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .filter {
    padding-bottom: 80px;
  }
}
.filter rzslider {
  height: 16px;
  position: relative;
  line-height: 100%;
  margin: 10px 0;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.filter rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.filter rzslider span.bar {
  position: absolute;
  top: -6px;
  width: 100%;
  height: 10px;
  border-radius: 8px;
  background: gray;
  -webkit-border-radius: 8px;
}
.filter rzslider span.bar.selection {
  top: -6px;
  height: 10px;
  background: #79BDFC;
}
.filter rzslider span.pointer {
  position: absolute;
  top: -11px;
  width: 20px;
  height: 20px;
  background-color: #FFF;
  box-shadow: 0 0 6px #848484;
  border-radius: 15px;
  z-index: 2;
}
.filter rzslider span.pointer:hover {
  box-shadow: 0 0 6px #333;
}
.filter rzslider span.pointer:active {
  box-shadow: 0 0 6px #666;
}
.filter rzslider span.pointer:after {
  top: 3px;
  left: 3px;
  display: none;
}
.filter rzslider span.bubble.limit {
  color: #646464;
  display: none;
}
.filter rzslider span.bubble {
  top: 15px;
  color: #4A4A4A;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  margin-left: -3px;
  padding: 1px 3px 1px 3px;
}
.filter rzslider span.unit {
  color: #4a4a4a;
  font-size: 12px;
  top: 30px;
  padding: 1px 3px 1px 3px;
  margin-left: -3px;
}
.filter rzslider span.bubble.limit {
  display: none;
}
.filter .subTitleBarBg {
  background: #E5E5E5;
}
.filter .arrow-area {
  float: left;
  margin-right: 8px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  font-style: normal;
  vertical-align: middle;
  cursor: pointer;
}
.filter .sub-type {
  float: left;
  display: inline-block;
  cursor: default;
  font-size: 18px;
  margin: 0px 0px 0px 28px;
  line-height: 28px;
  vertical-align: middle;
}
.filter .panel-group a {
  cursor: default;
  text-decoration: none;
}
.filter .panel-group a:hover {
  color: #333333;
  text-decoration: none;
}
.filter .panel-group {
  border: none;
  margin: 0;
}
.filter .panel-group .panel {
  border: none;
  margin: 0px;
  box-shadow: none;
  background: transparent;
}
.filter .panel-heading {
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}
.filter .overflowParent {
  overflow: visible;
}
.keywords-warp,
.tags-warp {
  float: left;
  width: 50%;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: bold;
}
.filter .dropdown-menu > .active > a,
.filter .dropdown-menu > .active > a:focus,
.filter .dropdown-menu > .active > a:hover {
  background-color: #909090;
}
.filter .error-tips {
  padding-top: 10px;
}
.cold-storage-dialog .tip-no-margin {
  text-align: center;
  line-height: 22px;
}
.cold-storage-dialog .storage-tip {
  text-align: left;
  line-height: 22px;
}
.cold-storage-dialog .user-email {
  color: #ff0000;
  font-weight: 700;
  margin: 15px 0;
}
.cold-storage-dialog .modal-dialog .modal-content .modal-footer {
  height: auto;
}
.filter .slider-area {
  width: 334px;
  line-height: 30px;
  position: relative;
  padding: 15px 20px 15px 20px;
}
.filter .slider-area .star-wrap {
  padding: 0 10px;
  font-size: 12px;
  border: solid 1px #E2E2E2;
  border-radius: 16px;
  margin: 1px 6px 6px 1px;
  letter-spacing: -1px;
}
.filter .slider-area .label-wrap {
  padding: 2px;
  border: solid 1px #E2E2E2;
  border-radius: 2px;
  margin: 0 5.4px 0 0;
}
.filter .slider-area .label-wrap span {
  display: block;
  width: 18px;
  height: 18px;
}
.filter .facial-recognition-items {
  overflow: hidden;
}
.filter .facial-recognition-items li {
  width: 100%;
  height: 30px;
  margin-top: 10px;
}
.filter .facial-recognition-items li .facial-avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  border: 0;
  border-radius: 15px;
  vertical-align: middle;
  overflow: hidden;
}
.filter .facial-recognition-items li .count {
  float: right;
  line-height: 30px;
}
/* Some of these styles you can override, things like colors,
 * however some styles are required for the structure, and are critical to this module behaving properly!
 */
/* Core component styles */
.ng-image-crop {
  text-align: center;
  margin: 0 auto;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
/* Each of the 3 steps in the process are contained within sections */
.ng-image-crop > section {
  background: #ccc;
}
/* The cropping button */
.ng-image-crop button {
  margin-top: 10px;
}
/* The dashed cropping guideline */
.ng-image-crop .cropping-guide {
  display: block;
  background: rgba(255, 255, 255, 0.3);
  border: 2px dashed white;
  position: absolute;
  pointer-events: none;
}
/* The circular themed cropping guideline */
.ng-image-crop--circle .cropping-guide {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
/* The canvas where the user positions the image via dragging and zooming */
.ng-image-crop .cropping-canvas {
  background: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  cursor: move;
}
/* The overlayed draggable zoom handle in the corner of the module */
.ng-image-crop .zoom-handle {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 1px;
  background: rgba(255, 255, 255, 0.7);
  width: 80px;
  height: 80px;
  cursor: move;
  border-radius: 200px 50px;
}
/* The text within the zoom handle */
.ng-image-crop .zoom-handle > span {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  position: relative;
  top: 32px;
}
.reset-user-password {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}
.reset-user-password .layout-background {
  padding-top: 5px;
  height: 100%;
}
.reset-user-password .new-password-input {
  font-size: 16px;
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 160px;
  overflow-y: auto;
  height: calc(100% - 155px);
}
.reset-user-password .new-password-input input {
  width: 100%;
  line-height: 24px;
  padding-left: 0.8em;
}
.reset-user-password .new-password-input .F5 {
  font-weight: normal;
  font-size: 14px;
}
.reset-user-password .new-password-input ._left {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}
.reset-user-password .new-password-input .p-top-15 {
  padding-top: 15px;
}
.reset-user-password .new-password-input .policy-text {
  width: calc(100% - 2em);
  text-align: left;
  display: inline-block;
  margin-left: 10px;
}
.reset-user-password .new-password-input .input-item {
  margin-bottom: 20px;
}
.reset-user-password .new-password-input .input-item .role-select .select-wrap {
  display: inline-block;
  width: 100%;
  height: 40px;
}
.reset-user-password .new-password-input .input-item .role-select .select-wrap select {
  width: 100%;
}
.reset-user-password .new-password-input .input-item .role-select .select-wrap:after {
  font-size: 80%;
  top: 6px;
  line-height: 29px;
  width: 28px;
  height: 28px;
  border-radius: 15px;
}
.reset-user-password .new-password-input .input-item .role-select input {
  margin-top: 20px;
}
.reset-user-password .new-password-input .submit-btn {
  position: absolute;
  bottom: 0;
  width: calc(100% - 50px);
  margin-bottom: 30px;
}
.reset-user-password .admin-nav {
  width: 100%;
  height: 66px;
  line-height: 66px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.reset-user-password .admin-nav a {
  display: inline-block;
  float: left;
  height: 66px;
}
.reset-user-password .admin-nav .nav-logo {
  margin-left: 30px;
}
.reset-user-password .btn {
  display: block;
  width: 100%;
  height: 38px;
  border-radius: 20px;
  border: 0;
}
.reset-user-password .pw-center {
  text-align: center;
}
.reset-user-password .margin20 {
  margin: 20px;
}
.reset-user-password .welcomeMessage {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.reset-user-password .po-desc {
  font-weight: 400;
  margin-bottom: 20px;
}
.reset-user-password .invalid-tips {
  top: 66px;
}
.reset-user-password .success {
  font-size: 16px;
  line-height: 30px;
}
.spinner-container {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
}
.spinner {
  width: auto;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  color: #71C99F;
  font-size: 60px;
}
.spinner-small {
  width: auto;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  color: #71C99F;
  font-size: 30px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
/****bootstrap custom style for 5 column****/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
/****bootstrap custom style for 5 column****/
.col-xs-5ths2,
.col-sm-5ths2,
.col-md-5ths2,
.col-lg-5ths2 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 768px) {
  .col-sm-5ths2 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-md-5ths2 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths2 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.icon-container {
  height: 45px;
  padding: 8px 10px;
}
.icon-container img {
  height: 100%;
}
.landing-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 45px;
  bottom: 45px;
}
.landing-container .search-box-container {
  position: fixed;
  width: 100%;
  margin: 0 auto;
}
.landing-container .search-box-container .landing-search-box {
  width: 100%;
  height: 48px;
  border: 0;
  margin: 0;
  border-radius: 28px;
  padding-right: 40px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 2px 5px 30px #A9A7A7 !important;
  color: black;
}
.landing-container .search-box-container .landing-search-icon {
  position: absolute;
  right: 10px;
  top: 14px;
  font-size: 20px;
}
.landing-container .data-container {
  overflow-y: auto;
  height: 100%;
}
.landing-container .data-container.with-bar {
  margin-top: 48px;
  height: calc(100% - 48px);
}
.landing-container .data-container.with-footer {
  height: calc(100% - 50px);
}
.landing-container .data-container.with-bar.with-footer {
  margin-top: 48px;
  height: calc(100% - 98px);
}
.landing-container .data-container .search-bg {
  height: 200px;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}
.landing-container .data-container .search-bg .landing-title {
  margin: 10px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  z-index: 100;
  position: relative;
}
.landing-container .data-container .search-bg .landing-title.opacity-title {
  color: #D0D0D0;
}
.landing-container .data-container .search-bg .landing-banner-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.landing-container .data-container .copy-section {
  margin-top: 20px;
}
.landing-container .data-container landing-layout-item {
  margin-top: 15px;
  margin-bottom: 15px;
}
.landing-container .data-container landing-layout-item .wid50 {
  width: calc(50% - 4px);
}
.landing-container .data-container landing-layout-item .wid100 {
  width: 100%;
  float: left;
}
.landing-container .data-container landing-layout-item .wid33 {
  width: calc(33.33% - 3px);
}
.landing-container .data-container landing-layout-item .wid66 {
  width: calc(66.66% - 5px);
}
.landing-container .data-container landing-layout-item .folder .album-thumb-item {
  padding-top: 62.5%;
}
.landing-container .data-container landing-layout-item .square .album-thumb-item {
  padding-top: 100%;
}
.landing-container .data-container landing-layout-item .half-height .album-thumb-item {
  padding-top: 50%;
}
.landing-container .data-container landing-layout-item .w27 .album-thumb-item {
  padding-top: 37%;
}
.landing-container .data-container landing-layout-item .album-item {
  margin: 15px 0;
}
.landing-container .data-container landing-layout-item .album-item .album-thumb-item {
  position: relative;
}
.landing-container .data-container landing-layout-item .album-item .album-thumb-item .album-thumb-item-pane {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  text-align: center;
}
.landing-container .data-container landing-layout-item .album-item .album-thumb-item .album-thumb-item-pane img {
  max-width: none !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
}
.landing-container .data-container landing-layout-item .album-item .album-thumb-item .album-thumb-item-pane .key-photo {
  background: repeat url('img/preview_bk_image.png');
  cursor: pointer;
}
.landing-container .data-container landing-layout-item .album-item .album-thumb-item .album-thumb-item-pane .no-image {
  position: absolute;
  width: 64px;
  height: 64px;
  left: calc( 50% - 32px );
  top: calc( 50% - 32px );
  cursor: pointer;
}
.landing-container .data-container landing-layout-item .album-item .album-title {
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.landing-container .data-container landing-layout-item .album-item .album-title a {
  color: unset;
}
.landing-container .data-container landing-layout-item .space-col-4 {
  margin: 60px;
}
.landing-container .data-container landing-layout-item .space-col-3 {
  margin: 30px;
}
@media only screen and (max-width: 1200px) {
  .landing-container .data-container landing-layout-item .space-col-4 {
    margin: 60px !important;
  }
}
@media only screen and (max-width: 992px) {
  .landing-container .data-container landing-layout-item .space-col-4 {
    margin: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .landing-container .data-container landing-layout-item .space-col-4 {
    margin: 10px !important;
  }
}
.landing-container .landing-footer {
  padding: 15px 5px;
  text-align: center;
  word-wrap: break-word;
  word-break: normal;
  width: 100%;
}
.landing-container .landing-footer div {
  word-wrap: break-word;
  word-break: normal;
}
.landing-container .landing-footer div,
.landing-container .landing-footer p {
  margin: 5px 0;
}
.landing-template-container .row {
  margin-left: -15px;
  margin-right: -15px;
}
.landing-template-container .row.tpl-section,
.landing-template-container .tpl-section {
  margin: 40px 0;
}
.landing-template-container .tpl-section {
  position: relative;
  /****below are the spetical css in different section ***/
}
.landing-template-container .tpl-section .changSectionType {
  position: absolute;
  z-index: 20;
  right: 70px;
  background-color: white;
  top: 0px;
}
.landing-template-container .tpl-section .tpl-section-title {
  font-size: 20px;
  text-align: center;
  padding: 15px 0;
  line-height: 22px;
}
.landing-template-container .tpl-section .tpl-section-title p {
  margin: 0px;
}
.landing-template-container .tpl-section .w27 .album-item .album-thumb-item {
  padding-top: 36%;
}
.landing-template-container .tpl-section .tpl-item.folder .ratio-container.square-item {
  padding-top: 62.5%;
}
.landing-template-container .tpl-section .tpl-item.half-height .ratio-container.square-item {
  padding-top: calc(50% - 15px);
}
.landing-template-container .tpl-section .tpl-item .ratio-container {
  position: relative;
  z-index: 15;
}
.landing-template-container .tpl-section .tpl-item .ratio-container.square-item {
  padding-top: 100%;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb {
  height: 100%;
  border: solid 1px #b6b6b6;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb img {
  max-width: none !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .key-photo {
  background: repeat url('img/preview_bk_image.png');
  cursor: pointer;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .no-image {
  position: absolute;
  width: 64px;
  height: 64px;
  left: calc( 50% - 32px );
  top: calc( 50% - 32px );
  cursor: pointer;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb.edit {
  border: dotted 1px #b6b6b6;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(225, 225, 227, 0.9);
  display: none;
  z-index: 100;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer .tpl-item-operation {
  text-align: center;
  margin: 5px 0;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer .tpl-item-operation .icon-s-Uploadicon-56 {
  color: #5C5C60;
  font-size: 80px;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-layer.show-layer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  justify-content: center;
  -webkit-align-content: center;
  -ms-align-content: center;
  -moz-box-align: center;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-decorator {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-decorator .icon-remove-item-data {
  color: #FFFFFF;
  font-size: 24px;
  width: 40px;
  background-color: #adadad;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .tpl-item-thumb .tpl-item-decorator .album-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  word-break: break-word;
  font-size: 15px;
  color: white;
  text-align: left;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-thumb-container .hover-animation:hover .tpl-item-decorator {
  display: flex;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title {
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.landing-template-container .tpl-section .tpl-item .tpl-item-title a {
  color: unset;
}
.landing-template-container .tpl-section .tpl-section-rs6lb1 .right-part {
  height: 100%;
}
.landing-template-container .tpl-section .tpl-section-rs6lb1 .right-part .tpl-item {
  height: 100%;
}
.landing-template-container .tpl-section .tpl-section-rs6lb1 .right-part .tpl-item .ratio-container {
  padding-top: 0;
  height: calc( 100% - 30px );
}
.landing-template-container .row-eq-height {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
}
.landing-template-container .row-eq-height > [class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
}
.landing-template-container .addSections {
  margin-right: 10px;
  width: 40px;
  height: 40px;
  padding: 9px;
  font-size: 20px;
  font-weight: bold;
  color: #4a4a4a!important;
  border: 1px solid #ccc;
}
.landing-template-container .changSectionType {
  border: 1px solid #ddd;
}
.landing-template-container .changSectionType .sectionType {
  font-size: 40px;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  color: #ddd;
}
.landing-template-container .changSectionType .sectionType .s-icon {
  color: #4a4a4a;
}
.landing-template-container .changSectionType .sectionType .icon-s-layout18-32 {
  font-size: 20px;
  margin-top: 10px;
}
.landing-template-container .editSection {
  position: absolute;
  right: 10px;
  top: 1px;
  font-size: 18px;
  color: #4a4a4a;
  z-index: 20;
  display: flex;
  align-items: center;
}
.landing-template-container .editSection .pencil {
  margin-right: 5px;
}
.landing-template-container .editSection .up {
  margin-right: 10px;
}
.landing-template-container .editSection .down {
  margin-right: 5px;
}
.landing-template-container .copy-section {
  padding-top: 20px;
}
.landing-template-container .copy-section .copy-text {
  min-height: 250px;
}
.landing-template-container .copy-section .copy-text .d-content {
  min-height: 200px;
  padding: 15px;
  border: 1px solid #ccc;
  word-break: break-word;
}
.landing-template-container .copy-section .editor-run .d-content {
  display: none;
}
.landing-template-container .copy-section .trumbowyg-box {
  min-height: 260px;
  margin-top: 0px;
  width: 100%;
  position: relative;
}
.landing-template-container .copy-section .trumbowyg-editor {
  min-height: 260px;
}
.asset-request {
  margin: 20px 70px;
}
.asset-request.modal-footer {
  margin: 0;
}
.asset-request.modal-footer button {
  margin: 0 6px !important;
}
.asset-request.asset-request-dialog {
  min-height: 200px;
  margin: 0 20px;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
}
.asset-request.asset-request-dialog .asset-request-list {
  position: absolute;
  top: 20px;
  bottom: 40px;
  left: 0;
  width: 100%;
  padding: 0;
  line-height: 30px;
  overflow-y: auto;
}
.asset-request.asset-request-dialog .invalid-tips {
  top: auto;
  bottom: 75px;
}
.asset-request.asset-request-dialog .input-circle {
  padding: 0;
}
.asset-request.asset-request-dialog .select-wrap {
  width: 320px !important;
}
.asset-request.asset-request-dialog .keyword-box {
  float: left;
  margin: 8px .5em 0 0;
  padding: 0px 6px;
  font-size: 16px;
  color: #474747;
  overflow-y: hidden;
  border: solid 1px #ccc;
  border-radius: 26px;
  line-height: 1.5em;
  width: 320px;
}
.asset-request.asset-request-dialog .keyword-box:hover {
  background: #f2f2f2;
}
.asset-request.asset-request-dialog .keyword-box [class^="icon-s-"],
.asset-request.asset-request-dialog .keyword-box [class*=" icon-s-"] {
  line-height: 1.5em;
  font-size: 16px;
}
.asset-request.asset-request-dialog .keyword-box .text {
  float: left;
  overflow-y: hidden;
  width: calc(100% - 18px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
}
.asset-request.asset-request-dialog .row {
  margin-top: 20px;
  height: 30px;
  line-height: 30px;
}
.asset-request.asset-request-dialog .row input {
  width: 320px;
  height: 30px;
  margin: 0;
}
.asset-request.asset-request-dialog .row textarea {
  width: 320px;
  height: 70px;
  border-radius: 20px;
  resize: none;
}
.asset-request.asset-request-dialog .row .captcha-input {
  margin-top: 15px;
  margin-bottom: 25px;
}
.asset-request.asset-request-dialog .row .captcha-input input {
  width: 195px;
}
.asset-request.asset-request-dialog .row .captcha-image {
  position: relative;
}
.asset-request.asset-request-dialog .row .captcha-image .change-captcha {
  position: absolute;
  top: 0;
  left: 210px;
  line-height: 1;
}
.asset-request.asset-request-dialog .row .captcha-image .change-captcha span {
  margin-top: 8px;
  color: blue;
  text-decoration: underline;
}
.asset-request.asset-request-dialog .input-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  line-height: 18px;
}
.asset-request.asset-request-dialog .input-box input {
  margin: 0;
  width: 260px;
  height: 30px;
}
.asset-request.asset-request-dialog .input-box button {
  height: 30px;
  line-height: 18px;
  vertical-align: middle;
}
.asset-request.asset-request-dialog .required:after {
  content: '*';
  padding-left: 4px;
  font-size: 14px;
  color: red;
}
.asset-request .filter-bar .select-wrap {
  width: 187px;
  height: 35px;
  float: left;
  margin-right: 20px;
}
.asset-request .table .actions {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
}
.asset-request .page-btn-group {
  display: inline-block;
  line-height: 32px;
  margin: 0 20px;
  cursor: pointer;
}
.asset-request .page-btn-group.disabled {
  opacity: 0.5;
  background-color: inherit!important;
}
.asset-request .page-btn-group [class^="icon-"] {
  font-size: 32px;
}
.mobile-batchdownlaod-dialog .red-color {
  color: red !important;
}
.mobile-batchdownlaod-dialog .modal-body {
  width: 100%;
  height: calc(100% - 45px);
  top: 45px;
}
.mobile-batchdownlaod-dialog .batch-warp {
  overflow: hidden;
  padding: 0;
}
.mobile-batchdownlaod-dialog .batch-warp li {
  width: 25%;
  height: 72px;
  float: left;
  list-style: none;
  text-align: center;
  line-height: 60px;
}
.mobile-batchdownlaod-dialog .form-label {
  font-weight: bold;
  line-height: 35px;
}
.mobile-batchdownlaod-dialog .batch-input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-radius: 20px;
  padding: 0 15px;
  border: #ccc 1px solid;
  outline: none;
}
.mobile-batchdownlaod-dialog .share-email {
  padding-bottom: 45px;
}
.mobile-batchdownlaod-dialog .modal-footer button {
  margin: 6px auto;
  height: 35px;
  line-height: 35px;
}
.ui-front.input-autocomplete {
  z-index: auto;
}
.ui-front .ui-state-hover,
.ui-front .ui-widget-content .ui-state-hover,
.ui-front .ui-widget-header .ui-state-hover,
.ui-front .ui-state-focus,
.ui-front .ui-widget-content .ui-state-focus,
.ui-front .ui-widget-header .ui-state-focus {
  background: none;
  font-weight: bolder;
}
.ui-front .ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(//code.jquery.com/ui/1.11.3/themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}
.ui-front .select-suggest-menu {
  position: absolute;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 0;
  z-index: 1000;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-front .select-suggest-menu li {
  color: #333333;
  line-height: 2;
  padding-left: 15px;
}
.ui-date-time {
  position: relative;
}
.ui-date-time .date-time-picker {
  width: 100%;
  height: auto;
}
.ui-date-time .date-time-icon {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #000000;
  font-size: 14px;
}
.date-range {
  float: left !important;
}
.date-range.-start,
.date-range.-end {
  width: 45% !important;
}
.date-range.-to {
  width: 10% !important;
  text-align: center;
}
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "canto-font", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eeeeee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaaaaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
  line-height: 1;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: -moz-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(73%, #f4f8fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f4f8fa 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
  /* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  background: -moz-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f8fa 0%, #ffffff 73%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #ffffff 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
  /* IE6-9 */
}
.keyword-select {
  width: 100%;
}
.keyword-select-deselect {
  width: 100%;
}
.keyword-container {
  display: inline-block;
  width: 100%;
  position: relative;
  vertical-align: middle;
}
.keyword-container .keyword-drop {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  margin-top: -1px;
  position: absolute;
  top: 100%;
  left: -9000px;
  z-index: 1060;
}
.keyword-container.keyword-with-drop .keyword-drop {
  left: 0;
  right: 0;
}
.keyword-container .keyword-results {
  color: #555555;
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.keyword-container .keyword-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.keyword-container .keyword-results li em {
  background: #feffde;
  font-style: normal;
}
.keyword-container .keyword-results li.group-result {
  display: list-item;
  cursor: default;
  color: #999;
  font-weight: bold;
}
.keyword-container .keyword-results li.group-option {
  padding-left: 15px;
}
.keyword-container .keyword-results li.active-result {
  cursor: pointer;
  display: list-item;
}
.keyword-container .keyword-results li.highlighted {
  background-color: #337ab7;
  background-image: none;
  color: white;
}
.keyword-container .keyword-results li.highlighted em {
  background: transparent;
}
.keyword-container .keyword-results li.disabled-result {
  display: list-item;
  color: #777777;
}
.keyword-container .keyword-results .no-results {
  background: #eeeeee;
  display: list-item;
}
.keyword-container .keyword-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  z-index: 1;
}
.keyword-container .keyword-results-scroll span {
  display: inline-block;
  height: 1.42857;
  text-indent: -5000px;
  width: 9px;
}
.keyword-container .keyword-results-scroll-down {
  bottom: 0;
}
.keyword-container-single .keyword-single {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #555555;
  display: block;
  height: 34px;
  overflow: hidden;
  line-height: 34px;
  padding: 0 0 0 8px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.keyword-container-single .keyword-single span {
  display: block;
  margin-right: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.keyword-container-single .keyword-single abbr {
  display: block;
  font-size: 1px;
  height: 10px;
  position: absolute;
  right: 26px;
  top: 12px;
  width: 12px;
}
.keyword-container-single .keyword-single abbr:hover {
  background-position: right -11px;
}
.keyword-container-single .keyword-single.keyword-disabled .keyword-single abbr:hover {
  background-position: right 2px;
}
.keyword-container-single .keyword-single div {
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
}
.keyword-container-single .keyword-single div b {
  display: block;
  height: 100%;
  width: 100%;
}
.keyword-container-single .keyword-default {
  color: #777777;
}
.keyword-container-single .keyword-search {
  margin: 0;
  padding: 3px 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1000;
}
.keyword-container-single .keyword-search input[type="text"] {
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  margin: 1px 0;
  padding: 4px 20px 4px 4px;
  width: 100%;
}
.keyword-container-single .keyword-drop {
  margin-top: -1px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.keyword-container-single-nosearch .keyword-search input[type="text"] {
  position: absolute;
  left: -9000px;
}
.keyword-container-multi .keyword-choices {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  cursor: text;
  height: auto !important;
  height: 1%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.keyword-container-multi .keyword-choices li {
  float: left;
  list-style: none;
}
.keyword-container-multi .keyword-choices .search-field {
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
}
.keyword-container-multi .keyword-choices .search-field input[type="text"] {
  background: transparent !important;
  border: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #555555;
  height: 32px;
  margin: 0;
  padding: 6px;
  outline: 0;
}
.keyword-container-multi .keyword-choices .search-field .default {
  color: #999;
}
.keyword-container-multi .keyword-choices .search-choice {
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #333333;
  cursor: default;
  line-height: 13px;
  margin: 6px 0 3px 5px;
  padding: 3px 20px 3px 8px;
  position: relative;
  max-width: 98%;
}
.keyword-container-multi .keyword-choices .search-choice span {
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  float: left;
}
.keyword-container-multi .keyword-choices .search-choice .search-choice-close {
  display: block;
  text-decoration: none;
  font-size: 16px;
  height: 12px;
  position: absolute;
  right: 9px;
  top: 2px;
  width: 12px;
  cursor: pointer;
}
.keyword-container-multi .keyword-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}
.keyword-container-multi .keyword-choices .search-choice-focus {
  background: #d4d4d4;
}
.keyword-container-multi .keyword-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}
.keyword-container-multi .keyword-results {
  margin: 0 0 0 0;
  padding: 0;
}
.keyword-container-multi .keyword-drop .result-selected {
  display: none;
}
.keyword-container-active .keyword-single {
  border: 1px solid #66afe9;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.keyword-container-active.keyword-with-drop .keyword-single {
  background-color: #fff;
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.keyword-container-active.keyword-with-drop .keyword-single div {
  background: transparent;
  border-left: none;
}
.keyword-container-active.keyword-with-drop .keyword-single div b {
  background-position: -18px 7px;
}
.keyword-container-active .keyword-choices {
  border: 1px solid #66afe9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #66afe9;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.keyword-container-active.keyword-with-drop .keyword-choices {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.keyword-disabled {
  cursor: default;
  opacity: 0.5 !important;
}
.keyword-disabled .keyword-single {
  cursor: default;
}
.keyword-disabled .keyword-choices .search-choice .search-choice-close {
  cursor: default;
}
.keyword-rtl {
  text-align: right;
}
.keyword-rtl .keyword-single {
  padding: 0 8px 0 0;
  overflow: visible;
}
.keyword-rtl .keyword-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}
.keyword-rtl .keyword-single div {
  left: 7px;
  right: auto;
}
.keyword-rtl .keyword-single abbr {
  left: 26px;
  right: auto;
}
.keyword-rtl .keyword-choices .search-field input[type="text"] {
  direction: rtl;
}
.keyword-rtl .keyword-choices li {
  float: right;
}
.keyword-rtl .keyword-choices .search-choice {
  margin: 6px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.keyword-rtl .keyword-choices .search-choice .search-choice-close {
  background-position: right top;
  left: 4px;
  right: auto;
}
.keyword-rtl.keyword-container-single .keyword-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.keyword-rtl .keyword-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}
.keyword-rtl.keyword-container-active.keyword-with-drop .keyword-single div {
  border-right: none;
}
.keyword-rtl .keyword-search input[type="text"] {
  direction: rtl;
  padding: 4px 5px 4px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .keyword-rtl .keyword-search input[type="text"],
  .keyword-container-single .keyword-single abbr,
  .keyword-container-single .keyword-single div b,
  .keyword-container-single .keyword-search input[type="text"],
  .keyword-container-multi .keyword-choices .search-choice .search-choice-close,
  .keyword-container .keyword-results-scroll-down span,
  .keyword-container .keyword-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
.select-prompt {
  width: 100%;
  position: relative;
  vertical-align: middle;
  display: none;
}
.select-prompt._active {
  display: block;
}
.select-prompt .prompt-drop {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25);
  margin-top: -1px;
  position: absolute;
  top: 2px;
  z-index: 1060;
}
.select-prompt .prompt-drop ul {
  padding-inline-start: unset;
}
.select-prompt .prompt-drop .prompt-results {
  color: #555555;
  margin: 4px 0 4px 0;
  max-height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.select-prompt .prompt-drop .prompt-results li {
  display: none;
  line-height: 1.42857;
  list-style: none;
  margin: 0;
  padding: 5px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select-prompt .prompt-drop .prompt-results li.highlighted {
  background-color: #337ab7;
  background-image: none;
  color: white;
}
.select-prompt .prompt-drop .prompt-results li.active-result {
  cursor: pointer;
  display: list-item;
}
[ng-view] {
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.scrollbar {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.scrollbar::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.scrollbar-horizontal {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.scrollbar-horizontal::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.scrollbar-horizontal::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.scrollbar-horizontal::-webkit-scrollbar {
  height: 10px;
}
.scrollbar-vertical {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
}
.scrollbar-vertical::-webkit-scrollbar-thumb {
  background-color: #626262;
}
.scrollbar-vertical::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.scrollbar-vertical::-webkit-scrollbar {
  width: 10px;
}
input {
  border-width: 1px;
  border-style: solid;
  height: 40px;
  border-radius: 20px;
  padding: 0 15px;
  outline: none;
}
input[type="date"] {
  -webkit-appearance: none;
}
button {
  line-height: 38px;
  border: 0;
  border-radius: 20px;
  padding: 0 15px;
  outline: none;
}
.invalid-tips {
  position: fixed;
  top: 45px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  font-size: 16px;
  line-height: 24px;
  background: #D0021B;
  color: #FFF;
  z-index: 10;
}
.invalid-tips > i {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  color: #fff;
  font-size: 14px;
}
.invalid-tips.success-tips {
  background: #9AD230;
}
.invalid-tips.success-tips span {
  color: #9AD230;
}
.select-wrap {
  position: relative;
  height: 32px;
}
.select-wrap select {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  padding: 4px 3px 3px .7em !important;
  margin: 0;
  font: inherit;
  outline: none;
  /* remove focus ring from Webkit */
  line-height: 1.2;
  width: 100%;
  -webkit-appearance: none;
  /* remove the strong OSX influence from Webkit */
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.select-wrap select::-ms-expand {
  display: none;
}
.select-wrap select.star-select {
  font-size: 20px;
  padding-top: 2px !important;
}
.select-wrap:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 60%;
  line-height: 26px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: 400;
}
.with-suggest .dropdown-icon:after {
  top: -5px;
}
.dropdown-icon {
  position: relative;
}
.dropdown-icon:after {
  font-family: 'icomoon' !important;
  content: "\e908";
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 65%;
  line-height: 26px;
  width: 24px;
  height: 24px;
  pointer-events: none;
  text-align: center;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.div-clear {
  clear: both;
}
.editing .modal-dialog .modal-content .modal-header {
  display: none;
}
.editing .modal-dialog .modal-content .modal-body {
  top: 0;
  bottom: 0;
}
.editing .modal-dialog .modal-content .modal-footer {
  display: none;
}
.editing .login-container .modal-dialog .modal-content .foot-link-container,
.editing .login-container .modal-dialog .modal-content .login-box .welcome-text {
  display: none;
}
button.btn-parent[disabled] {
  cursor: default;
  background-color: #E0E0E0 !important;
  color: #C1C1C1 !important;
}
button.btn-default[disabled] {
  background-color: #9b9b9b !important;
  color: rgba(255, 255, 255, 0.4) !important;
}
.editable-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: box-shadow 150ms ease-in 0ms;
  transition: box-shadow 150ms ease-in 0ms;
  border-radius: 2.01px;
  cursor: text;
  display: inline-block;
  max-width: 100%;
  box-shadow: 0 0 0 0 transparent;
  padding: 0px 30px 0px 0px;
  position: relative;
  word-break: break-word;
  border: transparent 1px solid;
}
.editable-field .fileName {
  width: 586px;
  border-radius: 2.01px;
  margin: 0px;
  font-size: inherit;
  height: auto;
  padding: 0px 6px;
  line-height: 32px;
  height: 32px;
}
.editable-field .multilineInput {
  scrollbar-base-color: #C0C0C0;
  scrollbar-face-color: #626262;
  scrollbar-3dlight-color: #C0C0C0;
  scrollbar-highlight-color: #C0C0C0;
  scrollbar-track-color: #dddddd;
  scrollbar-arrow-color: black;
  scrollbar-shadow-color: #C0C0C0;
  scrollbar-dark-shadow-color: #C0C0C0;
  font-weight: 300;
  font-size: 14px;
  background: #f9f9f9;
  resize: none;
  height: 62px;
  border-radius: 0px;
  box-shadow: none;
}
.editable-field .multilineInput::-webkit-input-placeholder {
  color: #999999 !important;
}
.editable-field .multilineInput::-webkit-scrollbar-thumb {
  background-color: #626262;
  height: 50px;
  outline-offset: -2px;
}
.editable-field .multilineInput::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.editable-field .multilineInput::-webkit-scrollbar-track-piece {
  background-color: #dddddd;
  -webkit-border-radius: 0;
}
.editable-field:hover,
.editable-field.saving {
  border: solid 1px #cccccc;
}
.editable-field:hover .overlay-icon,
.editable-field.saving .overlay-icon {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  z-index: auto;
}
.editable-field:hover {
  background-color: transparent;
  color: #474747 !important;
}
.editable-field:hover .overlay-icon {
  -webkit-transition: opacity 150ms ease-in 0ms;
  transition: opacity 150ms ease-in 0ms;
}
.editable-field.saving .save-options,
.editable-field.saving .field-tools {
  display: none;
}
.editable-field.saving form.aui .field-group .aui-ss-icon.drop-menu,
.editable-field.saving form.aui .field-group .aui-ss-field {
  border-bottom-right-radius: 3.01px;
}
.editable-field.active {
  margin: -3px 0 0 0;
  padding: 0;
}
.editable-field.active .overlay-icon {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  z-index: -1;
}
.editable-field.active.saving .overlay-icon {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  z-index: auto;
}
.editable-field.active .save-options .aui-button,
.editable-field.active .save-options .aui-button.cancel {
  height: 24px;
  width: 24px;
  padding: 2px 0px;
}
.editable-field.saving {
  box-shadow: 0 0 0 1px #cccccc;
}
.editable-field:hover .overlay-icon {
  opacity: 1;
}
.editable-field .overlay-icon {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  background-color: #f0f0f0;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  border-left: 1px solid #cccccc;
  bottom: 0;
  height: auto;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: -1;
}
.editable-field .overlay-icon.icon-edit-sml {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42mNgGBKgoKAgAYj/Q3ECJZrBmCLNRBuASzNRXhhemj8AsQExmgWA+ABZmpEMUQDiC+RqBtnugOQVA1JTG8jWCVCvbIAaCKIboDgAZAFWg////08RptgAAMDo/Jm25cdCAAAAAElFTkSuQmCC);
  cursor: pointer;
}
.editable-field .overlay-icon.throbber {
  background-image: url(data:image/gif;base64,R0lGODlhEAAQAMQAAP///+7u7t3d3bu7u6qqqpmZmYiIiHd3d2ZmZlVVVURERDMzMyIiIhEREQARAAAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAQACwAAAAAEAAQAAAFdyAkQgGJJOWoQgIjBM8jkKsoPEzgyMGsCjPDw7ADpkQBxRDmSCRetpRA6Rj4kFBkgLC4IlUGhbNQIwXOYYWCXDufzYPDMaoKGBoKb886OjAKdgZAAgQkfCwzAgsDBAUCgl8jAQkHEAVkAoA1AgczlyIDczUDA2UhACH5BAUHABAALAAAAAAPABAAAAVjICSO0IGIATkqIiMKDaGKC8Q49jPMYsE0hQdrlABCGgvT45FKiRKQhWA0mPKGPAgBcTjsspBCAoH4gl+FmXNEUEBVAYHToJAVZK/XWoQQDAgBZioHaX8igigFKYYQVlkCjiMhACH5BAUHABAALAAAAAAQAA8AAAVgICSOUGGQqIiIChMESyo6CdQGdRqUENESI8FAdFgAFwqDISYwPB4CVSMnEhSej+FogNhtHyfRQFmIol5owmEta/fcKITB6y4choMBmk7yGgSAEAJ8JAVDgQFmKUCCZnwhACH5BAUHABAALAAAAAAQABAAAAViICSOYkGe4hFAiSImAwotB+si6Co2QxvjAYHIgBAqDoWCK2Bq6A40iA4yYMggNZKwGFgVCAQZotFwwJIF4QnxaC9IsZNgLtAJDKbraJCGzPVSIgEDXVNXA0JdgH6ChoCKKCEAIfkEBQcAEAAsAAAAABAADgAABUkgJI7QcZComIjPw6bs2kINLB5uW9Bo0gyQx8LkKgVHiccKVdyRlqjFSAApOKOtR810StVeU9RAmLqOxi0qRG3LptikAVQEh4UAACH5BAUHABAALAAAAAAQABAAAAVxICSO0DCQKBQQonGIh5AGB2sYkMHIqYAIN0EDRxoQZIaC6bAoMRSiwMAwCIwCggRkwRMJWKSAomBVCc5lUiGRUBjO6FSBwWggwijBooDCdiFfIlBRAlYBZQ0PWRANaSkED1oQYHgjDA8nM3kPfCmejiEAIfkEBQcAEAAsAAAAABAAEAAABWAgJI6QIJCoOIhFwabsSbiFAotGMEMKgZoB3cBUQIgURpFgmEI0EqjACYXwiYJBGAGBgGIDWsVicbiNEgSsGbKCIMCwA4IBCRgXt8bDACkvYQF6U1OADg8mDlaACQtwJCEAIfkEBQcAEAAsAAABABAADwAABV4gJEKCOAwiMa4Q2qIDwq4wiriBmItCCREHUsIwCgh2q8MiyEKODK7ZbHCoqqSjWGKI1d2kRp+RAWGyHg+DQUEmKliGx4HBKECIMwG61AgssAQPKA19EAxRKz4QCVIhACH5BAUHABAALAAAAAAQABAAAAVjICSOUBCQqHhCgiAOKyqcLVvEZOC2geGiK5NpQBAZCilgAYFMogo/J0lgqEpHgoO2+GIMUL6p4vFojhQNg8rxWLgYBQJCASkwEKLC17hYFJtRIwwBfRAJDk4ObwsidEkrWkkhACH5BAUHABAALAAAAQAQAA8AAAVcICSOUGAGAqmKpjis6vmuqSrUxQyPhDEEtpUOgmgYETCCcrB4OBWwQsGHEhQatVFhB/mNAojFVsQgBhgKpSHRTRxEhGwhoRg0CCXYAkKHHPZCZRAKUERZMAYGMCEAIfkEBQcAEAAsAAABABAADwAABV0gJI4kFJToGAilwKLCST6PUcrB8A70844CXenwILRkIoYyBRk4BQlHo3FIOQmvAEGBMpYSop/IgPBCFpCqIuEsIESHgkgoJxwQAjSzwb1DClwwgQhgAVVMIgVyKCEAIfkECQcAEAAsAAAAABAAEAAABWQgJI5kSQ6NYK7Dw6xr8hCw+ELC85hCIAq3Am0U6JUKjkHJNzIsFAqDqShQHRhY6bKqgvgGCZOSFDhAUiWCYQwJSxGHKqGAE/5EqIHBjOgyRQELCBB7EAQHfySDhGYQdDWGQyUhADs=);
  border: 1px solid #cccccc;
}
.editable-field .inline-edit-error {
  position: absolute;
  background-color: #d04437;
  clear: both;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 5px;
  z-index: 10;
  font-size: 14px;
  line-height: 1 !important;
}
.editable-field .save-options {
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 6px rgba(111, 111, 111, 0.2);
  outline: none;
  padding: 3px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1;
}
.editable-field .save-options .aui-button .icon-save {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 3px;
  top: 4px;
  background-position: -391px -203px;
}
.editable-field .save-options .aui-button .icon-cancel {
  background-image: url(img/icons.png);
  background-repeat: no-repeat;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  background-position: -359px -203px;
}
.aui-button,
a.aui-button,
.aui-button:visited {
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: -webkit-linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  background: linear-gradient(top, #ffffff 0, #f2f2f2 100%);
  border: 1px solid #ccc;
  border-radius: 3.01px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 14px;
  font-variant: normal;
  font-weight: normal;
  height: 2.1428571428571em;
  line-height: 1.4285714285714;
  margin: 0;
  padding: 4px 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 white;
  vertical-align: baseline;
  white-space: nowrap;
}