@import url(ui.css);
@import url(banner.css);
@import url(animate.css);
@import url(jstree.css);
/* ---------- Browser normalization ---------- */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  clear: both;
  width: 100%; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  border-bottom: 1px dotted #000;
  cursor: help; }

html {
  overflow-y: auto;
  height: 100vh;
  min-height: 100vh; }

html.aui-dialog-iframe-root-node {
  overflow: auto; }

body {
  background: #fff;
  height: 100%;
  min-height: 100vh;
  font: 13px/17px Arial, Helvetica, Verdana, sans-serif; }
  body.signed-out {
    background: #00328d; }

body.portal-popup {
  background: none;
  padding: 10px; }

body.aui-dialog-iframe-popup {
  padding-bottom: 0; }

body.portal-iframe {
  padding: 0; }

blockquote, ul, ol, dl {
  margin: 1em; }

ol, ul, dl {
  margin-left: 2em; }

ol {
  list-style: decimal outside; }

ul {
  list-style: disc outside; }

ul ul {
  list-style-type: circle; }

ol ol {
  list-style-type: upper-roman; }

dl dd {
  margin-left: 1em; }

th {
  font-weight: bold; }

caption {
  margin-bottom: 0.5em;
  text-align: center; }

p {
  margin-bottom: 1em; }

/* ---------- Links ---------- */
a, a:hover, a:visited {
  text-decoration: none; }

/* ---------- Headers ---------- */
h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

h1, h2, h3 {
  margin: 1em 0; }

h4, h5, h6 {
  font-size: 1.1em; }

h1, h2, h3, h4, h5, h6, strong {
  font-weight: bold; }

/* ---------- Logo ---------- */
.logo {
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }

/* ---------- HTML Editor ---------- */
body.html-editor {
  background: #FFF;
  color: #000; }

.html-editor.portlet-message-boards blockquote {
  background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
  border: 1px solid #777;
  position: relative;
  padding: 5px 45px; }

.html-editor.portlet-message-boards blockquote:after {
  background: url(../images/message_boards/quoteright.png) no-repeat 50%;
  bottom: 5px;
  content: '';
  display: block;
  height: 24px;
  position: absolute;
  right: 5px;
  width: 31px;
  z-index: 999; }

.html-editor.portlet-message-boards blockquote cite {
  display: block;
  font-weight: bold; }

.html-editor.portlet-message-boards pre {
  background: #F9F9F9;
  border: 1px solid #777;
  padding: 0.5em; }

/* ---------- Text formatting ---------- */
b, strong {
  font-weight: bold; }

i, em {
  font-style: italic; }

code, pre {
  font-family: "Courier New", Courier, monospace;
  white-space: pre; }

.important {
  font-weight: bold; }

/* ---------- Main content body ---------- */
.portal-iframe #main-content {
  width: 100%; }

/* ---------- Alerts and popups ---------- */
.alert-background {
  background: #000; }

.popup-alert-notice {
  background-color: #FFC;
  border-bottom-color: #FC0; }

.popup-alert-warning {
  background-color: #FDD;
  border-bottom-color: #F00; }

/* ---------- Portal add content ---------- */
.portal-add-content {
  background: #FFF;
  text-align: left;
  z-index: 20; }

.portal-add-content a {
  text-decoration: none; }

/* ---------- Loading animation ---------- */
.loading-animation {
  background: url(../images/mobile/svg/loading.svg) no-repeat center center;
  width: 40px;
  height: 40px;
  margin: 30px auto;
  margin-top: 10px;
  text-align: center; }

/* ---------- Separator ---------- */
hr, .separator {
  border-top: 1px dotted #BFBFBF; }

/* ---------- Update Manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

/* ---------- Text highlighting ---------- */
.highlight {
  background: #FFC;
  font-weight: bold;
  margin: 0 1px; }

/* aui font-face */
@font-face {
  font-family: 'SegoeUI';
  src: url("font/SegoeUI.eot?#iefix") format("embedded-opentype"), url("font/SegoeUI.woff") format("woff"), url("font/SegoeUI.ttf") format("truetype"), url("font/SegoeUI.svg#SegoeUI") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SegoeUI-Semibold';
  src: url("font/SegoeUI-Semibold.eot?#iefix") format("embedded-opentype"), url("font/SegoeUI-Semibold.woff") format("woff"), url("font/SegoeUI-Semibold.ttf") format("truetype"), url("font/SegoeUI-Semibold.svg#SegoeUI-Semibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SegoeUI-Bold';
  src: url("font/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("font/SegoeUI-Bold.woff") format("woff"), url("font/SegoeUI-Bold.ttf") format("truetype"), url("font/SegoeUI-Bold.svg#SegoeUI-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Book';
  src: url("font/SFUFuturaBook.eot?") format("eot"), url("font/SFUFuturaBook.woff") format("woff"), url("font/SFUFuturaBook.ttf") format("truetype"), url("font/SFUFuturaBook.svg#SFUFuturaBook") format("svg");
  font-style: normal;
  font-weight: normal; }

/* ---------- Main ---------- */
.results-header th.first {
  border-left-width: 0; }
.results-header th.last {
  border-right-width: 0; }
.results-header th, .results-header td {
  padding: 5px 4px;
  word-wrap: break-word; }
.results-header th.sort-desc .result-column-name {
  background: url(../images/arrows/05_down.png) no-repeat 100% 50%;
  display: inline-block;
  font-style: italic;
  padding-right: 15px; }
.results-header span, .results-header a {
  display: block; }
.results-header a {
  color: #154B75;
  text-decoration: none; }
  .results-header a:hover {
    color: #336699;
    text-decoration: underline; }

.results-row.alt td {
  background: #F2EFFC; }
.results-row.hover td {
  background: #D3E8F1; }

.taglib-search-iterator .results-row td.first, .taglib-search-iterator .results-row th.first {
  border-left-width: 0; }
.taglib-search-iterator .results-row td.last, .taglib-search-iterator .results-row th.last {
  border-right-width: 0; }

/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
  border-collapse: separate; }

.drop-area {
  background-color: #D3DADD; }

.active-area {
  background: #FFC; }

.portlet-boundary.yui3-dd-dragging {
  opacity: .6; }
  .portlet-boundary.yui3-dd-dragging .portlet {
    border: 2px dashed #ccc; }

.aui-portal-layout-proxy {
  opacity: 1 !important; }
  .aui-portal-layout-proxy .portlet-topper {
    background-image: none; }

.aui-proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute; }
  .aui-proxy.generic-portlet {
    height: 200px;
    width: 300px; }
    .aui-proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .aui-proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

.aui-resizable-proxy {
  border: 1px dashed #828F95;
  position: absolute;
  visibility: hidden; }

.aui-sortable-proxy {
  background: #727C81;
  margin-top: 1px; }

.lfr-freeform-layout-drag-indicator {
  visibility: hidden; }

.aui-portal-layout-drag-target-indicator {
  margin: 2px 0; }

.aui-tooltip {
  max-width: 200px; }

.aui-tagselector-content {
  border-width: 0;
  margin-bottom: 15px;
  padding: 0; }
  .aui-tagselector-content .aui-textboxlistentry-holder {
    background: #fff;
    border: 1px solid;
    border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    overflow: visible; }

.aui-tagselector .lfr-tag-selector-input {
  background: none;
  padding: 0;
  width: auto; }
.aui-tagselector .aui-field .aui-field-content {
  margin: 0; }
.aui-tagselector .aui-toolbar {
  margin-top: 5px; }
.aui-tagselector .aui-textboxlist-input-container {
  margin: 0; }

.aui-tagselector-focused .aui-textboxlistentry-holder {
  background: #FFC none;
  border: 1px solid #FC0; }

.aui-categoriesselector-content .aui-textboxlistentry-holder {
  background-color: transparent;
  border-width: 0;
  padding: 0; }

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em 1em;
  white-space: normal; }
  .tag-items li {
    display: inline;
    float: left;
    margin: 0 1em 0 0; }
  .tag-items a {
    white-space: nowrap; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-asset-count {
    clip: rect(0 0 0 0);
    position: absolute; }

.tag-selected {
  color: #000;
  text-decoration: none; }

.tag-cloud {
  line-height: 2.5em; }
  .tag-cloud .tag-asset-count {
    clip: rect(0 0 0 0);
    position: absolute; }
  .tag-cloud .tag-popularity-1 {
    font-size: 1em; }
  .tag-cloud .tag-popularity-2 {
    font-size: 1.3em; }
  .tag-cloud .tag-popularity-3 {
    font-size: 1.6em; }
  .tag-cloud .tag-popularity-4 {
    font-size: 1.9em; }
  .tag-cloud .tag-popularity-5 {
    font-size: 2.2em; }
  .tag-cloud .tag-popularity-6 {
    font-size: 2.5em; }

/* ---------- Underlay ---------- */
.aui-underlay {
  clear: both;
  top: 100%; }
  .aui-underlay .yui3-widget-hd {
    height: 25px; }
  .aui-underlay .lfr-portlet-item {
    border-width: 0; }

.aui-underlay-hidden {
  display: none; }

.aui-underlay-content {
  background: #fff; }

.aui-underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

.aui-tab-back {
  float: right; }

.aui-tab-back-content {
  border-width: 0;
  padding: 1px; }

.lfr-panel-container {
  background: transparent; }

.lfr-panel-container {
  background: #FFF; }

.lfr-panel-content {
  padding: 1px; }

.aui-dialog-bd {
  min-height: 100px;
  padding: 0 0 10px;
  overflow: hidden; }

.document-thumbnail {
  float: left;
  margin-right: 10px; }

/* ---------- Menus ---------- */
.lfr-actions.portlet-options .lfr-trigger strong span, .visible.portlet-options .lfr-trigger strong span {
  background-image: url(../images/portlet/options.png); }

.lfr-actions.portlet-options:hover, .lfr-actions.portlet-options:hover ul {
  background: transparent; }

.lfr-menu-list {
  z-index: 450; }

.aui-menu {
  position: absolute;
  width: auto; }
  .aui-menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.aui-menu-content {
  background: #FFF;
  list-style: none;
  min-width: 150px; }
  .aui-menu-content li {
    margin: 0;
    padding: 0; }
    .aui-menu-content li .disabled {
      color: #999; }

.aui-menu-content, .lfr-menu-list ul {
  background: #fff;
  border: none; }

.aui-menugroup-content .aui-menu-label {
  background: #D2D6DE;
  color: #5B677D;
  display: block;
  font-weight: bold;
  padding: 5px 3px; }

.aui-menugroup-content ul, .lfr-menu-list ul ul {
  display: block;
  min-width: 0; }

.aui-menu-content li, .lfr-menu-list ul li {
  display: block;
  margin: 0;
  padding: 0; }

.aui-menu-content li.first, .lfr-menu-list ul li.first {
  border-top-width: 0; }

.aui-menu-content li.last, .lfr-menu-list ul li.last {
  border-bottom-width: 0; }

.aui-menu-content li a, .lfr-menu-list ul li .taglib-icon, .aui-menu-content li .disabled {
  color: #2C2F34;
  padding: 6px 4px;
  white-space: nowrap; }

.lfr-menu-list ul li.disabled .taglib-icon {
  color: #666; }

.aui-menu-content li a.aui-focus, .lfr-menu-list ul .taglib-icon.aui-focus, .lfr-menu-expanded li a:focus {
  color: #0080da; }

/* ---------- Toolbar ---------- */
.aui-toolbar li {
  display: inline-block;
  margin: 2px 5px 0;
  vertical-align: middle; }

.aui-toolbar-separator {
  background: url(../images/dockbar/separator.png) no-repeat 100% 50%;
  border-width: 0;
  font-size: 1px;
  height: 16px;
  margin: 0 2px;
  overflow: hidden;
  vertical-align: middle;
  width: 4px; }

.aui-loadingmask-content {
  background: #CCC; }

.aui-loadingmask-message {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0; }

.aui-tree-node-selected .aui-tree-label {
  background-color: transparent;
  font-weight: bold; }

.aui-dragging .portlet-column.customizable {
  background-color: #CFFCCF;
  outline: 3px solid #9CC97B; }

.customizable-layout-column-content {
  background-color: #C92C3C; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    border: 3px solid #333;
    margin: 0.2em; }

.customizable .customizable-layout-column-content {
  background-color: #9CC97B; }

.layout-customizable-controls {
  background-color: #FFF;
  font-size: 1.5em;
  margin: 1em;
  opacity: 0.9;
  padding: 1em;
  position: absolute;
  z-index: 15; }

.taglib-page-iterator .search-pages .page-links {
  padding: 0; }

.aui-paginator-container {
  text-align: center; }
  .aui-paginator-container .aui-paginator-link {
    background: #fff;
    color: #1F1E1E;
    display: inline-block;
    height: 20px;
    padding: 0;
    text-indent: -9999px;
    width: 20px; }
  .aui-paginator-container .aui-paginator-current-page {
    color: #c00; }
  .aui-paginator-container .aui-paginator-page-link {
    text-indent: 0;
    height: auto; }
  .aui-paginator-container .aui-paginator-first-link {
    background-image: url(../images/arrows/paging_first.png); }
  .aui-paginator-container .aui-paginator-prev-link {
    background-image: url(../images/arrows/paging_previous.png); }
  .aui-paginator-container .aui-paginator-last-link {
    background-image: url(../images/arrows/paging_last.png); }
  .aui-paginator-container .aui-paginator-next-link {
    background-image: url(../images/arrows/paging_next.png); }
  .aui-paginator-container .aui-paginator-current-page-report, .aui-paginator-container .aui-paginator-total {
    font-size: 13px;
    color: #555; }
  .aui-paginator-container .aui-paginator-current-page-report {
    margin-left: 15px; }
  .aui-paginator-container .aui-paginator-rows-per-page {
    width: 50px; }

/* ---------- Application Column View ---------- */
.lfr-app-column-view .aui-layout-content {
  position: relative; }
.lfr-app-column-view .aui-column:before {
  content: ""; }
.lfr-app-column-view .aui-column-content .lfr-message-response {
  margin: 10px; }

.lfr-header-row .aui-buttonitem-content, .lfr-header-row .aui-button-input, .lfr-header-row .lfr-actions.lfr-extended, .lfr-header-row .lfr-search-combobox {
  border: 1px solid #89b6f2; }

.lfr-header-row .lfr-search-combobox {
  margin: 0;
  border: none; }

.aui-state-default.aui-field-choice {
  float: left;
  background: none;
  border: none;
  margin: 5px 0; }

.lfr-search-combobox .keywords.lfr-search-combobox-item .aui-field-input-text {
  width: 100%;
  -moz-border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px; }

.document-thumbnail img {
  height: 70px; }

/* ---------- Header row ---------- */
.lfr-header-row-content {
  padding: 10px; }

.lfr-panel.lfr-collapsible .lfr-panel-titlebar {
  background-color: #fbfbfb;
  padding: 5px 15px; }

.lfr-header-row button.aui-buttonitem, .lfr-header-row button.aui-buttonitem:hover {
  border: 1px solid #eee;
  background: #fbfbfb; }

.lfr-header-row {
  border: none;
  min-height: 15px; }
  .lfr-header-row .aui-toolbar .aui-toolbar-content {
    white-space: normal;
    word-wrap: normal; }
  .lfr-header-row .aui-toolbar .aui-toolbar-item {
    border-right-width: 0; }
  .lfr-header-row .aui-toolbar .aui-toolbar-last {
    border-right-width: 1px; }

.body-row {
  padding: 10px; }

/* ---------- Wrapper ---------- */
.portlet-layout {
  border-collapse: collapse;
  clear: both;
  display: table;
  border-spacing: 0;
  table-layout: auto;
  width: 100%; }

.portlet-column {
  display: table-cell;
  vertical-align: top; }

.portlet-column-content-only, .ltr .portlet-column-content-first, .rtl .portlet-column-content-last {
  padding-left: 0; }

.portlet-column-content-only, .ltr .portlet-column-content-last, .rtl .portlet-column-content-first {
  padding-right: 0; }

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

#main-content.dragging .portlet-column {
  border: 3px double #828F95;
  height: 100px;
  min-height: 100px; }

.ie6 div.portlet-layout, .ie7 div.portlet-layout {
  height: 1%; }
.ie6 div.portlet-column, .ie7 div.portlet-column {
  float: left;
  overflow: hidden;
  width: 100%; }
.ie6 div.aui-column-last, .ie7 div.aui-column-last {
  margin-right: -1px; }
.ie6 .portlet-column-content, .ie7 .portlet-column-content {
  zoom: 1; }

.portlet-dockbar, .portlet-staging-bar {
  background: url(../images/application/loading_indicator.gif) no-repeat 50%; }

.portlet-dockbar {
  background-color: #E0E7F1;
  border-bottom: 1px solid #636364; }

.dockbar, .staging-bar {
  visibility: hidden; }

.dockbar-ready .dockbar, .staging .staging-bar, .live-view .staging-bar {
  visibility: visible; }

.dockbar-ready .portlet-dockbar, .staging-ready .portlet-staging-bar, .portal-popup .portlet-dockbar, .portal-popup .portlet-staging-bar {
  background: none;
  border-width: 0; }

.dockbar {
  background: #97A1AE;
  font-size: 13px;
  padding: 1px 5px; }

.dockbar:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.ie7 .dockbar {
  zoom: 1; }

.ie6 .dockbar, .ie6 .lfr-dockbar-pinned .dockbar {
  height: 10px;
  left: 0;
  position: relative;
  top: 0; }

.dockbar a {
  color: #2C2F34;
  font-weight: bold; }

.dockbar .menu-button-active {
  background: #5c94da url(../images/dockbar/button_active_bg.png) repeat-x 0 0; }

.dockbar .menu-button-active a {
  color: #FFF; }

.dockbar .user-avatar .sign-out {
  font-size: 0.8em;
  padding-left: 0; }

.dockbar ul {
  margin: 0;
  padding: 0; }

.dockbar li li {
  margin-left: 0; }

html > .lfr-dockbar-pinned {
  padding-top: 3.45em; }

.lfr-dockbar-pinned .dockbar {
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

.dockbar .pin-dockbar {
  margin-left: 0; }

.ie6 .dockbar .pin-dockbar {
  display: none; }

.pin-dockbar img {
  background: url(../images/dockbar/pin.png) no-repeat 0 0;
  height: 27px;
  vertical-align: middle;
  width: 27px; }

.lfr-dockbar-pinned .pin-dockbar img {
  background-image: url(../images/dockbar/unpin.png); }

.dockbar .user-portrait {
  text-decoration: none; }

.dockbar .user-avatar img {
  vertical-align: middle;
  width: 25px; }

.dockbar .impersonating-user {
  background: url(../images/messages/alert.png) no-repeat 0 50%;
  padding-left: 20px; }

.dockbar .impersonating-user .user-links a {
  color: #999; }

/* ---------- Staging Dockbar ---------- */
.variation-selector {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 1em; }

.layout-revision-container {
  margin: 1em 0 0 1em;
  padding: 0; }
  .layout-revision-container .aproximate-date {
    color: #999;
    font-weight: bold; }
  .layout-revision-container .current-version {
    color: #41801d;
    display: block; }
  .layout-revision-container .current-version-pointer {
    display: inline-block;
    width: 0; }
  .layout-revision-container .current-version-pointer img {
    left: -25px;
    position: relative; }
  .layout-revision-container .layout-variation-name {
    color: #666;
    font-size: 1.15em;
    margin-bottom: 0.1em;
    text-transform: uppercase; }
  .layout-revision-container .layout-revision-current {
    color: #666; }
  .layout-revision-container .real-date {
    color: #999;
    display: block;
    text-align: right; }
  .layout-revision-container .taglib-workflow-status .workflow-status {
    background: none;
    padding-left: 0; }
    .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
      color: #41801d;
      font-weight: bold; }

.layout-revision-container-root {
  margin: 0; }

.staging-details {
  background: url() no-repeat 0 0;
  padding-left: 65px;
  min-height: 50px; }

.staging .staging-details {
  background-image: url(../images/staging_bar/staging.png); }

.live-view .staging-details {
  background-image: url(../images/staging_bar/live.png); }

.staging .staging-tabview-list {
  background-color: #FFDBA6; }

.live-view .staging-tabview-list {
  background-color: #C4F0BC; }

/* ---------- Menus ---------- */
.aui-dockbarmenu-hidden {
  visibility: hidden; }

.dockbar .aui-toolbar {
  float: left; }

.dockbar .user-toolbar {
  float: right; }

.aui-underlay .portal-add-content {
  background-color: transparent;
  font-size: 11px; }

.aui-underlay .portal-add-content .portlet-dd-placeholder {
  display: none; }

.add-application .yui3-widget-bd, .dockbar-messages .yui3-widget-bd {
  padding: 0 10px 10px; }

.add-application {
  left: 10px !important; }

.lfr-has-sidebar #main-content {
  padding-left: 220px; }

.manage-layouts {
  left: 60px !important; }

.my-sites-menu {
  max-width: 350px; }

.my-sites-menu ul {
  list-style: none;
  max-height: 300px;
  overflow: auto; }

.my-sites-menu ul, .my-sites-menu li {
  display: block;
  margin: 0;
  padding: 0; }

.my-sites-menu a {
  display: block;
  overflow: hidden;
  text-align: right;
  white-space: nowrap; }

.my-sites-menu .control-panel a {
  background: url(../images/dock/control_panel.png) no-repeat 3px 50%;
  padding-left: 25px; }

.my-sites-menu .current-site {
  border: solid #1D4280;
  border-width: 1px 0; }

.my-sites-menu .current-site a {
  background: #3068ba url(../images/arrows/01_right.png) no-repeat scroll 2px 30%;
  color: #FFF;
  padding-left: 20px; }

.my-sites-menu .current-site .site-type {
  color: #FFF; }

.my-sites-menu .current-site a:hover, .my-sites-menu a:hover .site-type {
  color: #FFF; }

.my-sites-menu .site-name {
  cursor: pointer;
  float: left; }

.my-sites-menu .site-type {
  color: #777;
  float: right;
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 10px; }

.ie7 .my-sites-menu .site-type {
  float: none; }

.my-sites-menu a:hover .site-type {
  color: #FFF; }

.ie7 .my-sites-menu a {
  overflow: visible;
  text-align: left; }

.ie7 .my-sites-menu .site-name {
  float: none; }

.ie7 .my-sites-menu .site-type {
  float: none; }

.ie6 .my-sites-menu {
  width: 200px; }

.ie6 .my-sites-menu a {
  height: 1%; }

.dockbar .toggle-controls a {
  background: url(../images/dockbar/checked.png) no-repeat 0 50%;
  padding-left: 20px; }

.controls-hidden .toggle-controls a {
  background-image: url(../images/dockbar/unchecked.png); }

.toggle-controls a {
  background-image: url(../images/dockbar/unchecked.png); }

.dockbar .menu-button {
  background: url(../images/arrows/05_down.png) no-repeat 93% 50%;
  display: inline-block;
  padding: 5px 20px 5px 5px;
  text-decoration: none; }

.dockbar .menu-button span {
  background: url() no-repeat 0 50%;
  padding-left: 20px; }

.dockbar .add-content .menu-button span {
  background-image: url(../images/common/add.png); }

.dockbar .manage-content .menu-button span {
  background-image: url(../images/dockbar/settings.png); }

.dockbar .my-sites .menu-button span {
  background-image: url(../images/dockbar/places.png); }

.dockbar-messages-container {
  left: 50%;
  margin-left: -150px; }

.dockbar-messages {
  width: 300px; }

.showing-messages .dockbar-messages {
  display: block; }

.multiple-messages .dockbar-message {
  border-top: 1px solid #CCC;
  padding: 5px 0; }

.multiple-messages .first {
  border-top-width: 0;
  padding-top: 0; }

.add-content-menu .add-page a {
  background: url(../images/navigation/add_page.png) no-repeat 3px 50%;
  padding-left: 25px; }

.add-content-menu .add-application a {
  background: url(../images/common/portlet.png) no-repeat 3px 50%;
  padding-left: 25px; }

.add-content-menu a.lfr-portlet-used {
  color: #999;
  cursor: auto; }

.manage-content-menu li a, .manage-content-menu li .disabled {
  background: url() no-repeat 3px 50%;
  padding-left: 25px; }

.manage-content-menu .manage-page a {
  background-image: url(../images/dock/page_settings.png); }

.manage-content-menu .manage-site-content a {
  background-image: url(../images/common/site_icon.png); }

.manage-content-menu .manage-site-memberships a {
  background-image: url(../images/common/assign.png); }

.manage-content-menu .manage-page-customization a, .manage-content-menu .manage-page-customization .disabled {
  background-image: url(../images/dock/customizations.png); }

.manage-content-menu .page-layout a {
  background-image: url(../images/dock/layout.png); }

.manage-content-menu .sitemap a {
  background-image: url(../images/common/sitemap.png); }

.manage-content-menu .settings a {
  background-image: url(../images/common/configuration.png); }

/* ---------- Customization Bar ---------- */
.page-customization-bar {
  background-color: #999;
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 30px; }

.controls-hidden .page-customization-bar {
  display: none; }

.page-customization-bar .customized-icon {
  margin: 5px;
  vertical-align: middle; }

.page-customization-bar .page-customization-actions {
  padding-left: 5em; }

.page-customization-bar .page-customization-actions a {
  color: #EEE;
  font-size: 0.8em;
  padding: 0 1em; }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
.modify-pages .delete-tab {
  background: #333333 url(../images/portlet/close_borderless.png) no-repeat 50%;
  cursor: pointer;
  display: block;
  height: 8px;
  margin-top: -7px;
  padding: 3px;
  position: absolute;
  right: 1px;
  text-indent: -9999em;
  top: 50%;
  width: 8px; }

/*------ Navigation portlet ------*/
.nav-menu ul {
  padding-left: 10px; }
.nav-menu li a.ancestor {
  font-weight: bold; }
.nav-menu li a.selected {
  color: #000;
  font-weight: bold;
  text-decoration: none; }

/* ---------- Page template selector ---------- */
.aui-form-options {
  border: 1px solid #AAA;
  display: inline-block;
  vertical-align: middle; }
  .aui-form-options input {
    border-width: 0;
    display: inline;
    float: left; }

.aui-form-triggers {
  float: left; }

.aui-form-trigger {
  background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0;
  border-left: 1px solid #BBB;
  display: inline-block;
  float: left; }
  .aui-form-trigger img {
    background: url() no-repeat 50% 40%;
    height: 25px;
    padding: 0 3px;
    vertical-align: middle;
    width: 16px; }
  .aui-form-trigger:hover, .aui-form-trigger:focus {
    background-color: #83B0CA;
    background-image: url(../images/application/button_bg_over.png); }

.aui-trigger-selected {
  background-color: #EBEBEB;
  background-image: url(../images/application/button_bg_selected.png); }
  .aui-trigger-selected:hover, .aui-trigger-selected:focus {
    background-color: #B7DEF4;
    background-image: url(../images/application/button_bg_selected_over.png); }

.aui-options-trigger img {
  background-image: url(../images/common/configuration.png); }

.aui-save-trigger img {
  background-image: url(../images/dock/my_place_current.png); }

/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
  margin-bottom: 0; }

body.portlet {
  border: none; }

.portlet-topper {
  position: relative; }

.portlet-title {
  display: block;
  font-size: 1em;
  margin: 0; }
  .portlet-title img {
    vertical-align: middle; }

.portlet-title-text {
  cursor: pointer; }

.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
  cursor: auto; }

.portlet-topper-toolbar {
  margin: 0;
  padding: 2px;
  position: absolute;
  right: 3px;
  text-align: right;
  top: 3px; }
  .portlet-topper-toolbar .nobr {
    display: block;
    float: left;
    padding: 1px; }

.portlet-content, .portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.portlet-minimized .portlet-content {
  padding: 0; }

.portlet-icon-back {
  background: url(../images/arrows/01_left.png) no-repeat 0 50%;
  font-weight: bold;
  padding: 5px 5px 5px 18px; }

.portlet-nested-portlets .portlet-boundary {
  position: relative !important;
  top: 0 !important;
  left: 0 !important; }

/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
  min-height: 2.5em;
  position: relative; }

.portlet-borderless-bar {
  background: #333;
  color: #FFF;
  font-size: 10px;
  opacity: 0.3;
  padding: 2px 5px 1px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 200; }
  .portlet-borderless-bar a {
    background: url() no-repeat 0 50%;
    color: #3AF;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: top;
    width: 16px; }
  .portlet-borderless-bar .portlet-actions {
    display: none;
    float: left;
    margin-right: 20px; }
  .portlet-borderless-bar .portlet-title-default, .portlet-borderless-bar .portlet-actions {
    vertical-align: top; }
  .portlet-borderless-bar .portlet-action-separator {
    display: none; }
  .portlet-borderless-bar .portlet-back a {
    height: auto;
    text-indent: 0;
    width: auto; }
  .portlet-borderless-bar .portlet-close a {
    background-image: url(../images/portlet/close_borderless.png); }
  .portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
    background-image: url(../images/portlet/options_borderless.png); }

.portlet-borderless-container:hover .portlet-borderless-bar {
  opacity: 1; }
  .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
    display: inline; }

.portlet-title-default {
  display: inline-block;
  float: right;
  font-weight: bold;
  text-transform: uppercase; }

.portlet-draggable .portlet-topper {
  cursor: move; }
.portlet-draggable .portlet-title-default {
  background: url(../images/portlet/draggable_borderless.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px; }

/* ---------- Panel Page ---------- */
.lfr-panel-page {
  width: 100%; }
  .lfr-panel-page .portlet-title {
    font-size: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #D3DADD; }

/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg, .portlet-msg-info, .portlet-msg-error, .portlet-msg-alert, .portlet-msg-success {
  background: #EEE none no-repeat 6px 50%;
  border: 1px solid #555;
  color: #34404F;
  display: block;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  text-align: left; }

/* ---------- Status of the current operation ---------- */
/* ---------- Help messages, general additional information, etc. ---------- */
.portlet-msg-info {
  background-color: #DFF4FF;
  background-image: url(../images/messages/info.png);
  border-color: #A7CEDF; }
  .portlet-msg-info.pending {
    background-image: url(../images/common/time.png); }

/* ---------- Error messages ---------- */
.portlet-msg-error {
  background-color: #FDD;
  background-image: url(../images/messages/error.png);
  border-color: #F00; }

/* ---------- Warning messages ---------- */
.portlet-msg-alert {
  background-color: #FFC;
  background-image: url(../images/messages/alert.png);
  background-position: 6px 20%;
  border-color: #FC0; }

/* ---------- Success messages ---------- */
.portlet-msg-success {
  background-color: #F4FDEF;
  background-image: url(../images/messages/success.png);
  border-color: #ACDFA7;
  color: #384F34; }

/* ---------- Message labels ---------- */
.portlet-msg-info-label, .portlet-msg-error-label, .portlet-msg-alert-label, .portlet-msg-success-label {
  background: none no-repeat 0 50%;
  padding: 3px 3px 3px 20px;
  font-weight: bold; }

.portlet-msg-info-label {
  background-image: url(../images/messages/info.png);
  color: #34404F; }

.portlet-msg-error-label {
  background-image: url(../images/messages/error.png);
  color: #900; }

.portlet-msg-alert-label {
  background-image: url(../images/messages/alert.png);
  color: #663; }

.portlet-msg-success-label {
  background-image: url(../images/messages/success.png);
  color: #384F34; }

/* ---------- Sections ---------- */
/* ---------- Table or section header ---------- */
/* ---------- Normal text in a table cell ---------- */
/* ---------- Text in every other row in the cell ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
  background: #727C81;
  color: #FFF;
  font-weight: bold;
  text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
  background-color: #727C81; }

/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or Cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
  background: #FDD;
  border: none; }
.restricted * {
  color: #727C81; }

.alt.restricted td {
  background-color: #FFC0C0; }

.hover.restricted td {
  background-color: #D3BDC0; }

.restricted td.col-1, .alt.restricted td.col-1 {
  background-image: url(../images/messages/error.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

/* ---------- Permissions ---------- */
.results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 {
  background-image: url();
  background-position: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 30px; }
.results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 {
  background-image: url(../images/common/guest_icon.png); }
.results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 {
  background-image: url(../images/common/user_icon.png); }
.results-row.lfr-role-site .col-1, .results-row.hover.lfr-role-site .col-1 {
  background-image: url(../images/common/site_icon.png); }
.results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 {
  background-image: url(../images/common/organization_icon.png); }
.results-row.lfr-role-team .col-1, .results-row.hover.lfr-role-team .col-1 {
  background-image: url(../images/common/team_icon.png); }

/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
  font-size: 1em; }

/* ---------- Actions button ---------- */
.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  background: white url(../images/forms/button.png) repeat-x 0 100%;
  border: 1px solid;
  border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE; }
.lfr-actions ul {
  bottom: -1px; }
.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
  background: none; }
.lfr-actions .lfr-trigger li {
  background: transparent;
  border-bottom: 1px solid #DEDEDE;
  padding: 2px; }
  .lfr-actions .lfr-trigger li a {
    padding: 5px 10px 5px 25px; }
    .lfr-actions .lfr-trigger li a:hover {
      background-color: #828F95;
      color: #FFF; }
  .lfr-actions .lfr-trigger li img {
    left: 3px;
    position: absolute; }
  .lfr-actions .lfr-trigger li.last {
    border-bottom: none; }
.lfr-actions.portlet-options {
  background: none;
  border: none;
  float: left; }
  .lfr-actions.portlet-options .lfr-trigger {
    padding: 0; }
    .lfr-actions.portlet-options .lfr-trigger strong {
      min-width: 0;
      padding: 1px; }
      .lfr-actions.portlet-options .lfr-trigger strong a {
        background-image: url(../images/portlet/options.png);
        background-position: 0 0;
        display: block;
        font-size: 0;
        height: 16px;
        padding: 0;
        text-indent: -9999px;
        width: 16px; }

.visible.portlet-options .lfr-trigger strong a {
  background-image: url(../images/portlet/options_selected.png); }

/*------ Breadcrumbs taglib ------*/
.breadcrumbs:before, .breadcrumbs:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }
.breadcrumbs:after {
  clear: both; }

.breadcrumbs-vertical {
  display: inline-block; }

.breadcrumbs-horizontal li {
  display: inline-block;
  vertical-align: middle; }

/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
  border: none; }
.taglib-calendar tr td a {
  background-color: #F0F5F7;
  border: 1px solid #FFF;
  border-bottom: none;
  border-left: none;
  display: block;
  height: 15px;
  padding: 5px 0; }
  .taglib-calendar tr td a:hover {
    background-color: #727C81;
    color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
  background-color: #FFF;
  color: #B5BFC4; }
.taglib-calendar tr th {
  border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
  border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
  background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
  border: 1px solid #727C81;
  color: #369;
  text-decoration: underline; }

.ie .portlet-borderless-bar {
  -ms-filter: alpha(opacity=20);
  filter: alpha(opacity=20); }
.ie .portlet-borderless-container:hover .portlet-borderless-bar {
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100); }
.ie .taglib-calendar tr td.first a {
  border-right: none; }

.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
  margin-right: 0;
  margin-left: 20px; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
  float: left; }
.ie6 .breadcrumbs-vertical, .ie6 .breadcrumbs-horizontal li, .ie7 .breadcrumbs-vertical, .ie7 .breadcrumbs-horizontal li {
  display: inline;
  zoom: 1; }

.ie6 .portlet-topper-toolbar .icon {
  height: 16px;
  width: 16px; }
.ie6 .portlet-borderless-container {
  height: 2.5em; }
.ie6 .portlet-borderless-bar {
  filter: alpha(opacity=90); }
  .ie6 .portlet-borderless-bar .portlet-actions {
    display: inline;
    filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
  zoom: 1; }

fieldset {
  border: 1px solid #BFBFBF;
  padding: 8px; }

.aui-fieldset {
  border-width: 0;
  padding: 0;
  position: relative; }

.aui-dialog-iframe-popup .aui-fieldset {
  margin-bottom: 0; }

.aui-fieldset .aui-field-content, .aui-field-row, .aui-button-holder, .aui-field-wrapper-content {
  margin: 10px 0; }

.aui-field-inline .aui-field-content, .aui-field-row .aui-field-content {
  margin: 0;
  margin-right: 5px; }

.aui-search-bar .aui-field-content {
  margin-right: 0; }
.aui-search-bar .aui-field-content, .aui-search-bar .aui-button-content {
  display: inline-block;
  vertical-align: middle; }

.aui-field-choice .aui-field-label {
  display: inline-block; }

.aui-field-date .aui-field-content {
  overflow: hidden; }

.aui-text-placeholder {
  color: #777; }

legend {
  font-weight: bold;
  padding: 0 6px; }

.aui-fieldset-legend {
  color: #000;
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 1.5em; }

.aui-legend {
  border-bottom: 1px solid #CCC;
  display: block;
  position: absolute;
  width: 90%; }

input {
  background: #FFF; }

input[type="text"], input[type="password"], input[type="file"], input[type="submit"], input[type="button"], input[type="reset"], select, textarea, .textarea, button {
  background-image: url(../images/forms/input_shadow.png);
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
  font: 1em Arial, Helvetica, Verdana, sans-serif;
  padding: 5px 1px; }

select {
  padding: 1px; }

input[type="image"] {
  background: transparent none;
  border: none;
  padding: 0; }

input[type="submit"], input[type="button"], input[type="reset"], button {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  width: auto; }
  input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover {
    background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
    border-color: #627782;
    color: #369; }
  input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, button:focus {
    background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
    border-color: #555; }

input.focus, textarea.focus {
  background: #FFC none;
  border: 1px solid #FC0; }

.lfr-actions.lfr-extended, .lfr-actions.lfr-extended ul {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  width: auto;
  padding: 0; }
.lfr-actions.lfr-extended:focus, .lfr-actions.lfr-extended:focus ul {
  background: #ebebeb url(../images/application/state_active_bg.png) repeat-x 0 0;
  border-color: #555; }
.lfr-actions.lfr-extended.disabled, .lfr-actions.lfr-extended.disabled ul, .lfr-actions.lfr-extended.disabled:hover, .lfr-actions.lfr-extended.disabled:hover ul {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #555;
  opacity: 0.5; }
.lfr-actions.lfr-extended:hover, .lfr-actions.lfr-extended:hover ul {
  background: #b9ced9 url(../images/application/state_hover_bg.png) repeat-x 0 0;
  border-color: #627782;
  color: #369; }

.lfr-actions.disabled .taglib-text {
  color: #A9A9A9; }

.aui-button-disabled input[type], .aui-button-disabled input[type]:hover, .aui-button-disabled input[type]:focus, .aui-button-disabled button, .aui-button-disabled button:hover, .aui-button-disabled button:focus {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #555;
  opacity: 0.5; }

.aui-buttonitem-disabled {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #555;
  opacity: 0.5; }

input.aui-form-validator-error, textarea.aui-form-validator-error, select.aui-form-validator-error {
  border-color: #900;
  border-style: dotted; }

/* ---------- IE6 chokes on attribute selectors in a chain, so we separate them into their own rule ---------- */
.ie fieldset {
  padding-top: 0; }
.ie .aui-button-disabled input {
  -ms-filter: alpha(opacity=50);
  filter: alpha(opacity=50); }

.ie7 .aui-fieldset {
  zoom: 1; }

.ie6 input.text, .ie6 input.password, .ie6 input.submit, .ie6 input.file, .ie6 input.button, .ie6 button {
  background-image: url(../images/forms/input_shadow.png);
  background-repeat: no-repeat;
  border: 1px solid;
  border-color: #BFBFBF #DEDEDE #DEDEDE #BFBFBF;
  font: 1em Arial, Helvetica, Verdana, sans-serif;
  padding: 5px 1px; }
.ie6 input.submit, .ie6 input.button, .ie6 button, .ie6 .aui-button-disabled input.submit, .ie6 .aui-button-disabled input.button, .ie6 .aui-button-disabled button {
  background: #d4d4d4 url(../images/portlet/header_bg.png) repeat-x 0 0;
  border: 1px solid;
  border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
  color: #34404F;
  cursor: pointer;
  font-weight: bold;
  overflow: visible;
  padding: 5px;
  width: auto; }
.ie6 .aui-button-disabled input.submit, .ie6 .aui-button-disabled input.button, .ie6 .aui-button-disabled button {
  color: #555; }
.ie6 input.focus, .ie6 textarea.focus {
  background: #FFC none;
  border: 1px solid #FC0; }

.aui-menu-content, body > .lfr-menu-list ul, .aui-underlay-content, .aui-dialog-content, .ui-shadow, .aui-dialog-content, .aui-date-picker-content, .aui-overlaycontextpanel-content, .aui-tooltip-content, .aui-colorpicker-content, .aui-tree-drag-helper-content {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
  .aui-menu-content.aui-state-default, body > .lfr-menu-list ul.aui-state-default, .aui-underlay-content.aui-state-default, .aui-dialog-content.aui-state-default, .ui-shadow.aui-state-default, .aui-dialog-content.aui-state-default, .aui-date-picker-content.aui-state-default, .aui-overlaycontextpanel-content.aui-state-default, .aui-tooltip-content.aui-state-default, .aui-colorpicker-content.aui-state-default, .aui-tree-drag-helper-content.aui-state-default {
    background-color: #fff; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:hover, *:focus, *:active {
    outline: 0 !important; }

.portlet-login {
  height: 100vh;
  background-color: #0d4ac7; }
  .portlet-login .log_Top {
    margin: 0 auto;
    padding-top: 240px; }
    .portlet-login .log_Top #main-Login .titleLogin {
      color: #fff;
      text-transform: uppercase;
      font: 16px/20px Book;
      text-align: center;
      margin-bottom: 20px; }
    .portlet-login .log_Top #main-Login .ip_Login, .portlet-login .log_Top #main-Login .ip_Pass, .portlet-login .log_Top #main-Login .btt_Submit {
      position: relative; }
      .portlet-login .log_Top #main-Login .ip_Login .aui-field-label, .portlet-login .log_Top #main-Login .ip_Pass .aui-field-label, .portlet-login .log_Top #main-Login .btt_Submit .aui-field-label {
        display: none; }
      .portlet-login .log_Top #main-Login .ip_Login input[type=text], .portlet-login .log_Top #main-Login .ip_Login input[type=password], .portlet-login .log_Top #main-Login .ip_Login input[type="submit"], .portlet-login .log_Top #main-Login .ip_Pass input[type=text], .portlet-login .log_Top #main-Login .ip_Pass input[type=password], .portlet-login .log_Top #main-Login .ip_Pass input[type="submit"], .portlet-login .log_Top #main-Login .btt_Submit input[type=text], .portlet-login .log_Top #main-Login .btt_Submit input[type=password], .portlet-login .log_Top #main-Login .btt_Submit input[type="submit"] {
        width: 100%;
        padding: 12px 12px 12px 50px;
        font: 14px/20px Arial;
        margin-bottom: 10px;
        border: none;
        text-shadow: none;
        position: relative;
        -webkit-box-shadow: 0 0 0 1000px white inset;
        -moz-box-shadow: 0 0 0 1000px white inset;
        box-shadow: 0 0 0 1000px white inset;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; }
        .portlet-login .log_Top #main-Login .ip_Login input[type=text]:hover, .portlet-login .log_Top #main-Login .ip_Login input[type=text]:focus, .portlet-login .log_Top #main-Login .ip_Login input[type=password]:hover, .portlet-login .log_Top #main-Login .ip_Login input[type=password]:focus, .portlet-login .log_Top #main-Login .ip_Login input[type="submit"]:hover, .portlet-login .log_Top #main-Login .ip_Login input[type="submit"]:focus, .portlet-login .log_Top #main-Login .ip_Pass input[type=text]:hover, .portlet-login .log_Top #main-Login .ip_Pass input[type=text]:focus, .portlet-login .log_Top #main-Login .ip_Pass input[type=password]:hover, .portlet-login .log_Top #main-Login .ip_Pass input[type=password]:focus, .portlet-login .log_Top #main-Login .ip_Pass input[type="submit"]:hover, .portlet-login .log_Top #main-Login .ip_Pass input[type="submit"]:focus, .portlet-login .log_Top #main-Login .btt_Submit input[type=text]:hover, .portlet-login .log_Top #main-Login .btt_Submit input[type=text]:focus, .portlet-login .log_Top #main-Login .btt_Submit input[type=password]:hover, .portlet-login .log_Top #main-Login .btt_Submit input[type=password]:focus, .portlet-login .log_Top #main-Login .btt_Submit input[type="submit"]:hover, .portlet-login .log_Top #main-Login .btt_Submit input[type="submit"]:focus {
          border: none;
          outline: 0; }
      .portlet-login .log_Top #main-Login .ip_Login input[type=text]::-webkit-input-placeholder, .portlet-login .log_Top #main-Login .ip_Login input[type=text]:-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Login input[type=text]::-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Login input[type=text]:-ms-input-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=text]::-webkit-input-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=text]:-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=text]::-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=text]:-ms-input-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=text]::-webkit-input-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=text]:-moz-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=text]::-moz-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=text]:-ms-input-placeholder {
        color: #eee; }
      .portlet-login .log_Top #main-Login .ip_Login input[type=password]::-webkit-input-placeholder, .portlet-login .log_Top #main-Login .ip_Login input[type=password]:-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Login input[type=password]::-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Login input[type=password]:-ms-input-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=password]::-webkit-input-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=password]:-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=password]::-moz-placeholder, .portlet-login .log_Top #main-Login .ip_Pass input[type=password]:-ms-input-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=password]::-webkit-input-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=password]:-moz-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=password]::-moz-placeholder, .portlet-login .log_Top #main-Login .btt_Submit input[type=password]:-ms-input-placeholder {
        color: #eee; }
      .portlet-login .log_Top #main-Login .ip_Login::before, .portlet-login .log_Top #main-Login .ip_Pass::before, .portlet-login .log_Top #main-Login .btt_Submit::before {
        display: block;
        width: 40px;
        height: 44px;
        content: ' ';
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2; }
    .portlet-login .log_Top #main-Login .ip_Login {
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
      .portlet-login .log_Top #main-Login .ip_Login::before {
        background: url(../images/mobile/svg/icUsers.svg) no-repeat center center;
        border-right: 1px solid #eee; }
    .portlet-login .log_Top #main-Login .ip_Pass {
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
      .portlet-login .log_Top #main-Login .ip_Pass::before {
        background: url(../images/mobile/svg/icPass.svg) no-repeat center center;
        border-right: 1px solid #eee; }
    .portlet-login .log_Top #main-Login .btt_Submit input[type="submit"] {
      background: #1f69ff;
      padding: 13px;
      text-align: center;
      text-transform: uppercase;
      color: #fff;
      font: 16px/20px SegoeUI-Bold;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .portlet-login .log_Top #main-Login .btt_Submit input[type="submit"]:hover, .portlet-login .log_Top #main-Login .btt_Submit input[type="submit"]:focus {
        background: #dc4444;
        outline: 0; }
    .portlet-login .log_Top #main-Login .ck_Remb {
      display: none; }
    .portlet-login .log_Top #main-Login .login-version {
      text-align: center;
      color: #B2CAFD;
      margin: 30px 0 10px; }
      .portlet-login .log_Top #main-Login .login-version a {
        color: #B2CAFD;
        text-decoration: none; }
        .portlet-login .log_Top #main-Login .login-version a:hover, .portlet-login .log_Top #main-Login .login-version a:focus {
          color: #fff; }
    .portlet-login .log_Top #main-Login .portlet-msg-error {
      background: url(../images/mobile/svg/arrWarning.svg) no-repeat 0 4px;
      padding: 5px 0 5px 23px;
      border: none;
      font: 13px/16px SegoeUI, Arial;
      color: #ff9c00; }

/* Custom MbThemes */
.ui-mobile body, .ui-mobile input, .ui-mobile select, .ui-mobile textarea, .ui-mobile button, .ui-mobile .ui-btn {
  font: 13px/17px Arial,Helvetica,Verdana,sans-serif; }
.ui-mobile .ui-body-a, .ui-mobile .ui-body-b, .ui-mobile .ui-panel-page-container-a, .ui-mobile .ui-bar-a, .ui-mobile .ui-bar-b, .ui-mobile .ui-overlay-a, .ui-mobile .ui-page-theme-a {
  border: none;
  text-shadow: none !important;
  background: none;
  color: #000; }
.ui-mobile label, .ui-mobile div.ui-controlgroup-label {
  font-size: 13px;
  margin: 0; }
.ui-mobile .ui-btn-icon-right:after {
  display: none; }
.ui-mobile button.ui-btn-icon-notext, .ui-mobile .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.ui-mobile .ui-page-theme-b .ui-body-inherit, .ui-mobile .ui-page-theme-b .ui-btn, .ui-mobile .ui-page-theme-b .ui-bar-inherit, .ui-mobile .ui-page-theme-b .ui-panel-wrapper, .ui-mobile .ui-bar-b .ui-body-inherit, .ui-mobile .ui-bar-b .ui-btn, .ui-mobile .ui-bar-b .ui-bar-inherit, .ui-mobile .ui-bar-b .ui-panel-wrapper, .ui-mobile .ui-body-b .ui-body-inherit, .ui-mobile .ui-body-b .ui-btn, .ui-mobile .ui-body-b .ui-bar-inherit, .ui-mobile .ui-body-b .ui-panel-wrapper, .ui-mobile body .ui-group-theme-b .ui-body-inherit, .ui-mobile body .ui-group-theme-b .ui-btn, .ui-mobile body .ui-group-theme-b .ui-bar-inherit, .ui-mobile body .ui-group-theme-b .ui-panel-wrapper, .ui-mobile .ui-page-theme-a .ui-body-inherit, .ui-mobile .ui-page-theme-a .ui-btn, .ui-mobile .ui-page-theme-a .ui-bar-inherit, .ui-mobile .ui-page-theme-a .ui-panel-wrapper, .ui-mobile .ui-bar-a .ui-body-inherit, .ui-mobile .ui-bar-a .ui-btn, .ui-mobile .ui-bar-a .ui-bar-inherit, .ui-mobile .ui-bar-a .ui-panel-wrapper, .ui-mobile .ui-body-a .ui-body-inherit, .ui-mobile .ui-body-a .ui-btn, .ui-mobile .ui-body-a .ui-bar-inherit, .ui-mobile .ui-body-a .ui-panel-wrapper, .ui-mobile body .ui-group-theme-a .ui-body-inherit, .ui-mobile body .ui-group-theme-a .ui-btn, .ui-mobile body .ui-group-theme-a .ui-bar-inherit, .ui-mobile body .ui-group-theme-a .ui-panel-wrapper {
  border: none;
  text-shadow: none !important;
  background: none;
  color: #000;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .ui-mobile .ui-page-theme-b .ui-body-inherit:visited, .ui-mobile .ui-page-theme-b .ui-btn:visited, .ui-mobile .ui-page-theme-b .ui-bar-inherit:visited, .ui-mobile .ui-page-theme-b .ui-panel-wrapper:visited, .ui-mobile .ui-bar-b .ui-body-inherit:visited, .ui-mobile .ui-bar-b .ui-btn:visited, .ui-mobile .ui-bar-b .ui-bar-inherit:visited, .ui-mobile .ui-bar-b .ui-panel-wrapper:visited, .ui-mobile .ui-body-b .ui-body-inherit:visited, .ui-mobile .ui-body-b .ui-btn:visited, .ui-mobile .ui-body-b .ui-bar-inherit:visited, .ui-mobile .ui-body-b .ui-panel-wrapper:visited, .ui-mobile body .ui-group-theme-b .ui-body-inherit:visited, .ui-mobile body .ui-group-theme-b .ui-btn:visited, .ui-mobile body .ui-group-theme-b .ui-bar-inherit:visited, .ui-mobile body .ui-group-theme-b .ui-panel-wrapper:visited, .ui-mobile .ui-page-theme-a .ui-body-inherit:visited, .ui-mobile .ui-page-theme-a .ui-btn:visited, .ui-mobile .ui-page-theme-a .ui-bar-inherit:visited, .ui-mobile .ui-page-theme-a .ui-panel-wrapper:visited, .ui-mobile .ui-bar-a .ui-body-inherit:visited, .ui-mobile .ui-bar-a .ui-btn:visited, .ui-mobile .ui-bar-a .ui-bar-inherit:visited, .ui-mobile .ui-bar-a .ui-panel-wrapper:visited, .ui-mobile .ui-body-a .ui-body-inherit:visited, .ui-mobile .ui-body-a .ui-btn:visited, .ui-mobile .ui-body-a .ui-bar-inherit:visited, .ui-mobile .ui-body-a .ui-panel-wrapper:visited, .ui-mobile body .ui-group-theme-a .ui-body-inherit:visited, .ui-mobile body .ui-group-theme-a .ui-btn:visited, .ui-mobile body .ui-group-theme-a .ui-bar-inherit:visited, .ui-mobile body .ui-group-theme-a .ui-panel-wrapper:visited {
    border: none;
    text-shadow: none !important;
    background: none; }
  .ui-mobile .ui-page-theme-b .ui-body-inherit:hover, .ui-mobile .ui-page-theme-b .ui-body-inherit:focus, .ui-mobile .ui-page-theme-b .ui-btn:hover, .ui-mobile .ui-page-theme-b .ui-btn:focus, .ui-mobile .ui-page-theme-b .ui-bar-inherit:hover, .ui-mobile .ui-page-theme-b .ui-bar-inherit:focus, .ui-mobile .ui-page-theme-b .ui-panel-wrapper:hover, .ui-mobile .ui-page-theme-b .ui-panel-wrapper:focus, .ui-mobile .ui-bar-b .ui-body-inherit:hover, .ui-mobile .ui-bar-b .ui-body-inherit:focus, .ui-mobile .ui-bar-b .ui-btn:hover, .ui-mobile .ui-bar-b .ui-btn:focus, .ui-mobile .ui-bar-b .ui-bar-inherit:hover, .ui-mobile .ui-bar-b .ui-bar-inherit:focus, .ui-mobile .ui-bar-b .ui-panel-wrapper:hover, .ui-mobile .ui-bar-b .ui-panel-wrapper:focus, .ui-mobile .ui-body-b .ui-body-inherit:hover, .ui-mobile .ui-body-b .ui-body-inherit:focus, .ui-mobile .ui-body-b .ui-btn:hover, .ui-mobile .ui-body-b .ui-btn:focus, .ui-mobile .ui-body-b .ui-bar-inherit:hover, .ui-mobile .ui-body-b .ui-bar-inherit:focus, .ui-mobile .ui-body-b .ui-panel-wrapper:hover, .ui-mobile .ui-body-b .ui-panel-wrapper:focus, .ui-mobile body .ui-group-theme-b .ui-body-inherit:hover, .ui-mobile body .ui-group-theme-b .ui-body-inherit:focus, .ui-mobile body .ui-group-theme-b .ui-btn:hover, .ui-mobile body .ui-group-theme-b .ui-btn:focus, .ui-mobile body .ui-group-theme-b .ui-bar-inherit:hover, .ui-mobile body .ui-group-theme-b .ui-bar-inherit:focus, .ui-mobile body .ui-group-theme-b .ui-panel-wrapper:hover, .ui-mobile body .ui-group-theme-b .ui-panel-wrapper:focus, .ui-mobile .ui-page-theme-a .ui-body-inherit:hover, .ui-mobile .ui-page-theme-a .ui-body-inherit:focus, .ui-mobile .ui-page-theme-a .ui-btn:hover, .ui-mobile .ui-page-theme-a .ui-btn:focus, .ui-mobile .ui-page-theme-a .ui-bar-inherit:hover, .ui-mobile .ui-page-theme-a .ui-bar-inherit:focus, .ui-mobile .ui-page-theme-a .ui-panel-wrapper:hover, .ui-mobile .ui-page-theme-a .ui-panel-wrapper:focus, .ui-mobile .ui-bar-a .ui-body-inherit:hover, .ui-mobile .ui-bar-a .ui-body-inherit:focus, .ui-mobile .ui-bar-a .ui-btn:hover, .ui-mobile .ui-bar-a .ui-btn:focus, .ui-mobile .ui-bar-a .ui-bar-inherit:hover, .ui-mobile .ui-bar-a .ui-bar-inherit:focus, .ui-mobile .ui-bar-a .ui-panel-wrapper:hover, .ui-mobile .ui-bar-a .ui-panel-wrapper:focus, .ui-mobile .ui-body-a .ui-body-inherit:hover, .ui-mobile .ui-body-a .ui-body-inherit:focus, .ui-mobile .ui-body-a .ui-btn:hover, .ui-mobile .ui-body-a .ui-btn:focus, .ui-mobile .ui-body-a .ui-bar-inherit:hover, .ui-mobile .ui-body-a .ui-bar-inherit:focus, .ui-mobile .ui-body-a .ui-panel-wrapper:hover, .ui-mobile .ui-body-a .ui-panel-wrapper:focus, .ui-mobile body .ui-group-theme-a .ui-body-inherit:hover, .ui-mobile body .ui-group-theme-a .ui-body-inherit:focus, .ui-mobile body .ui-group-theme-a .ui-btn:hover, .ui-mobile body .ui-group-theme-a .ui-btn:focus, .ui-mobile body .ui-group-theme-a .ui-bar-inherit:hover, .ui-mobile body .ui-group-theme-a .ui-bar-inherit:focus, .ui-mobile body .ui-group-theme-a .ui-panel-wrapper:hover, .ui-mobile body .ui-group-theme-a .ui-panel-wrapper:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background: none; }
.ui-mobile .ui-table {
  table-layout: auto; }
  .ui-mobile .ui-table th, .ui-mobile .ui-table td {
    padding: 5px;
    line-height: 17px; }
.ui-mobile .table-stripe tbody tr:nth-child(odd) td, .ui-mobile .table-stripe tbody tr:nth-child(odd) th {
  background: #fff; }
.ui-mobile .ui-shadow, .ui-mobile .ui-shadow-inset, .ui-mobile .ui-overlay-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.ui-mobile .ui-corner-all {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
.ui-mobile .ui-popup-container {
  background: #fff; }
.ui-mobile .ui-panel-animate.ui-panel-page-content-position-left {
  -webkit-transform: translate3d(280px, 0, 0);
  -moz-transform: translate3d(280px, 0, 0);
  -ms-transform: translate3d(280px, 0, 0);
  -o-transform: translate3d(280px, 0, 0);
  transform: translate3d(280px, 0, 0); }
.ui-mobile .ui-panel-dismiss-open.ui-panel-dismiss-position-left {
  left: 280px; }
.ui-mobile body {
  /* Panel Navbar */
  /* Content */ }
  .ui-mobile body .ui-panel-wrapper .ui-content.ui-wapper {
    padding: 45px 0 10px;
    min-height: 100vh;
    background: #fff; }
  .ui-mobile body .ui-panel-inner {
    padding: 0; }
  .ui-mobile body #panelSwipe {
    height: 100vh !important;
    min-height: 100vh !important; }
  .ui-mobile body #left-panel {
    background: #1B2E42;
    height: 100%;
    width: 280px;
    overflow: hidden;
    overflow-y: auto;
    position: fixed; }
    .ui-mobile body #left-panel.ui-panel-closed {
      width: 0; }
    .ui-mobile body #left-panel .portlet-dockbar .dockbar {
      background: url(../images/mobile/bgdockbar.jpg) no-repeat center center;
      border: none;
      padding: 20px 10px;
      height: 90px; }
      .ui-mobile body #left-panel .portlet-dockbar .dockbar ul {
        list-style: none;
        margin: 0; }
        .ui-mobile body #left-panel .portlet-dockbar .dockbar ul a:hover, .ui-mobile body #left-panel .portlet-dockbar .dockbar ul a:focus, .ui-mobile body #left-panel .portlet-dockbar .dockbar ul a:active {
          outline: 0 !important; }
      .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar {
        width: 100%;
        white-space: normal; }
        .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li {
          margin: 0; }
          .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar {
            width: 92%;
            float: left; }
            .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait {
              pointer-events: none;
              cursor: default;
              color: #fff;
              display: block;
              min-height: 50px; }
              .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait:hover, .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait:focus, .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait:active {
                color: #fff; }
              .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait img {
                width: 50px;
                height: 50px;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                -ms-border-radius: 30px;
                -o-border-radius: 30px;
                border-radius: 30px;
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
                float: left;
                margin: 0 8px 0 0;
                background: #fff; }
              .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait .user-fullname {
                display: block;
                padding: 10px 0 0;
                font: 15px/17px SegoeUI-Bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.user-avatar .user-portrait .user-author {
                display: block;
                font: 13px/16px SegoeUI;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
          .ui-mobile body #left-panel .portlet-dockbar .dockbar .user-toolbar li.has-submenu {
            display: none; }
      .ui-mobile body #left-panel .portlet-dockbar .dockbar .aui-menu.box_Control {
        height: calc(100% - 90px);
        width: 100%;
        top: 90px !important;
        left: 0 !important;
        background: #050f19; }
        .ui-mobile body #left-panel .portlet-dockbar .dockbar .aui-menu.box_Control .aui-toolbar {
          float: left;
          width: 100%; }
          .ui-mobile body #left-panel .portlet-dockbar .dockbar .aui-menu.box_Control .aui-toolbar li {
            width: 100%;
            float: left;
            margin: 0; }
            .ui-mobile body #left-panel .portlet-dockbar .dockbar .aui-menu.box_Control .aui-toolbar li ul {
              display: none !important; }
    .ui-mobile body #left-panel .btnLogout {
      height: 90px;
      width: 30px;
      background: #c52422 url(../images/mobile/svg/arrPower.svg) no-repeat center;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 9999999999; }
      .ui-mobile body #left-panel .btnLogout:hover, .ui-mobile body #left-panel .btnLogout:focus {
        background-color: #bf211c; }
    .ui-mobile body #left-panel .navLeft .ui-listview li {
      padding: 0;
      border-bottom: 1px solid #26384c; }
      .ui-mobile body #left-panel .navLeft .ui-listview li a {
        color: #DEE8F3;
        padding: 0;
        text-transform: uppercase;
        font: bold 14px/17px Arial;
        display: block; }
        .ui-mobile body #left-panel .navLeft .ui-listview li a:hover, .ui-mobile body #left-panel .navLeft .ui-listview li a:focus {
          color: #fff; }
        .ui-mobile body #left-panel .navLeft .ui-listview li a.active {
          color: #ffdd59;
          font-weight: bold; }
          .ui-mobile body #left-panel .navLeft .ui-listview li a.active.lik-items {
            font-weight: bold; }
      .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items {
        padding: 12px 10px 10px 40px;
        color: #DEE8F3;
        text-transform: uppercase;
        font: bold 14px/17px Arial;
        display: block;
        background: url() no-repeat 8px 10px; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items .notf {
          display: inline-block;
          margin: 0 0 0 5px;
          background: #dc3a3a;
          padding: 3px 5px 1px;
          font: 12px/13px Arial;
          color: #fff;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px;
          -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
          .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items .notf.notf-Gr {
            background: #389c6a; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items .notf.notf-Nr {
            background: #375473; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items.item-tc {
          background-image: url(../images/mobile/svg/arrTchu.svg); }
        .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items.item-xlcv {
          background-image: url(../images/mobile/svg/arrXly.svg); }
        .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items.item-tracuu {
          background-image: url(../images/mobile/svg/arrTcuu.svg); }
        .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items.item-thongke {
          background-image: url(../images/mobile/svg/arrTke.svg); }
        .ui-mobile body #left-panel .navLeft .ui-listview li .lik-items.item-lich {
          background-image: url(../images/mobile/svg/arrLich.svg); }
      .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion {
        margin: 0; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible-inset {
          margin: 0; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading {
          margin: 0;
          padding: 12px 10px 10px 40px;
          border-bottom: 1px solid #26384c; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading.ui-collapsible-heading-collapsed {
            border-bottom: none; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading a {
            text-transform: none; }
            .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading a.ui-btn-icon-left {
              padding-left: 15px; }
              .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading a.ui-btn-icon-left:after {
                left: 0; }
              .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading a.ui-btn-icon-left.ui-icon-minus:after {
                background: url(../images/mobile/svg/arr-02.svg) no-repeat left 0; }
              .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-heading a.ui-btn-icon-left.ui-icon-plus:after {
                background: url(../images/mobile/svg/arr-03.svg) no-repeat left 4px; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-content {
          padding: 0 0 0 55px;
          background: #192B3E; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-content p {
            margin: 0; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-content .ui-listview li {
            border: none; }
            .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .ui-collapsible .ui-collapsible-content .ui-listview li a {
              text-transform: none; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion .lik-items {
          font: 13px/15px Arial;
          border: none;
          padding: 10px 10px 10px 0; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-heading {
          padding-left: 40px; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-heading a.ui-btn {
            text-transform: uppercase;
            padding: 0 15px 0 0; }
            .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-heading a.ui-btn:after {
              left: auto;
              right: 0; }
            .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-icon-plus:after {
              background: url(../images/mobile/svg/arr-09.svg) no-repeat center center; }
            .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-icon-minus:after {
              background: url(../images/mobile/svg/arr-08.svg) no-repeat center center; }
        .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-content {
          padding-left: 40px; }
          .ui-mobile body #left-panel .navLeft .ui-listview li .ui-accordion.ArCcha .ui-collapsible .ui-collapsible-content li a {
            font: bold 14px/17px Arial; }
  .ui-mobile body .ui-content {
    padding: 0; }
    .ui-mobile body .ui-content .nav-icon {
      background: #12449e url(../images/mobile/svg/arrMenu.svg) no-repeat center center;
      height: 45px;
      width: 40px;
      position: fixed;
      z-index: 99999;
      left: 0;
      top: 0; }
    .ui-mobile body .ui-content .headerFr {
      height: 45px;
      background: #1147a7;
      color: #fff;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 99998;
      width: 100%; }
      .ui-mobile body .ui-content .headerFr:hover, .ui-mobile body .ui-content .headerFr:focus {
        background: #1147a7; }
      .ui-mobile body .ui-content .headerFr .ui-btn-left, .ui-mobile body .ui-content .headerFr .ui-btn-right {
        top: 0; }
      .ui-mobile body .ui-content .headerFr .ui-btn-left {
        left: 45px;
        max-width: 70%; }
        .ui-mobile body .ui-content .headerFr .ui-btn-left .ui-controlgroup-controls {
          width: 100%; }
          .ui-mobile body .ui-content .headerFr .ui-btn-left .ui-controlgroup-controls .title {
            font: 15px/19px SegoeUI-Bold, Arial;
            padding: 13px 0 0 5px;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            text-transform: uppercase; }
          .ui-mobile body .ui-content .headerFr .ui-btn-left .ui-controlgroup-controls button.ui-btn {
            height: 45px; }
            .ui-mobile body .ui-content .headerFr .ui-btn-left .ui-controlgroup-controls button.ui-btn.btnBacks {
              background: url("../images/mobile/svg/arrBack.svg") no-repeat 10px center;
              width: 35px; }
      .ui-mobile body .ui-content .headerFr .ui-btn-right {
        right: 0; }
        .ui-mobile body .ui-content .headerFr .ui-btn-right .ui-controlgroup-controls button.ui-btn {
          height: 45px; }
          .ui-mobile body .ui-content .headerFr .ui-btn-right .ui-controlgroup-controls button.ui-btn.btnsearchAdd {
            background: url(../images/mobile/svg/arrSearch.svg) no-repeat center center;
            width: 40px; }
          .ui-mobile body .ui-content .headerFr .ui-btn-right .ui-controlgroup-controls button.ui-btn.btnSettings {
            background: url(../images/mobile/svg/arrSetting.svg) no-repeat center center;
            width: 30px; }
      .ui-mobile body .ui-content .headerFr.headerPages {
        z-index: 99999; }
        .ui-mobile body .ui-content .headerFr.headerPages .ui-btn-left {
          left: 0; }
    .ui-mobile body .ui-content .show-Effects {
      position: fixed;
      z-index: 9999999;
      background: rgba(57, 89, 118, 0.98);
      width: 100%;
      left: 0;
      bottom: 0;
      text-align: right;
      color: #fff;
      height: 40px;
      padding: 5px; }
      .ui-mobile body .ui-content .show-Effects .txtsoCV {
        float: left;
        padding: 8px 0 0; }
      .ui-mobile body .ui-content .show-Effects a {
        text-decoration: none;
        color: #fff;
        display: inline-block;
        padding: 6px 12px 0;
        margin-left: 2px;
        height: 30px;
        font: 13px/19px Arial;
        background: #587793;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
        .ui-mobile body .ui-content .show-Effects a:hover, .ui-mobile body .ui-content .show-Effects a:focus {
          background: #E25959; }
        .ui-mobile body .ui-content .show-Effects a.btnChuyenXL {
          background: #14BB9E; }
          .ui-mobile body .ui-content .show-Effects a.btnChuyenXL:hover, .ui-mobile body .ui-content .show-Effects a.btnChuyenXL:focus {
            background: #E25959; }
    .ui-mobile body .ui-content .ui-datatable.lstData .ui-checkbox, .ui-mobile body .ui-content .ui-datatable.lstData .ui-radio {
      margin: 0; }
      .ui-mobile body .ui-content .ui-datatable.lstData .ui-checkbox input, .ui-mobile body .ui-content .ui-datatable.lstData .ui-radio input {
        margin: 0;
        top: 0;
        left: 0; }
    .ui-mobile body .ui-content .ui-datatable.lstData tr th {
      padding: 0 5px;
      border: none; }
    .ui-mobile body .ui-content .ui-datatable.lstData tr td {
      padding: 10px 5px;
      border-bottom: 1px solid #e3e3e3; }
      .ui-mobile body .ui-content .ui-datatable.lstData tr td.w40p {
        padding: 10px; }
      .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail {
        position: relative; }
        .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .sp_Title {
          float: left;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 65%;
          font-weight: bold; }
          .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .sp_Title span {
            color: #0F84EA; }
            .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .sp_Title span.txt_red {
              color: #de2c2c; }
        .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .sp_Title2 {
          float: left;
          width: 100%;
          font-weight: bold;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          line-height: 17px;
          max-height: 17px;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical; }
          .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .sp_Title2 span {
            color: #000;
            font-weight: normal; }
        .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .txtDates {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 35%;
          font: 12px/12px Arial;
          color: #777;
          position: absolute;
          right: 5px;
          top: 13px; }
        .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .hsfile {
          display: inline-block;
          width: 22px;
          height: 10px;
          background: url(../images/mobile/arr-10.png) no-repeat left center; }
        .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .txtSummary {
          float: left;
          width: 100%;
          padding-top: 2px; }
          .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .txtSummary .dsp_Hidden {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-height: 19px;
            max-height: 38px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 14px;
            width: 100%; }
          .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .txtSummary.fs14 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-height: 19px;
            max-height: 38px;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 14px; }
          .ui-mobile body .ui-content .ui-datatable.lstData tr td.txtlstDetail .txtSummary .sp_Title3 span {
            font-weight: bold; }
      .ui-mobile body .ui-content .ui-datatable.lstData tr td.trActive {
        background: #ffe59c; }
    .ui-mobile body .ui-content .ui-datatable.lstData tr:hover td, .ui-mobile body .ui-content .ui-datatable.lstData tr:focus td {
      background: #ffe59c;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan {
      padding: 10px 1px; }
      .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table {
        border: 1px solid #eee; }
        .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table th {
          background: #eee;
          border: none;
          padding: 10px 5px; }
          .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table th .ui-checkbox input {
            top: -5px; }
        .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td {
          padding: 8px 5px;
          border-bottom: 1px solid #eee; }
          .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td .wb {
            font: bold 13px/15px Arial; }
          .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td .txtRolename {
            font: italic 12px/13px Arial;
            color: #777; }
          .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td .txtOrgname {
            display: block;
            font: 13px/14px Arial;
            color: #555; }
          .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy a {
            text-decoration: none;
            font-size: 14px;
            display: block; }
          .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy .ui-datalist .ui-listview {
            margin: 0; }
            .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy .ui-datalist .ui-listview li {
              padding: 3px 20px 3px 5px;
              position: relative;
              border: 1px solid #eee;
              margin-top: 2px;
              -webkit-border-radius: 2px;
              -moz-border-radius: 2px;
              -ms-border-radius: 2px;
              -o-border-radius: 2px;
              border-radius: 2px; }
              .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy .ui-datalist .ui-listview li .ui-btn.btnDeletes {
                right: 5px;
                top: 3px;
                position: absolute;
                width: 16px;
                height: 16px;
                padding: 0;
                background: #cccccc url("../images/mobile/svg/arrClose-W.svg") no-repeat center center;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                -ms-border-radius: 20px;
                -o-border-radius: 20px;
                border-radius: 20px; }
                .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy .ui-datalist .ui-listview li .ui-btn.btnDeletes:hover, .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy .ui-datalist .ui-listview li .ui-btn.btnDeletes:focus {
                  background-color: #E25959; }
      .ui-mobile body .ui-content .ui-datatable.lstnguoiNhan.thNone .ui-table th {
        display: none; }
    .ui-mobile body .ui-content .ui-datatable.lstDataTK {
      padding: 8px; }
      .ui-mobile body .ui-content .ui-datatable.lstDataTK .ui-table {
        border: 1px solid #eee; }
        .ui-mobile body .ui-content .ui-datatable.lstDataTK .ui-table th {
          background: #6c5fb9;
          border: none;
          padding: 10px 5px;
          text-transform: uppercase;
          color: #fff; }
        .ui-mobile body .ui-content .ui-datatable.lstDataTK .ui-table td {
          padding: 8px 5px;
          border-bottom: 1px solid #eee; }
  .ui-mobile body .ui-tabs.tbHeader {
    padding: 0; }
    .ui-mobile body .ui-tabs.tbHeader .ui-navbar .ui-tabs-nav {
      background: none;
      height: 38px;
      padding: 0; }
      .ui-mobile body .ui-tabs.tbHeader .ui-navbar .ui-tabs-nav li {
        border-bottom: 1px solid #ccc; }
        .ui-mobile body .ui-tabs.tbHeader .ui-navbar .ui-tabs-nav li a.ui-btn {
          font-size: 14px; }
        .ui-mobile body .ui-tabs.tbHeader .ui-navbar .ui-tabs-nav li.ui-tabs-active {
          border-bottom-color: #c00; }
          .ui-mobile body .ui-tabs.tbHeader .ui-navbar .ui-tabs-nav li.ui-tabs-active a.ui-btn.ui-btn-active {
            color: #c00;
            background: none; }
    .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels p {
      display: none; }
    .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .detailShow p {
      display: block; }
    .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow {
      padding: 10px 10px 0;
      float: left;
      width: 100%; }
      .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .ui-btn {
        background: #f5f5f5;
        float: right;
        width: auto;
        padding: 8px 15px;
        color: #222;
        font: bold 14px/19px Arial;
        margin: 2px 0 0 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #e5e5e5;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
        .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .ui-btn.btnhasSub {
          background: whitesmoke url(../images/mobile/svg/arr-02-B.svg) no-repeat 98% center;
          border-color: #e5e5e5;
          color: #555;
          padding: 8px 30px 8px 15px; }
        .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .ui-btn.btnKeyprm {
          background: #14BB9E;
          border-color: #14BB9E;
          color: #fff; }
      .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-header {
        height: 40px;
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-header .ui-btn {
          position: absolute;
          right: 0;
          left: auto;
          top: 0;
          z-index: 2;
          border: none;
          margin: 0;
          height: 39px;
          width: 40px;
          background: white url(../images/mobile/svg/arrClose.svg) no-repeat center center; }
          .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-header .ui-btn:after {
            display: none; }
        .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-header .ui-title {
          margin: 0;
          padding: 13px 10px 0;
          text-align: left;
          text-transform: uppercase;
          color: #333; }
      .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-content {
        padding: 10px 0; }
        .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-content .ui-btn {
          border: none;
          margin: 0;
          width: 100%;
          float: none;
          background: #fff;
          padding: 12px 5px 12px 15px;
          font: 13px/17px Arial;
          text-align: left;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          border-radius: 0; }
          .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-content .ui-btn:hover, .ui-mobile body .ui-tabs.tbHeader .ui-tabs-panels .btnShow .lstPopDSxuly .ui-content .ui-btn:focus {
            background: #E25959;
            color: #fff; }
  .ui-mobile body .ui-checkbox, .ui-mobile body .ui-radio {
    margin: 0; }
    .ui-mobile body .ui-checkbox input, .ui-mobile body .ui-radio input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 24px;
      height: 24px;
      margin: 0;
      left: 0;
      top: 0;
      border: none;
      background: #dddddd url("../images/mobile/svg/arrCheck.svg") no-repeat center center;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px; }
      .ui-mobile body .ui-checkbox input:checked, .ui-mobile body .ui-radio input:checked {
        background-color: #308FFF; }
    .ui-mobile body .ui-checkbox .ui-checkbox-on:after, .ui-mobile body .ui-checkbox .ui-checkbox-off:after, .ui-mobile body .ui-checkbox .ui-radio-on:after, .ui-mobile body .ui-checkbox .ui-radio-off:after, .ui-mobile body .ui-radio .ui-checkbox-on:after, .ui-mobile body .ui-radio .ui-checkbox-off:after, .ui-mobile body .ui-radio .ui-radio-on:after, .ui-mobile body .ui-radio .ui-radio-off:after {
      display: none; }
    .ui-mobile body .ui-checkbox.checkInline, .ui-mobile body .ui-radio.checkInline {
      float: left;
      margin: 0 !important; }
  .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup {
    padding: 0; }
    .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup .ui-controlgroup-controls .ui-btn {
      border: 1px solid #ddd;
      width: 32px;
      height: 32px;
      margin: 5px 2px;
      overflow: hidden;
      padding: 0;
      text-align: center;
      white-space: nowrap;
      text-overflow: ellipsis;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px; }
      .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup .ui-controlgroup-controls .ui-btn.ui-icon-carat-l:after {
        background: url("../images/mobile/svg/arrFirst.svg") no-repeat center center; }
      .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup .ui-controlgroup-controls .ui-btn.ui-icon-back:after {
        background: url("../images/mobile/svg/arrPrev.svg") no-repeat center center; }
      .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup .ui-controlgroup-controls .ui-btn.ui-icon-forward:after {
        background: url("../images/mobile/svg/arrNext.svg") no-repeat center center; }
      .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup .ui-controlgroup-controls .ui-btn.ui-icon-carat-r:after {
        background: url("../images/mobile/svg/arrLast.svg") no-repeat center center; }
      .ui-mobile body .ui-bar-a.ui-paginator .ui-controlgroup .ui-controlgroup-controls .ui-btn.ui-btn-active {
        background: #e04a4a;
        border-color: #e04a4a; }
  .ui-mobile body .ui-select .ui-btn {
    background: url("../images/mobile/svg/arrMore.svg") no-repeat right center;
    border: 1px solid #dcdcdc;
    text-align: left;
    padding: 8px 20px 8px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .ui-mobile body .ui-select .ui-btn:hover, .ui-mobile body .ui-select .ui-btn:focus {
      background: url("../images/mobile/svg/arrMore.svg") no-repeat right center; }
  .ui-mobile body .inMutilselect .ui-select .ui-btn {
    white-space: normal; }
    .ui-mobile body .inMutilselect .ui-select .ui-btn span:not(.ui-li-count) {
      white-space: normal; }
    .ui-mobile body .inMutilselect .ui-select .ui-btn.ui-btn-icon-right .ui-li-count {
      display: inline-block !important;
      right: 5px;
      background: #7d86ce;
      color: #fff;
      width: 25px;
      height: 25px;
      padding: 4px 0;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
      border-radius: 20px; }
  .ui-mobile body .ui-btn.btnChuyen-Fix {
    position: fixed;
    z-index: 999999;
    top: 8px;
    right: 5px;
    width: auto;
    height: 30px;
    background: #14BB9E;
    margin: 0;
    color: #fff;
    padding: 5px 15px;
    width: 80px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .ui-mobile body .ui-btn.btnChuyen-Fix:hover, .ui-mobile body .ui-btn.btnChuyen-Fix:focus {
      background: #E25959; }
  .ui-mobile body .ui-btn.btnHuy-Fix {
    position: fixed;
    z-index: 999999;
    top: 8px;
    right: 88px;
    width: auto;
    height: 30px;
    background: #2F67DA;
    margin: 0;
    color: #fff;
    padding: 5px 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .ui-mobile body .ui-btn.btnHuy-Fix:hover, .ui-mobile body .ui-btn.btnHuy-Fix:focus {
      background: #4086F1; }
  .ui-mobile body input[type="text"], .ui-mobile body input[type="password"], .ui-mobile body input[type="file"], .ui-mobile body input[type="submit"], .ui-mobile body input[type="button"], .ui-mobile body input[type="reset"], .ui-mobile body textarea, .ui-mobile body .textarea, .ui-mobile body button.ui-btn {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 8px 15px;
    text-decoration: none;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .ui-mobile body input[type="text"]:hover, .ui-mobile body input[type="text"]:focus, .ui-mobile body input[type="password"]:hover, .ui-mobile body input[type="password"]:focus, .ui-mobile body input[type="file"]:hover, .ui-mobile body input[type="file"]:focus, .ui-mobile body input[type="submit"]:hover, .ui-mobile body input[type="submit"]:focus, .ui-mobile body input[type="button"]:hover, .ui-mobile body input[type="button"]:focus, .ui-mobile body input[type="reset"]:hover, .ui-mobile body input[type="reset"]:focus, .ui-mobile body textarea:hover, .ui-mobile body textarea:focus, .ui-mobile body .textarea:hover, .ui-mobile body .textarea:focus, .ui-mobile body button.ui-btn:hover, .ui-mobile body button.ui-btn:focus {
      border-color: #0091FF; }
  .ui-mobile body select {
    background: white url(../images/mobile/svg/arr-02-B.svg) no-repeat 98% center;
    border: 1px solid #dcdcdc;
    padding: 8px 15px;
    text-decoration: none;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .ui-mobile body select:hover, .ui-mobile body select:focus {
      border-color: #0091FF; }
  .ui-mobile body .ui-select {
    width: 100% !important; }
  .ui-mobile body .ui-page-theme-a .ui-input-text input, .ui-mobile body .ui-page-theme-a .ui-input-search input {
    padding: 8px;
    border: 1px solid #dcdcdc;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .ui-mobile body .ui-page-theme-a .ui-input-text input:hover, .ui-mobile body .ui-page-theme-a .ui-input-text input:focus, .ui-mobile body .ui-page-theme-a .ui-input-search input:hover, .ui-mobile body .ui-page-theme-a .ui-input-search input:focus {
      border-color: #0091FF; }
  .ui-mobile body .ui-page-theme-a .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear, .ui-mobile body .ui-page-theme-a .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear {
    right: 1px;
    top: 11px;
    margin: 0;
    background: #fff; }
    .ui-mobile body .ui-page-theme-a .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear:after, .ui-mobile body .ui-page-theme-a .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear:after {
      width: 14px;
      height: 14px;
      background: #cccccc url("../images/mobile/svg/arrClose-W.svg") no-repeat center; }
      .ui-mobile body .ui-page-theme-a .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear:after:hover, .ui-mobile body .ui-page-theme-a .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear:after:focus, .ui-mobile body .ui-page-theme-a .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear:after:hover, .ui-mobile body .ui-page-theme-a .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear:after:focus {
        background-color: #e44a4a; }
  .ui-mobile body .ui-page-theme-a .ui-input-search:after {
    display: none; }
  .ui-mobile body .ui-page-theme-a textarea.ui-input-text {
    padding: 8px;
    border: 1px solid #dcdcdc;
    height: 70px;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .ui-mobile body .ui-page-theme-a textarea.ui-input-text:hover, .ui-mobile body .ui-page-theme-a textarea.ui-input-text:focus {
      border-color: #0091FF; }
  .ui-mobile body .ui-page-theme-a .ui-input-has-clear {
    padding: 0; }
  .ui-mobile body .ui-page-theme-a input.hasDatepicker {
    width: 100%;
    padding: 8px; }
  .ui-mobile body .show_hide_vbden {
    display: block;
    margin: 20px 0 0;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    outline: 0; }
    .ui-mobile body .show_hide_vbden img {
      opacity: .8;
      filter: Alpha(opacity=80);
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      .ui-mobile body .show_hide_vbden img:hover, .ui-mobile body .show_hide_vbden img:focus {
        opacity: 1;
        filter: Alpha(opacity=100); }
  .ui-mobile body .detailShow {
    text-align: justify; }
    .ui-mobile body .detailShow .ui-field-contain {
      padding: 8px 10px;
      margin: 0;
      border-bottom-color: #F3F3F3;
      font: 15px/19px Arial;
      word-break: break-word; }
      .ui-mobile body .detailShow .ui-field-contain .ui-checkbox, .ui-mobile body .detailShow .ui-field-contain .ui-radio {
        margin-bottom: 10px; }
        .ui-mobile body .detailShow .ui-field-contain .ui-checkbox label.ui-btn, .ui-mobile body .detailShow .ui-field-contain .ui-radio label.ui-btn {
          padding: 4px 0 2px 30px; }
      .ui-mobile body .detailShow .ui-field-contain .groupCTXL .ui-controlgroup {
        max-height: 300px;
        overflow-y: auto;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
        .ui-mobile body .detailShow .ui-field-contain .groupCTXL .ui-controlgroup .ui-controlgroup-controls a {
          text-align: left;
          padding: 8px 10px;
          border-bottom: 1px solid #eee; }
          .ui-mobile body .detailShow .ui-field-contain .groupCTXL .ui-controlgroup .ui-controlgroup-controls a:hover, .ui-mobile body .detailShow .ui-field-contain .groupCTXL .ui-controlgroup .ui-controlgroup-controls a:focus {
            background-color: #e44a4a;
            color: #fff; }
      .ui-mobile body .detailShow .ui-field-contain .ui-controlgroup .ui-checkbox, .ui-mobile body .detailShow .ui-field-contain .ui-controlgroup .ui-radio {
        margin: 10px 0; }
    .ui-mobile body .detailShow .txtTabsearch {
      width: 100%;
      padding: 5px 10px 4px;
      margin-bottom: 10px;
      float: left;
      border-bottom: 1px solid #ddd;
      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }
      .ui-mobile body .detailShow .txtTabsearch .ui-btn {
        margin: 0; }
        .ui-mobile body .detailShow .txtTabsearch .ui-btn.btnBack-search {
          float: left;
          width: 10%;
          height: 30px;
          background: url("../images/mobile/svg/arrBack-W.svg") no-repeat left center; }
        .ui-mobile body .detailShow .txtTabsearch .ui-btn.btnSearch-search {
          float: right;
          width: 20%;
          background: #2374F1;
          color: #fff;
          padding: 6px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px; }
          .ui-mobile body .detailShow .txtTabsearch .ui-btn.btnSearch-search:hover, .ui-mobile body .detailShow .txtTabsearch .ui-btn.btnSearch-search:focus {
            background: #E25959; }
      .ui-mobile body .detailShow .txtTabsearch .ui-input-has-clear {
        float: left;
        width: 70%;
        margin: 0;
        height: 30px; }
        .ui-mobile body .detailShow .txtTabsearch .ui-input-has-clear input {
          border: none;
          padding: 6px 10px 0 0; }
          .ui-mobile body .detailShow .txtTabsearch .ui-input-has-clear input:hover, .ui-mobile body .detailShow .txtTabsearch .ui-input-has-clear input:focus {
            border: none; }
        .ui-mobile body .detailShow .txtTabsearch .ui-input-has-clear .ui-btn.ui-input-clear {
          right: 0;
          top: 8px; }
          .ui-mobile body .detailShow .txtTabsearch .ui-input-has-clear .ui-btn.ui-input-clear:after {
            width: 14px;
            height: 14px;
            background-image: url("../images/mobile/svg/arrClose-W.svg"); }
      .ui-mobile body .detailShow .txtTabsearch .autoCompleteTKe {
        float: left;
        width: 70%;
        margin: 0;
        height: 30px;
        position: relative; }
        .ui-mobile body .detailShow .txtTabsearch .autoCompleteTKe .ui-input-has-clear {
          width: 100%; }
        .ui-mobile body .detailShow .txtTabsearch .autoCompleteTKe .ui-controlgroup-controls {
          background: #fff;
          overflow-y: auto;
          width: 100%;
          max-height: 350px;
          -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
          .ui-mobile body .detailShow .txtTabsearch .autoCompleteTKe .ui-controlgroup-controls a {
            text-align: left;
            padding: 8px 10px;
            border-bottom: 1px solid #eee; }
            .ui-mobile body .detailShow .txtTabsearch .autoCompleteTKe .ui-controlgroup-controls a:hover, .ui-mobile body .detailShow .txtTabsearch .autoCompleteTKe .ui-controlgroup-controls a:focus {
              background-color: #e44a4a;
              color: #fff; }
  .ui-mobile body .ui-datepicker {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
    .ui-mobile body .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      margin: 0 50px; }
      .ui-mobile body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month, .ui-mobile body .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
        width: 45%;
        margin: 0 1px; }
    .ui-mobile body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-mobile body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      top: 13px; }
    .ui-mobile body .ui-datepicker .ui-datepicker-calendar {
      table-layout: fixed; }
      .ui-mobile body .ui-datepicker .ui-datepicker-calendar th {
        padding-top: 8px;
        padding-bottom: 8px;
        background: #006FE4;
        text-align: center;
        color: #fff; }
        .ui-mobile body .ui-datepicker .ui-datepicker-calendar th span {
          opacity: 1;
          filter: alpha(opacity=100); }
      .ui-mobile body .ui-datepicker .ui-datepicker-calendar td {
        border: none;
        color: #222;
        min-width: 39px; }
        .ui-mobile body .ui-datepicker .ui-datepicker-calendar td span {
          color: #777;
          font-weight: normal; }
        .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a {
          font: 14px/21px Arial;
          width: 35px;
          height: 35px;
          margin: 2px;
          -webkit-border-radius: 30px;
          -moz-border-radius: 30px;
          -ms-border-radius: 30px;
          -o-border-radius: 30px;
          border-radius: 30px; }
          .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a:hover, .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a.ui-btn-hover, .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a:focus, .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a.ui-btn-focus {
            background: #e5e5e5; }
          .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a.ui-btn-active, .ui-mobile body .ui-datepicker .ui-datepicker-calendar td a.ui-btn-active.ui-btn-hover {
            background: #CE3B3B; }
        .ui-mobile body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-col {
          font: bold 15px/21px Arial;
          background: #eee; }
  .ui-mobile body .ui-calendar.leftDate {
    float: left;
    width: 49%; }
  .ui-mobile body .ui-calendar.rightDate {
    float: right;
    width: 49%; }
  .ui-mobile body .ui-calendar .ui-input-text {
    margin: 0 0 5px; }
  .ui-mobile body .ui-calendar.ui-calendar-inline input[type="text"] {
    display: none; }
  .ui-mobile body div.hasDatepicker {
    margin: 0;
    max-width: 100%; }
  .ui-mobile body .ui-popup-screen {
    background: #444;
    position: fixed; }
  .ui-mobile body .ui-popup-container {
    max-width: 80% !important;
    min-width: 70%; }
    .ui-mobile body .ui-popup-container.popCalendar {
      max-width: 100% !important; }
      .ui-mobile body .ui-popup-container.popCalendar .ui-header .ui-title {
        text-transform: uppercase;
        color: #555;
        font: 14px/17px Arial; }
    .ui-mobile body .ui-popup-container.popOverlight {
      max-width: 100% !important;
      top: 45px !important;
      left: 0 !important;
      width: 100%;
      min-height: 100vh;
      position: fixed;
      z-index: 99999999;
      overflow-y: auto;
      padding-bottom: 45px;
      bottom: 0; }
      .ui-mobile body .ui-popup-container.popOverlight .ui-header {
        display: none; }
      .ui-mobile body .ui-popup-container.popOverlight .ui-content .ui-field-contain {
        border-bottom: none;
        padding: 5px 10px; }
    .ui-mobile body .ui-popup-container.lstPopDSxuly {
      left: 20% !important;
      width: 60%; }
    .ui-mobile body .ui-popup-container.popChoose {
      left: 20% !important;
      width: 60%; }
      .ui-mobile body .ui-popup-container.popChoose .ui-header {
        height: 40px;
        border-bottom: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        .ui-mobile body .ui-popup-container.popChoose .ui-header .ui-btn {
          position: absolute;
          right: 0;
          left: auto;
          top: 0;
          z-index: 2;
          border: none;
          margin: 0;
          height: 39px;
          width: 40px;
          background: white url(../images/mobile/svg/arrClose.svg) no-repeat center center; }
          .ui-mobile body .ui-popup-container.popChoose .ui-header .ui-btn:after {
            display: none; }
        .ui-mobile body .ui-popup-container.popChoose .ui-header .ui-title {
          margin: 0;
          padding: 13px 10px 0;
          text-align: left;
          text-transform: uppercase;
          color: #333; }
      .ui-mobile body .ui-popup-container.popChoose .ui-content {
        max-height: 400px;
        overflow-y: auto; }
        .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-btn {
          border: none;
          margin: 0;
          width: 100%;
          background: #fff;
          padding: 12px 5px 12px 15px;
          text-align: left;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          -o-border-radius: 0;
          border-radius: 0; }
          .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-btn font {
            display: block;
            font-weight: bold; }
          .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-btn:hover, .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-btn:focus {
            background: #E25959;
            color: #fff; }
        .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-titlebar {
          display: none; }
        .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content {
          padding: 10px 0; }
          .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content p {
            margin: 0; }
          .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content .labelSort {
            padding: 10px 10px 0 15px; }
            .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content .labelSort .ui-controlgroup {
              margin: 10px 0 0 0;
              padding-left: 10px;
              border-bottom: 1px solid #ddd; }
              .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn {
                background: none;
                padding: 5px 0 15px 30px; }
                .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn:hover, .ui-mobile body .ui-popup-container.popChoose .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn:focus {
                  background: none;
                  color: #000; }
      .ui-mobile body .ui-popup-container.popChoose.popDuyet {
        left: 10% !important;
        width: 80%; }
        .ui-mobile body .ui-popup-container.popChoose.popDuyet .txtQAs {
          font: bold 15px/19px Arial;
          display: block;
          margin: 15px 0;
          text-align: center; }
        .ui-mobile body .ui-popup-container.popChoose.popDuyet .ui-content .ui-btn.btnKey {
          width: 40%;
          margin: 15px auto;
          background: #e04747;
          color: #fff;
          text-align: center;
          font-size: 15px;
          padding: 9px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
          border-radius: 2px; }
  .ui-mobile body .ui-selectmenu.ui-popup, .ui-mobile body .ui-selectmenu.ui-dialog {
    width: 100% !important;
    left: 0 !important; }
    .ui-mobile body .ui-selectmenu.ui-popup .ui-dialog-contain, .ui-mobile body .ui-selectmenu.ui-dialog .ui-dialog-contain {
      top: 0;
      margin: 0;
      width: 100%;
      max-width: 100%; }
    .ui-mobile body .ui-selectmenu.ui-popup .ui-header, .ui-mobile body .ui-selectmenu.ui-dialog .ui-header {
      height: 40px;
      border-bottom: 1px solid #ddd;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .ui-mobile body .ui-selectmenu.ui-popup .ui-header .ui-btn, .ui-mobile body .ui-selectmenu.ui-dialog .ui-header .ui-btn {
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        z-index: 2;
        border: none;
        margin: 0;
        height: 39px;
        width: 40px;
        background: white url(../images/mobile/svg/arrClose.svg) no-repeat center center; }
        .ui-mobile body .ui-selectmenu.ui-popup .ui-header .ui-btn:after, .ui-mobile body .ui-selectmenu.ui-dialog .ui-header .ui-btn:after {
          display: none; }
      .ui-mobile body .ui-selectmenu.ui-popup .ui-header .ui-title, .ui-mobile body .ui-selectmenu.ui-dialog .ui-header .ui-title {
        margin: 0;
        padding: 13px 10px 0;
        text-align: left;
        text-transform: uppercase;
        color: #333; }
    .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-btn, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-btn {
      border: none;
      margin: 0;
      width: 100%;
      background: #fff;
      padding: 12px 5px 12px 15px;
      text-align: left;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
      .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-btn:hover, .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-btn:focus, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-btn:hover, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-btn:focus {
        background: #E25959;
        color: #fff; }
    .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-titlebar, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-titlebar {
      display: none; }
    .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content {
      padding: 10px 0; }
      .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content p, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content p {
        margin: 0; }
      .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content .labelSort, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content .labelSort {
        padding: 10px 10px 0 15px; }
        .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content .labelSort .ui-controlgroup, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content .labelSort .ui-controlgroup {
          margin: 10px 0 0 0;
          padding-left: 10px;
          border-bottom: 1px solid #ddd; }
          .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn {
            background: none;
            padding: 5px 0 15px 30px; }
            .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn:hover, .ui-mobile body .ui-selectmenu.ui-popup .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn:focus, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn:hover, .ui-mobile body .ui-selectmenu.ui-dialog .ui-content .ui-panel-m-content .labelSort .ui-controlgroup .ui-btn:focus {
              background: none;
              color: #000; }
    .ui-mobile body .ui-selectmenu.ui-popup .ui-listview, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview {
      margin: 0; }
      .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li {
        margin: 10px 0 0 0;
        padding: 0 10px;
        border-bottom: 1px solid #ddd; }
        .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li .ui-btn, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li .ui-btn {
          background: none;
          padding: 5px 0 10px 30px; }
          .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li .ui-btn:hover, .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li .ui-btn:focus, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li .ui-btn:hover, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li .ui-btn:focus {
            background: none;
            color: #000; }
          .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li .ui-btn.ui-checkbox-on:after, .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li .ui-btn.ui-checkbox-off:after, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li .ui-btn.ui-checkbox-on:after, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li .ui-btn.ui-checkbox-off:after {
            width: 24px;
            height: 24px;
            margin: 0;
            left: 0;
            top: 0;
            border: none;
            background: #dddddd url("../images/mobile/svg/arrCheck.svg") no-repeat center center;
            opacity: 1;
            filter: alpha(apacity=100);
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px; }
          .ui-mobile body .ui-selectmenu.ui-popup .ui-listview li .ui-btn.ui-checkbox-on:after, .ui-mobile body .ui-selectmenu.ui-dialog .ui-listview li .ui-btn.ui-checkbox-on:after {
            background-color: #308FFF; }
  .ui-mobile body .im-Usertree {
    display: none; }
  .ui-mobile body .txt_teal {
    color: #069494; }
  .ui-mobile body .txt_red {
    color: #de2c2c; }
  .ui-mobile body .txt_blue {
    color: #075fd8; }
  .ui-mobile body .txt_ogran {
    color: #d05315; }
  .ui-mobile body .txt_green {
    color: #0a6d0a; }
  .ui-mobile body .txt_olive {
    color: #ce9615; }
  .ui-mobile body .txt_lime {
    color: #7a9821; }
  .ui-mobile body .txt_blue_new {
    color: #1672CE; }
  .ui-mobile body .red_State {
    color: #fff;
    background: #47b770;
    padding: 2px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    display: inline-block; }
  .ui-mobile body .black_State {
    color: #fff;
    background: #f16464;
    padding: 2px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    display: inline-block; }
  .ui-mobile body .blue_State {
    color: #fff;
    background: #4ba6e8;
    padding: 2px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    display: inline-block; }
  .ui-mobile body .fileResult .lstUpload_list {
    width: 100%;
    display: inline-block; }
    .ui-mobile body .fileResult .lstUpload_list .leftAttfile {
      float: left;
      width: 90%; }
      .ui-mobile body .fileResult .lstUpload_list .leftAttfile .Filenattch {
        vertical-align: middle;
        margin-right: 10px;
        float: left; }
      .ui-mobile body .fileResult .lstUpload_list .leftAttfile a {
        text-decoration: none;
        font: 13px/17px Arial;
        display: block;
        padding-left: 25px;
        text-align: left; }
        .ui-mobile body .fileResult .lstUpload_list .leftAttfile a span {
          display: block; }
    .ui-mobile body .fileResult .lstUpload_list .rightAttfile {
      float: right;
      text-align: center;
      width: 9%; }
  .ui-mobile body .fileResult .viewfileResult .ui-panel-m-content, .ui-mobile body .fileResult .viewfileResult .ui-panel-m-titlebar {
    padding: 10px 0 0; }
  .ui-mobile body .fileResult .ui-field-contain {
    border-bottom-width: 1px !important; }
  .ui-mobile body label.txtLabel {
    color: #777;
    font-size: 13px;
    margin: 0 0 2px;
    width: 100%; }
    .ui-mobile body label.txtLabel.inImg img {
      vertical-align: bottom;
      margin-left: 10px; }
    .ui-mobile body label.txtLabel.labelInline {
      padding-left: 35px; }
  .ui-mobile body .ui-tabmenu.tabmenuCl ul {
    width: 170px;
    margin: 0 auto;
    padding: 8px 0; }
    .ui-mobile body .ui-tabmenu.tabmenuCl ul li a {
      padding: 9px 9px 0;
      height: 32px;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      background: #398eea;
      border: 1px solid #398eea; }
      .ui-mobile body .ui-tabmenu.tabmenuCl ul li a:hover, .ui-mobile body .ui-tabmenu.tabmenuCl ul li a:focus {
        background: #398eea;
        border-color: #398eea; }
      .ui-mobile body .ui-tabmenu.tabmenuCl ul li a.ui-btn-active {
        background: #fff;
        color: #398eea; }
        .ui-mobile body .ui-tabmenu.tabmenuCl ul li a.ui-btn-active:hover, .ui-mobile body .ui-tabmenu.tabmenuCl ul li a.ui-btn-active:focus {
          background: #fff;
          color: #398eea; }
    .ui-mobile body .ui-tabmenu.tabmenuCl ul li:first-child a {
      -webkit-border-radius: 2px 0 0 2px;
      -moz-border-radius: 2px 0 0 2px;
      -ms-border-radius: 2px 0 0 2px;
      -o-border-radius: 2px 0 0 2px;
      border-radius: 2px 0 0 2px; }
    .ui-mobile body .ui-tabmenu.tabmenuCl ul li:last-child a {
      -webkit-border-radius: 0 2px 2px 0;
      -moz-border-radius: 0 2px 2px 0;
      -ms-border-radius: 0 2px 2px 0;
      -o-border-radius: 0 2px 2px 0;
      border-radius: 0 2px 2px 0; }
  .ui-mobile body .ui-tabmenu.tbHeader {
    padding-left: 50px;
    border-bottom: 1px solid #ccc; }
    .ui-mobile body .ui-tabmenu.tbHeader ul {
      border-left: 1px solid #ccc;
      margin-bottom: -1px; }
      .ui-mobile body .ui-tabmenu.tbHeader ul li a.ui-btn {
        font-size: 14px;
        border-bottom: 1px solid #ccc; }
        .ui-mobile body .ui-tabmenu.tbHeader ul li a.ui-btn.ui-btn-active {
          color: #c00;
          background: none;
          border-bottom-color: #c00; }
  .ui-mobile body .tle-calendar {
    font: bold 17px/20px  Arial, Times new roman;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0 5px;
    color: #222; }
  .ui-mobile body .tle-bottomcalendar .btn-Cal {
    display: inline-block;
    width: auto;
    margin: 0 0 0 10px;
    vertical-align: middle; }
  .ui-mobile body .tle-bottomcalendar img {
    vertical-align: middle;
    margin: 0 5px;
    padding: 5px;
    border: 1px solid #eee;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px; }
  .ui-mobile body .css-ln.ui-datalist .ui-listview {
    margin: 0; }
    .ui-mobile body .css-ln.ui-datalist .ui-listview li {
      padding: 10px;
      border-bottom: 1px solid #eee; }
      .ui-mobile body .css-ln.ui-datalist .ui-listview li p {
        margin: 3px 0;
        font-size: 13px;
        overflow: auto;
        white-space: normal;
        text-align: justify; }
      .ui-mobile body .css-ln.ui-datalist .ui-listview li a {
        text-decoration: none;
        color: #3175de; }
  .ui-mobile body .tbl-week td {
    padding: 5px;
    border-bottom: 2px solid #e1e1e1; }
    .ui-mobile body .tbl-week td td {
      border: none;
      padding: 1px 0; }
    .ui-mobile body .tbl-week td.frt_day {
      width: 50px;
      border-right: 1px solid #ccc; }
      .ui-mobile body .tbl-week td.frt_day .txtdayOf {
        display: block;
        font: bold 14px/17px Arial;
        color: #d64343; }
    .ui-mobile body .tbl-week td ul {
      margin: 0;
      list-style: none; }
      .ui-mobile body .tbl-week td ul li {
        padding-top: 5px;
        margin-top: 5px;
        border-top: 1px solid #e1e1e1; }
        .ui-mobile body .tbl-week td ul li:first-child {
          padding: 0;
          margin: 0;
          border: none; }
  .ui-mobile body .tbl-week .Current_day td {
    background: #fbf9e9; }
  .ui-mobile body .btnCal-Action {
    margin-top: 10px; }
    .ui-mobile body .btnCal-Action .ui-btn {
      float: left;
      width: auto;
      padding: 6px 15px 6px 35px;
      border: 1px solid #e1e1e1;
      margin: 5px 5px 0 0;
      font-weight: bold;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
      .ui-mobile body .btnCal-Action .ui-btn.ui-icon-carat-d {
        background: white url("../images/mobile/svg/arrDuyet.svg") no-repeat 8px center; }
      .ui-mobile body .btnCal-Action .ui-btn.ui-icon-delete {
        background: white url("../images/mobile/svg/arrClose.svg") no-repeat 8px center; }
      .ui-mobile body .btnCal-Action .ui-btn:after {
        display: none; }
  .ui-mobile body .timetoday {
    font-size: 15px; }
  .ui-mobile body .bxBodyTK {
    padding: 8px;
    display: inline-block;
    width: 100%; }
    .ui-mobile body .bxBodyTK .tleMbCat {
      text-transform: uppercase;
      font: 14px/17px SegoeUI-Bold;
      color: #fff;
      margin: 0;
      padding: 8px 8px 8px 35px;
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      -ms-border-radius: 3px 3px 0 0;
      -o-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      background: url("../images/mobile/svg/iccharts.svg") no-repeat 8px center; }
      .ui-mobile body .bxBodyTK .tleMbCat .txtTso {
        float: right;
        text-transform: none;
        font: 12px/16px SegoeUI; }
        .ui-mobile body .bxBodyTK .tleMbCat .txtTso font {
          font: 15px/15px SegoeUI-Bold; }
      .ui-mobile body .bxBodyTK .tleMbCat.MbTCQ {
        background-color: #009a82; }
      .ui-mobile body .bxBodyTK .tleMbCat.MbPB {
        background-color: #6c64ba; }
      .ui-mobile body .bxBodyTK .tleMbCat.MbNB {
        background-color: #736bc4; }
      .ui-mobile body .bxBodyTK .tleMbCat.vbdTkPB {
        background-color: #6c64ba;
        padding-right: 0; }
        .ui-mobile body .bxBodyTK .tleMbCat.vbdTkPB .txtTso {
          width: 25%;
          text-align: center; }
    .ui-mobile body .bxBodyTK .bxMbCat {
      border: solid #ddd;
      border-width: 0 1px 1px;
      width: 100%;
      float: left;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      -o-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .ui-mobile body .bxBodyTK .bxMbCat ul {
        list-style: none;
        width: 100%;
        margin: 0;
        float: left; }
        .ui-mobile body .bxBodyTK .bxMbCat ul li {
          float: left;
          width: 30%;
          text-align: center;
          text-transform: uppercase;
          color: #555;
          font: 16px/20px SegoeUI;
          padding: 15px 5px;
          border-right: 1px solid #ddd; }
          .ui-mobile body .bxBodyTK .bxMbCat ul li label {
            font: 13px/20px SegoeUI;
            margin: 0; }
          .ui-mobile body .bxBodyTK .bxMbCat ul li .txtF2 {
            display: block;
            font: 13px/15px SegoeUI;
            color: #555;
            text-transform: none; }
          .ui-mobile body .bxBodyTK .bxMbCat ul li .txtLik {
            display: block;
            font: 19px/22px SegoeUI-Bold;
            color: #3178d4; }
          .ui-mobile body .bxBodyTK .bxMbCat ul li.liDhan .txtLik {
            color: #37b78f; }
            .ui-mobile body .bxBodyTK .bxMbCat ul li.liDhan .txtLik:hover, .ui-mobile body .bxBodyTK .bxMbCat ul li.liDhan .txtLik:focus {
              color: #248a23; }
          .ui-mobile body .bxBodyTK .bxMbCat ul li.liThan .txtLik {
            color: #d63838; }
            .ui-mobile body .bxBodyTK .bxMbCat ul li.liThan .txtLik:hover, .ui-mobile body .bxBodyTK .bxMbCat ul li.liThan .txtLik:focus {
              color: #d43a3a; }
          .ui-mobile body .bxBodyTK .bxMbCat ul li.liTle {
            width: 40%;
            border: none; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ table td {
        padding: 8px 0;
        text-align: center;
        text-transform: uppercase; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head1 td {
        background: #eee;
        font: 13px/15px SegoeUI-Bold;
        color: #4b4b4b; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td {
        padding: 15px 0;
        border-left: 1px solid #eee; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td a {
          color: #3178d4;
          font: 19px/22px SegoeUI-Bold; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td label {
          font: 13px/20px SegoeUI;
          margin: 0;
          color: #555; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td.txtDhan {
          border: none; }
          .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td.txtDhan a {
            color: #37b78f; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td.txtTrehan a {
          color: #d24848; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td.txtTroghan a {
          color: #3178d4; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiTCQ .head2 td.txtQhan a {
          color: #8575da; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB table td {
        padding: 8px 5px; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head1 td {
        background: #eee;
        font: 12px/15px SegoeUI;
        text-transform: uppercase;
        text-align: center; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head1 td.aui-w55, .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head1 td.aui-w60 {
          text-align: left; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2 thead {
        display: none; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2 td {
        border-bottom: 1px solid #eee;
        vertical-align: middle; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2 td .txtnamePb {
          display: block;
          text-transform: uppercase;
          font: 12px/15px SegoeUI-Bold;
          color: #333;
          margin: 0; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2 td a {
          color: #37b78f;
          font: 19px/22px SegoeUI-Bold; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2 td.col-Nor {
          border-left: 1px solid #eee;
          text-align: center; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2 td.col-Last a {
          color: #d24848; }
      .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2.tblVBCD tr td {
        text-align: center;
        border-left: 1px solid #eee; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2.tblVBCD tr td:nth-child(1) {
          text-transform: uppercase;
          font: 12px/15px SegoeUI-Bold;
          color: #333;
          text-align: left;
          border-left: none; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2.tblVBCD tr td:nth-child(2) {
          width: 20%; }
          .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2.tblVBCD tr td:nth-child(2) a {
            color: #d24848; }
        .ui-mobile body .bxBodyTK .bxMbCat.vbdiPB .head2.tblVBCD tr td:nth-child(3) {
          width: 20%; }
    .ui-mobile body .bxBodyTK .tbl-vbdTkPB thead {
      display: none; }
    .ui-mobile body .bxBodyTK .tbl-vbdTkPB tbody {
      border: 1px solid #ddd;
      border-top: none;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      -o-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .ui-mobile body .bxBodyTK .tbl-vbdTkPB tbody td {
        vertical-align: middle;
        border-bottom: 1px solid #eee;
        padding: 8px 5px; }
        .ui-mobile body .bxBodyTK .tbl-vbdTkPB tbody td .txtnamePb {
          display: block;
          text-transform: uppercase;
          font: 12px/15px SegoeUI-Bold;
          color: #333;
          margin: 0; }
        .ui-mobile body .bxBodyTK .tbl-vbdTkPB tbody td .txtLik {
          color: #d63838;
          font: 16px/20px SegoeUI-Bold; }
        .ui-mobile body .bxBodyTK .tbl-vbdTkPB tbody td.col-Last {
          border-left: 1px solid #eee; }
          .ui-mobile body .bxBodyTK .tbl-vbdTkPB tbody td.col-Last a {
            font: 18px/20px SegoeUI-Bold; }
  .ui-mobile body .txtTsvb {
    font: 14px/15px SegoeUI-Bold;
    color: #3178d4; }
  .ui-mobile body .ui-loader {
    opacity: 1;
    filter: alpha(opacity=100); }
    .ui-mobile body .ui-loader .ui-icon-loading {
      background: url("../images/mobile/svg/loading.svg") no-repeat center;
      width: 40px;
      height: 40px; }
  .ui-mobile body .txtnoteTimes {
    font: italic 11px/13px Arial;
    text-align: right;
    padding: 3px 0 0;
    clear: both;
    color: #777; }
  .ui-mobile body .todayContent {
    display: block;
    border: 1px solid #ddd;
    padding: 10px; }
    .ui-mobile body .todayContent .tle2 {
      font: 17px/20px SegoeUI-Bold;
      text-transform: uppercase;
      margin: 0 0 10px;
      color: #29a36b; }
      .ui-mobile body .todayContent .tle2 font {
        font: bold 13px/15px Arial;
        text-transform: none;
        color: #222;
        display: block; }
    .ui-mobile body .todayContent .css-ln.ui-datalist .ui-listview li {
      padding: 5px 0; }
      .ui-mobile body .todayContent .css-ln.ui-datalist .ui-listview li .timetoday {
        color: #e24444; }

/* Custom 28/2 */
.ui-mobile body select {
  padding: 8px 7px !important; }

.ui-mobile body .ui-checkbox input {
  width: 20px !important;
  height: 20px !important;
  top: -5px !important; }

.ui-mobile body .detailShow .txtTabsearch .ui-btn.btnBack-search {
  padding-right: 10px;
  width: 25% !important; }

.ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy a {
  padding-left: 15px !important; }

.ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table td.dataNXLy .ui-datalist .ui-listview li {
  padding-left: 14px !important; }

.dataNXLy .ui-column-title {
  padding-left: 15px !important; }

.ui-mobile body .ui-content .ui-datatable.lstnguoiNhan .ui-table th .ui-checkbox input {
  top: -12px !important; }

.ui-mobile body .txt_ogran {
  font-size: 12px;
  white-space: pre-wrap; }

.jstree-default .jstree-anchor {
  line-height: 15px !important;
  height: 32px !important; }

.ui-mobile body .txt_olive {
  font-size: 12px; }

/* Custom 22/8/2018 */
.todayContent .ui-tabs-active {
  background-color: #3388cc;
  color: #fff; }

.datepicker input.hasDatepicker {
  width: 100% !important; }

.autoComplete92 .ui-input-search .ui-body-inherit .ui-corner-all .ui-shadow-inset .ui-input-has-clear {
  width: 100% !important; }

.ic_Gear_1 {
  border: 1px solid #d5d5d5 !important;
  background: white !important;
  width: 15px !important;
  height: 36px !important;
  top: 28px !important;
  left: 97% !important;
  display: block !important; }
  .ic_Gear_1:after {
    background: url("../images/mobile/ui-icons_333333_256x240_03.png") no-repeat center !important; }

.ic_Gear_2 {
  border: 1px solid #d5d5d5 !important;
  background: white !important;
  width: 15px !important;
  height: 36px !important;
  top: -50px !important;
  float: right !important;
  display: block !important; }
  .ic_Gear_2:after {
    background: url("../images/mobile/ui-icons_333333_256x240_03.png") no-repeat center !important; }

.mt10_1 {
  left: 110px !important;
  display: block;
  position: inherit !important;
  padding-bottom: 10px;
  margin-top: -20px !important; }

.mt10_3 {
  top: -20px;
  left: 40%;
  display: block; }

.mt10_2 {
  top: -16px;
  left: 90%;
  display: block; }

.tbl_IN_tbl .ui-field-contain button {
  position: absolute;
  float: right;
  top: 0px;
  left: 40%; }

@media (min-width: 28em) {
  .ui-field-contain > label {
    float: none !important;
    width: 100% !important; } }
.datepicker .ui-datepicker-trigger {
  position: absolute;
  right: 5px;
  height: 35px;
  width: 30px; }

/* ---------- Misc. ---------- */
.ui-mobile body {
  /* ---------- Underlay ---------- */
  /* ---------- Taglib form ---------- */
  /* ---------- Editor ---------- */
  /* ---------- Dialog aui ---------- */
  /* ---------- Dialog ui ---------- */
  /* ---------- Paginator ui ---------- */
  /* ---------- Data view ---------- */
  /* ---------- Upload view ---------- */
  /* ---- Class hidden for Portal ---- */ }
  .ui-mobile body .aui-dialog, .ui-mobile body .ui-dialog {
    background: #fff; }
  .ui-mobile body .lfr-panel-container {
    background: #FFF;
    border: none; }
    .ui-mobile body .lfr-panel-container .lfr-panel.lfr-extended, .ui-mobile body .lfr-panel-container .lfr-panel-container, .ui-mobile body .lfr-panel-container .lfr-floating-container {
      border: 1px solid #ddd;
      margin-bottom: -1px; }
      .ui-mobile body .lfr-panel-container .lfr-panel.lfr-extended .lfr-panel-titlebar, .ui-mobile body .lfr-panel-container .lfr-panel-container .lfr-panel-titlebar, .ui-mobile body .lfr-panel-container .lfr-floating-container .lfr-panel-titlebar {
        background: #fff;
        margin-bottom: 1px;
        border: none; }
  .ui-mobile body .lfr-panel-content {
    padding: 5px 10px; }
  .ui-mobile body .lfr-panel-basic .lfr-panel-content {
    padding-left: 15px; }
  .ui-mobile body .aui-dialog-bd {
    min-height: 30px; }
  .ui-mobile body .aui-panel-ft {
    border-top: 1px solid #e3e3e3; }
  .ui-mobile body .taglib-header .header-back-to {
    position: absolute;
    right: 5px;
    top: 10px; }
    .ui-mobile body .taglib-header .header-back-to a {
      font: 12px/17px Arial;
      padding: 0;
      color: #222; }
  .ui-mobile body .lfr-form-row {
    border: 1px solid #eee;
    margin-bottom: 5px;
    margin-top: 0;
    overflow: hidden;
    padding: 5px;
    position: relative; }
    .ui-mobile body .lfr-form-row:hover {
      background-color: #fff;
      border: 1px solid #eee;
      padding: 5px; }
  .ui-mobile body .aui-textboxlistentry {
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    color: #2463B3; }
  .ui-mobile body .taglib-icon .taglib-text {
    text-decoration: none; }
  .ui-mobile body .aui-state-default {
    background: none;
    border: none; }
  .ui-mobile body .aui-dialog-content {
    border: none;
    padding: 0; }
    .ui-mobile body .aui-dialog-content .aui-panel-hd {
      background: #105FC7;
      border: 0;
      text-shadow: none;
      padding: 5px 5px 5px 10px; }
      .ui-mobile body .aui-dialog-content .aui-panel-hd .aui-panel-hd-text {
        color: #fff;
        text-transform: uppercase;
        font: 16px/28px Arial; }
      .ui-mobile body .aui-dialog-content .aui-panel-hd.aui-dialog-iframe-bd {
        padding: 5px 0 5px 5px; }
      .ui-mobile body .aui-dialog-content .aui-panel-hd button#closethick {
        background: #105FC7;
        border-radius: 15px;
        margin: 0;
        border: none;
        padding: 3px; }
      .ui-mobile body .aui-dialog-content .aui-panel-hd span img.icon {
        display: none; }
    .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="submit"], .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="button"], .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="reset"], .ui-mobile body .aui-dialog-content .aui-dialog-bd button.ui-btn {
      background: #fff;
      border: 1px solid #dcdcdc;
      padding: 8px 15px;
      text-decoration: none;
      width: auto;
      font: bold 14px/17px Arial;
      color: #222;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="submit"]:hover, .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="submit"]:focus, .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="button"]:hover, .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="button"]:focus, .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="reset"]:hover, .ui-mobile body .aui-dialog-content .aui-dialog-bd input[type="reset"]:focus, .ui-mobile body .aui-dialog-content .aui-dialog-bd button.ui-btn:hover, .ui-mobile body .aui-dialog-content .aui-dialog-bd button.ui-btn:focus {
        border-color: #0091FF;
        color: #000; }
    .ui-mobile body .aui-dialog-content .aui-dialog-bd .aui-field-label {
      font-size: 13px; }
  .ui-mobile body .ui-tabs {
    padding: 0; }
    .ui-mobile body .ui-tabs .ui-tabs-panel {
      padding: 10px 0; }
    .ui-mobile body .ui-tabs.ui-tabs-top > .ui-tabs-nav {
      padding: 0 5px; }
  .ui-mobile body .ui-button-text-only .ui-button-text {
    padding: 0;
    line-height: 20px; }
  .ui-mobile body ul.aui-tabview-list, .ui-mobile body .ui-tabs-nav {
    padding: 0 5px;
    border: none;
    background: white url(../images/arrows/bgUlTab.gif) repeat-x left bottom;
    border-radius: 0;
    height: 33px;
    overflow: hidden; }
    .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default, .ui-mobile body ul.aui-tabview-list .ui-state-default, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default, .ui-mobile body .ui-tabs-nav .ui-state-default {
      border: 1px solid #e7e7e7;
      border-bottom: none;
      margin: 0 1px 1px 0;
      background: #fff;
      height: 31px;
      -webkit-border-radius: 2px 2px 0 0;
      -moz-border-radius: 2px 2px 0 0;
      -ms-border-radius: 2px 2px 0 0;
      -o-border-radius: 2px 2px 0 0;
      border-radius: 2px 2px 0 0; }
      .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default:hover, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-hover, .ui-mobile body ul.aui-tabview-list .ui-state-default:hover, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-hover, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default:hover, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-hover, .ui-mobile body .ui-tabs-nav .ui-state-default:hover, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-hover {
        border: 1px solid #ddd;
        border-bottom: none; }
        .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default:hover .aui-tab-label, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-hover .aui-tab-label, .ui-mobile body ul.aui-tabview-list .ui-state-default:hover .aui-tab-label, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-hover .aui-tab-label, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default:hover .aui-tab-label, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-hover .aui-tab-label, .ui-mobile body .ui-tabs-nav .ui-state-default:hover .aui-tab-label, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-hover .aui-tab-label {
          color: #222; }
      .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default .aui-tab-content, .ui-mobile body ul.aui-tabview-list .ui-state-default .aui-tab-content, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default .aui-tab-content, .ui-mobile body .ui-tabs-nav .ui-state-default .aui-tab-content {
        border: none;
        background: #fff; }
        .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default .aui-tab-content .aui-tab-label, .ui-mobile body ul.aui-tabview-list .ui-state-default .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .ui-state-default .aui-tab-content .aui-tab-label {
          font: 13px/16px Arial;
          float: left;
          padding: 7px 6px;
          text-shadow: none; }
          .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default .aui-tab-content .aui-tab-label:hover, .ui-mobile body ul.aui-tabview-list .ui-state-default .aui-tab-content .aui-tab-label:hover, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default .aui-tab-content .aui-tab-label:hover, .ui-mobile body .ui-tabs-nav .ui-state-default .aui-tab-content .aui-tab-label:hover {
            color: #222; }
          .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default .aui-tab-content .aui-tab-label strong, .ui-mobile body ul.aui-tabview-list .ui-state-default .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .ui-state-default .aui-tab-content .aui-tab-label strong {
            font-weight: normal; }
      .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active:hover, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-active, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active:hover, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-active, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active:hover, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-active, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active:hover, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-active {
        border: 1px solid #ccc;
        border-bottom: none;
        height: 33px; }
        .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active .aui-tab-content, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active:hover .aui-tab-content, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-active .aui-tab-content, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active .aui-tab-content, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active:hover .aui-tab-content, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-active .aui-tab-content, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active .aui-tab-content, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active:hover .aui-tab-content, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-active .aui-tab-content, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active .aui-tab-content, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active:hover .aui-tab-content, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-active .aui-tab-content {
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
          .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active .aui-tab-content .aui-tab-label, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-active .aui-tab-content .aui-tab-label, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active .aui-tab-content .aui-tab-label, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-active .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-active .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-active .aui-tab-content .aui-tab-label {
            color: #222;
            font-weight: bold; }
            .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active .aui-tab-content .aui-tab-label strong, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label strong, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-active .aui-tab-content .aui-tab-label strong, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active .aui-tab-content .aui-tab-label strong, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label strong, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-active .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-active .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active:hover .aui-tab-content .aui-tab-label strong, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-active .aui-tab-content .aui-tab-label strong {
              font-weight: bold; }
        .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active a, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.aui-tab-active:hover a, .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default.ui-state-active a, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active a, .ui-mobile body ul.aui-tabview-list .ui-state-default.aui-tab-active:hover a, .ui-mobile body ul.aui-tabview-list .ui-state-default.ui-state-active a, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active a, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.aui-tab-active:hover a, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default.ui-state-active a, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active a, .ui-mobile body .ui-tabs-nav .ui-state-default.aui-tab-active:hover a, .ui-mobile body .ui-tabs-nav .ui-state-default.ui-state-active a {
          color: #222;
          font-weight: bold; }
      .ui-mobile body ul.aui-tabview-list .aui-tab.aui-state-default a, .ui-mobile body ul.aui-tabview-list .ui-state-default a, .ui-mobile body .ui-tabs-nav .aui-tab.aui-state-default a, .ui-mobile body .ui-tabs-nav .ui-state-default a {
        color: #555;
        font-size: 14px; }
    .ui-mobile body ul.aui-tabview-list .aui-tab-content, .ui-mobile body .ui-tabs-nav .aui-tab-content {
      border: none; }
  .ui-mobile body .ui-widget-overlay {
    background: rgba(0, 0, 0, 0.2); }
  .ui-mobile body .ui-menu.ui-menu-dynamic {
    background: #fff; }
  .ui-mobile body .ui-datatable table {
    border-collapse: collapse; }
    .ui-mobile body .ui-datatable table thead th {
      border: 1px solid #dcdcdc;
      text-align: left;
      padding: 5px 0;
      color: #333;
      background: #f2f2f2; }
      .ui-mobile body .ui-datatable table thead th.ui-paginator {
        border: none;
        font: 12px/15px Arial;
        color: #444;
        text-align: center;
        padding: 5px 0;
        text-transform: none; }
        .ui-mobile body .ui-datatable table thead th.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
          color: #000; }
        .ui-mobile body .ui-datatable table thead th.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
          color: #c00;
          font-weight: bold; }
    .ui-mobile body .ui-datatable table .ui-datatable-data {
      border: 1px solid #dcdcdc; }
      .ui-mobile body .ui-datatable table .ui-datatable-data th, .ui-mobile body .ui-datatable table .ui-datatable-data td {
        border-collapse: collapse;
        border: 1px solid #dcdcdc;
        padding: 5px 0; }
  .ui-mobile body .ui-datatable th div.ui-dt-c, .ui-mobile body .ui-datatable .ui-datatable-data td div.ui-dt-c, .ui-mobile body .ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-mobile body .ui-datatable tfoot td div.ui-dt-c {
    padding: 5px; }
  .ui-mobile body .taglib-header {
    border: none; }
    .ui-mobile body .taglib-header .header-title {
      margin: 0;
      font: 18px/21px Arial;
      color: #000; }
  .ui-mobile body .journal-article-general-fields .aui-field-content .aui-field-label {
    width: 20%; }
  .ui-mobile body .structure-tree-wrapper .structure-tree {
    margin: 0; }
    .ui-mobile body .structure-tree-wrapper .structure-tree li {
      list-style-type: none; }
  .ui-mobile body .aui-field-label {
    font-weight: normal; }
  .ui-mobile body .aui-field-inline .aui-field-content, .ui-mobile body .aui-field-inline .aui-field-label {
    display: block; }
  .ui-mobile body .taglib-move-boxes .choice-selector label {
    background: #F5F5F5;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-bottom: 0; }
  .ui-mobile body .aui-field-choice {
    margin-bottom: 10px; }
  .ui-mobile body .aui-field-input.aui-field-input-choice {
    width: 14px !important;
    margin: 2px 5px 0 0; }
  .ui-mobile body .tbl_hiddenlabel td.lft_txt {
    vertical-align: top;
    padding: 5px; }
  .ui-mobile body .tbl_hiddenlabel td.right_inp {
    vertical-align: top;
    padding: 5px; }
    .ui-mobile body .tbl_hiddenlabel td.right_inp .aui-field-label, .ui-mobile body .tbl_hiddenlabel td.right_inp .aui-field-label-inline-label {
      display: none; }
    .ui-mobile body .tbl_hiddenlabel td.right_inp .aui-field-input {
      width: 90%; }
  .ui-mobile body .displaySettings .aui-field-choice {
    display: block;
    margin-bottom: 10px; }
  .ui-mobile body .btt_Center {
    padding: 20px 0;
    text-align: center; }
  .ui-mobile body .aui-underlay {
    clear: both;
    top: 100%; }
    .ui-mobile body .aui-underlay .yui3-widget-hd {
      padding-bottom: 10px; }
    .ui-mobile body .aui-underlay .lfr-portlet-item {
      border-width: 0; }
  .ui-mobile body .aui-underlay-hidden {
    display: none; }
  .ui-mobile body .aui-underlay-content {
    background: #fff; }
  .ui-mobile body .aui-underlay-close {
    position: absolute;
    right: 5px;
    top: 5px; }
  .ui-mobile body .taglib-form-navigator .form-section h3 {
    border-bottom: 1px solid #222;
    padding-bottom: 2px;
    color: #222; }
  .ui-mobile body .taglib-form-navigator .form-section .aui-field-label {
    width: 20%;
    vertical-align: top; }
  .ui-mobile body .taglib-form-navigator .form-section .aui-field-element textarea {
    width: 100%;
    max-width: 100% !important;
    margin: 5px 0; }
  .ui-mobile body .taglib-form-navigator .form-section .aui-field-choice .aui-field-label {
    width: auto; }
  .ui-mobile body .taglib-form-navigator .form-navigator {
    background: white url(../images/custom/bgcomponent.jpg) repeat-x left bottom;
    border: 1px solid #dcdcdc;
    padding: 10px;
    -webkit-border-radius: 3px 3px 5px 5px;
    -moz-border-radius: 3px 3px 5px 5px;
    -ms-border-radius: 3px 3px 5px 5px;
    -o-border-radius: 3px 3px 5px 5px;
    border-radius: 3px 3px 5px 5px;
    -webkit-box-shadow: 0 1px 3px #eeeeee;
    -moz-box-shadow: 0 1px 3px #eeeeee;
    box-shadow: 0 1px 3px #eeeeee; }
    .ui-mobile body .taglib-form-navigator .form-navigator li a {
      padding: 5px 0 5px 5px;
      font: 13px/16px Arial;
      color: #000000; }
      .ui-mobile body .taglib-form-navigator .form-navigator li a:hover {
        background-color: transparent;
        color: #222; }
    .ui-mobile body .taglib-form-navigator .form-navigator li.selected {
      left: -24px;
      background: none; }
      .ui-mobile body .taglib-form-navigator .form-navigator li.selected a {
        background-color: transparent;
        color: #CF0021;
        padding: 5px 0 5px 5px;
        font-weight: bold;
        margin: 0 0 0 22px; }
      .ui-mobile body .taglib-form-navigator .form-navigator li.selected.section-modified .modified-notice {
        color: #00AA58; }
  .ui-mobile body .aui-textboxlistentry-holder li {
    margin: 5px 5px 5px 0; }
  .ui-mobile body .lfr-token-primary, .ui-mobile body .lfr-token-primary:hover {
    background-color: #FFFFFF; }
  .ui-mobile body .lfr-token img {
    vertical-align: text-top; }
  .ui-mobile body .structure-tree {
    margin: 0; }
    .ui-mobile body .structure-tree li {
      list-style-type: none; }
  .ui-mobile body .article-info .float-container .article-name {
    font: bold 16px/20px Arial;
    color: #222;
    height: 22px;
    overflow: hidden;
    display: block; }
  .ui-mobile body .artical_cs td .files-padding-bottom {
    margin-bottom: 15px; }
    .ui-mobile body .artical_cs td .files-padding-bottom .structure-tree .structure-field {
      margin-bottom: 30px;
      border: solid #ddd;
      border-width: 1px 1px 3px 1px;
      padding: 10px; }
    .ui-mobile body .artical_cs td .files-padding-bottom .aui-field-content .aui-field-label {
      width: 20%; }
    .ui-mobile body .artical_cs td .files-padding-bottom .folder .journal-article-required-message {
      display: none; }
    .ui-mobile body .artical_cs td .files-padding-bottom .label_left, .ui-mobile body .artical_cs td .files-padding-bottom .journal-article-field-label {
      width: 20%;
      display: inline-block; }
    .ui-mobile body .artical_cs td .files-padding-bottom .comp_right, .ui-mobile body .artical_cs td .files-padding-bottom .journal-article-component-container {
      width: 75%;
      display: inline-block; }
    .ui-mobile body .artical_cs td .files-padding-bottom .comp_full, .ui-mobile body .artical_cs td .files-padding-bottom .journal-article-localized-checkbox {
      width: 80%;
      display: block;
      margin-left: 20%;
      white-space: nowrap;
      margin: 10px 0 10px 20%; }
    .ui-mobile body .artical_cs td .files-padding-bottom .journal-article-buttons .journal-article-variable-name {
      margin-left: 20%; }
    .ui-mobile body .artical_cs td .files-padding-bottom .journal-article-component-container .aui-field-input {
      width: 70%; }
  .ui-mobile body .aui-datepicker-display, .ui-mobile body .aui-datepicker-select-wrapper, .ui-mobile body .aui-field-date .aui-datepicker-display, .ui-mobile body .aui-field-date .aui-datepicker-select-wrapper, .ui-mobile body .aui-datepicker-button-wrapper {
    float: none;
    display: inline-block; }
  .ui-mobile body .lfr-input-time {
    float: none;
    display: inline-block; }
    .ui-mobile body .lfr-input-time select {
      width: 60px; }
  .ui-mobile body span.cke_skin_kama {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
    padding: 0px; }
    .ui-mobile body span.cke_skin_kama .cke_wrapper {
      background: #fff;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px; }
    .ui-mobile body span.cke_skin_kama .cke_contents {
      border: 1px solid #dcdcdc;
      padding: 5px 0 5px 5px; }
  .ui-mobile body .cke_skin_kama .cke_rcombo .cke_openbutton .cke_icon {
    background: url(../images/arrows/05_down.png) no-repeat 50% 50%; }
  .ui-mobile body .cke_skin_kama .cke_rcombo a, .ui-mobile body .cke_skin_kama .cke_rcombo a:active, .ui-mobile body .cke_skin_kama .cke_rcombo a:hover {
    border: 1px solid #ddd; }
  .ui-mobile body .aui-dialog {
    background: #fff; }
    .ui-mobile body .aui-dialog .aui-panel-hd.aui-dialog-hd {
      background: #105FC7;
      border: 0;
      text-shadow: none;
      padding: 5px 5px 5px 10px; }
      .ui-mobile body .aui-dialog .aui-panel-hd.aui-dialog-hd .aui-dialog-titlebar-close, .ui-mobile body .aui-dialog .aui-panel-hd.aui-dialog-hd .aui-dialog-titlebar-minimize, .ui-mobile body .aui-dialog .aui-panel-hd.aui-dialog-hd .aui-dialog-titlebar-maximize {
        background: #105FC7;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        margin: 4px;
        float: right;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        width: 20px; }
      .ui-mobile body .aui-dialog .aui-panel-hd.aui-dialog-hd .aui-icon-closethick {
        background: url(../images/arrows/ic_closethick.png) no-repeat center center;
        height: 20px; }
      .ui-mobile body .aui-dialog .aui-panel-hd.aui-dialog-hd .aui-dialog-title {
        margin: 0;
        color: #fff;
        text-transform: uppercase;
        font: 16px/28px Arial; }
  .ui-mobile body .aui-menu.aui-menu-dynamic {
    background: #fff; }
  .ui-mobile body .ui-dialog {
    background: #fff; }
    .ui-mobile body .ui-dialog .ui-dialog-titlebar {
      background: #105FC7;
      border: 0;
      text-shadow: none;
      padding: 5px 5px 5px 10px; }
      .ui-mobile body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        background: #105FC7;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
        margin: 4px;
        float: right;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        width: 20px;
        padding: 0; }
      .ui-mobile body .ui-dialog .ui-dialog-titlebar .ui-icon-closethick {
        background: url(../images/arrows/ic_closethick.png) no-repeat center center;
        height: 20px; }
      .ui-mobile body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
        margin: 0;
        color: #fff;
        text-transform: uppercase;
        font: 16px/28px Arial; }
    .ui-mobile body .ui-dialog .ui-dialog-content {
      padding: 1px; }
  .ui-mobile body .ui-paginator select {
    width: 50px;
    padding: 2px;
    font: 12px/15px Arial; }
  .ui-mobile body .dataview td {
    padding: 5px;
    vertical-align: top; }
  .ui-mobile body .resultFileupload .ui-panel {
    padding: 0; }
    .ui-mobile body .resultFileupload .ui-panel .ui-panel-content {
      padding: 0; }
      .ui-mobile body .resultFileupload .ui-panel .ui-panel-content ul {
        margin: 0; }
        .ui-mobile body .resultFileupload .ui-panel .ui-panel-content ul li {
          list-style-type: none;
          padding-bottom: 10px; }
          .ui-mobile body .resultFileupload .ui-panel .ui-panel-content ul li img {
            margin-right: 10px; }
          .ui-mobile body .resultFileupload .ui-panel .ui-panel-content ul li a {
            color: #222; }
  .ui-mobile body #skip-to-content, .ui-mobile body h2.page-title, .ui-mobile body #navigation h1 {
    display: none; }
  .ui-mobile body .portlet-title img.icon {
    display: none; }
  .ui-mobile body #portlet-set-properties .use-for-all-column .aui-field-row .aui-field-label {
    width: auto; }
  .ui-mobile body .lfr-textarea, .ui-mobile body .aui-form .aui-fieldset .aui-field.lfr-textarea-container textarea {
    max-width: 100%; }
  .ui-mobile body .aui-panel-hd {
    background: #fff;
    border: none; }
  .ui-mobile body .aui-panel-content {
    border: none; }
  .ui-mobile body .aui-colorpicker-container {
    height: 250px; }
  .ui-mobile body .aui-panel-bd {
    padding: 10px; }
  .ui-mobile body .aui-field-row {
    margin-bottom: 10px; }
  .ui-mobile body .dataview {
    margin: 10px 0;
    display: block; }
    .ui-mobile body .dataview td {
      font-size: 14px !important; }
      .ui-mobile body .dataview td.aui-wb {
        font-weight: normal !important;
        color: #555; }
  .ui-mobile body .lfr-tag-selector-popup .aui-textfield-content {
    background: #fff;
    border: none; }
    .ui-mobile body .lfr-tag-selector-popup .aui-textfield-content .aui-field-input-text {
      width: 100%;
      -webkit-border-radius: 2px 2px 0 0;
      -moz-border-radius: 2px 2px 0 0;
      -ms-border-radius: 2px 2px 0 0;
      -o-border-radius: 2px 2px 0 0;
      border-radius: 2px 2px 0 0; }
  .ui-mobile body .aui-form-validator-error-container .aui-field-element {
    padding-right: 0;
    background: none; }
  .ui-mobile body .aui-overlaycontextpanel-arrow-bl .aui-overlaycontextpanel-pointer-inner {
    border: none; }