.portal_page {
  width: 100%;
}

.widget {
  overflow-x: hidden;
}

.widget_inner {
  width: 100%;
  overflow-x: auto;
}

.widget_1_col {
  width: 100%;
  margin: 3px;
}

.widget_2l_col_1 {
  float: left;
  width: 33%;
  margin: 3px 2px 3px -2px;
}

.widget_2l_col_2 {
  float: left;
  width: 66%;
  margin: 3px -2px 3px 2px;
}

.widget_2r_col_1 {
  float: left;
  width: 66%;
  margin: 3px 2px 3px -2px;
}

.widget_2r_col_2 {
  float: left;
  width: 33%;
  margin: 3px -2px 3px 2px;
}

.widget_3_col_1 { 
  float: left;
  width: 33%;
  margin: 3px 1px 3px -1px;
}

.widget_3_col_2 {
  float: left;
  width: 33%;
  margin: 3px 1px 3px 1px;
}

.widget_3_col_3 { 
  float: left;
  width: 33%;
  margin: 3px -1px 3px 1px;
}

.widget_3t_col_1 { 
  float: left;
  width: 100%;
  min-height: 10px;
  margin: 3px;
}

.widget_3t_col_2 {
  float: left;
  width: 50%;
  margin: 3px 2px 3px -2px;
}

.widget_3t_col_3 { 
  float: left;
  width: 49%;
  margin: 3px -2px 3px 2px;
}

.widget_3tr_col_1 { 
  float: left;
  width: 50%;
  margin: 3px 2px 3px -2px;
}

.widget_3tr_col_2 {
  float: left;
  width: 49%;
  margin: 3px -2px 3px 2px;
}

.widget_3tr_col_3 { 
  float: left;
  width: 100%;
  margin: 3px;
}

.widget_4_col_1 { 
  float: left;
  width: 25%;
  margin: 3px 1px 3px -4px;
}

.widget_4_col_2 {
  float: left;
  width: 25%;
  margin: 3px 1px;
}

.widget_4_col_3 { 
  float: left;
  width: 25%;
  margin: 3px 1px;
}

.widget_4_col_4 { 
  float: left;
  width: 25%;
  margin: 3px -4px 3px 1px;
}

.widget_4t_col_1 { 
  float: left;
  width: 100%;
  min-height: 10px;
  margin: 3px;
}

.widget_4t_col_2 {
  float: left;
  width: 33%;
  margin: 3px 1px 3px -1px;
}

.widget_4t_col_3 { 
  float: left;
  width: 33%;
  margin: 3px 1px 3px 1px;
}

.widget_4t_col_4 { 
  float: left;
  width: 33%;
  margin: 3px -1px 3px 1px;
}

.widget_maximized {
  width: 100%;
}

/* Ghost */
.widget_ghost {
  background: #ccc; 
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: relative;
  border: 1px dashed #000;
  margin: 0px;
  padding: 0;
}

/* Ghost */
.tab_ghost {
  background: #fff; 
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: relative;
  margin: 0px;
  padding: 0;
  float: left;
}

.widget_draggable {
  cursor: move;
}

.portal_context_menu_icon {
  cursor: pointer;
  margin: 0.5em 0px;
}

.portlet_context_menu_icon {
  cursor: pointer;
}

.portal_tab {
  float: left;
  display: list-item;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 35px;
  max-width: 430px; /* display 2 tabs */
}

.portal_tab li a {
  display: inline-block;
  white-space: nowrap;
  padding: 0.5em 10px;
  max-width: 415px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.portal_tab li.active a {
  max-width: 395px;
}
.portal_slider {
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  float: left;
  width: 3px;
  height: 300px;
  z-index: 968;
}

.portal_vslider {
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 3px;
  z-index: 968;
}

.portal_vslider_range {
  background: transparent;
  position: absolute;
  float: left;
  top: 0px;
  left: 0px;
  width: 0px;
  z-index: 968;
}

.portal_slider_shadow {
  background-image: url(../../images/portal/slider.gif);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 13px;
  height: 48px;
  z-index: 969;
  cursor: w-resize;
}

.portal_vslider_shadow {
  background-image: url(../../images/portal/vslider.gif);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 48px;
  height: 13px;
  z-index: 969;
  cursor: n-resize;
}

.tab_pane {
  height: 35px;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.imui-control-btn {
  display: table-cell;
  padding: 3px 0;
  min-width: 32px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  white-space: nowrap;
}
/*
portal_edit.jsp
*/
/*
.imui-toolbar-wrap .imui-toolbar-inner .imui-list-toolbar li a {
  padding: .4em 10px .4em 2px;
}
*/
/*
portal_edit.jsp
*/
/*
.imui-toolbar-wrap .imui-toolbar-inner .imui-list-toolbar li.icon-latest a span {
  padding-left: 21px;
  background: url(../../ui/theme/dropdown_red/images/d.png) no-repeat 1px -219px;
}
*/
/*
portal_edit.jsp
*/
th.Layout {
  width: 5%;
  padding: 10px;
}
/*
portal_edit.jsp
*/
td.Layout {
  width: 20%;
  vertical-align: middle;
  padding: 10px;
}
/*
portal_edit.jsp
*/
.locale {
  float: left;
  width: 100px;
  margin-right: 5px;
  text-align: left;
}

/*
newly_arrived_view.jsp
*/
.sortOrderAsc {
  padding-left: 15px;
}
/*
newly_arrived_view.jsp
*/
.sortOrderDesc {
  padding-left: 15px;
}

/*personal_setup_id.jsp*/
.imui-list-icon li.icon-return a span {
  padding-left: 20px;
  padding-bottom: 4px;
  margin-left: -29px;
}

/* link_set */
table.linkset-list {
  width: 100%;
}
table.linkset-list td {
  width: 100%;
  border: none;
  padding: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  height: 2em;
}
table.linkset-list td.favicon {
  width: 20px;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
table.linkset-list td.category-name {
  height: auto;
  padding: 0;
}
table.linkset-list td.category-name .imui-box-article-heading-low {
  margin: 0 0 5px 0 !important;
}
table.linkset-list td span,
table.linkset-list td img,
table.linkset-list td a {
  vertical-align: middle;
}
table.linkset-list td span {
  text-align: center;
  margin-bottom: 0px;
}
table.linkset-list td img {
  text-align: center;
}

/*portlet.jsp*/
.portlet-icon {
  position: relative;
  top: -2px;
}
.portlet-box {
  padding-bottom: 5px;
  -webkit-overflow-scrolling: touch;
  overflow:auto;
}

.portlet-widget {
  margin-right: 8px;
}

/* context-menu */
.context-menu {
          border-radius: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
}

/*portal_context_menu.jsp*/
.skin_frame_back {
  font-size: 75%;
  background-color: #ffffff;
}

.pr-0 {
  padding-right: 0px;
}

.pl-0 {
  padding-left: 0px!important;
}

.w-100pc {
  width: 100%;
}

.w-250 {
  width: 250px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-5 {
  margin-right: 5px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-5 {
  margin-left: 5px;
}

.font-size-80pc {
  font-size: 80%;
}

.linkset_tree_page {
  font-size: 80%;
  /* root font size */
}

.linkset_tree_body {
  font-size: 14px;
  font-size: 1.4rem;
}

.linkset-operation {
  background: #f5f5f5;
  padding: 7px 14px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 20px !important;
}
/* assist */
.full-width,
.full-input {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
/* Personal setup SSO */
.imui-list-icon .list-refresh {
  display: inline-block;
}
td>span.im-ui-icon-common-16-update {
  cursor: pointer;
}

.richtext-fullscreen {
  z-index: auto !important;
}

.richtext-fullscreen .imui-box-section {
  position: static !important;
}


/* SlimDropdown 
 ***************/
/* portlet margin */
body[data-theme-type="slim_dropdown"] .imui-box-article.portlet-widget {
  margin-right: 1rem;
  margin-bottom: 1rem !important;
}

/* portal tab */
body[data-theme-type="slim_dropdown"] .portal_tab {
  margin-right: 0.75rem;
}

body[data-theme-type="slim_dropdown"] .portal_tab li a {
  padding: 0.5em 1.0rem;
}

body[data-theme-type="slim_dropdown"] .portal_tab li a.active {
  padding: 0.5em 1.0rem 0.1em;
}

/* portlet operation icon */
body[data-theme-type="slim_dropdown"] .portlet-icon {
  top: 0;
  opacity: 0.5;
}

body[data-theme-type="slim_dropdown"] .portlet-icon:hover {
  opacity: 0.8;
}