@import url('fonts.css');
:root {
  --window-header-height: 32px;
}
html,
body {
  height: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #ffffff;
}
body {
  padding: 0;
  margin: 0;
  border: none;
  background-color: #ffffff;
  font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
  overflow: auto;
}
.ui-dialog,
.ui-widget {
  font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
  font-size: 68%;
  font-size: 70%;
  font-size: 75%;
}
#loading_msg {
  font-size: 12px;
  font-weight: bold;
  margin: 10px;
}
.dlg-vertical {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.dlg-vertical .ui-widget-header {
  padding: 5px;
}
.dlg-vertical label,
.entityForm label {
  display: block;
  margin: 10px 0 0 5px;
  font-weight: bold;
}
.dlg-vertical input.text,
.entityForm input.text,
.entityForm select {
  margin: 5px;
  --padding: 3px;
  padding: 7px;
  font-size: 1.2em;
  background-image: none;
  background-color: #ffffff;
}
.dlg-vertical .ui-button {
  margin: 20px 5px 5px 5px;
}
.ui-change-pass {
  display: none;
}
.ui-ajax-load {
  background: transparent url(70.gif) no-repeat center center;
  height: 30px;
  width: 30px;
  overflow: hidden;
}
.ui-stat-background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  zoom: 1;
  /*background-color: #aaaaaa;
    opacity:0.3;
    filter:alpha(opacity=30);*/
  cursor: wait;
  z-index: 99999;
}
.ui-stat-message-background {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  width: 100%;
  z-index: 100000;
}
.ui-stat-message {
  background-image: url(bolita.gif);
  background-position: 3px center;
  background-repeat: no-repeat;
  font-size: 11px;
  display: inline;
  line-height: 30px;
  padding: 5px 0 5px 0;
  background-color: #ffffff;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #000000;
  border-top: none;
  vertical-align: middle;
}
#rdpFrame {
  border: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#rdpClient {
  padding: 0;
  margin: 0;
  border: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.installerpage {
  background-color: #ffffff;
  padding: 40px;
  font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
  font-size: 1em;
}
.installerpage .title {
  font-weight: bold;
  margin-left: -10px;
  margin-top: -10px;
  line-height: 32px;
}
.installerpage a,
.installerpage a:visited {
  color: #0000ff;
}
.ui-login-button {
  float: right;
}
.ui-change-pass-button {
  display: none;
  float: right;
}
.ui-cancel-button {
  display: none;
  float: right;
}
.ui-link,
.ui-link:visited {
  display: inline;
  float: right;
  text-decoration: none;
  padding: 0;
  margin: 0 5px 0 5px;
}
.ui-link:hover {
  text-decoration: underline;
}
.dlg-vertical .ui-widget-header .title {
  float: left;
}
.dlg-vertical .ui-widget-header .link {
  float: right;
  white-space: nowrap;
  margin-left: 20px;
}
/*.loginHeader 
{
	padding: 15px 20px 15px 25px;
	background-color: #eeeeee;
	border-bottom: 1px solid #cccccc;
}*/

/*.loginHeader a, .loginHeader a:visited 
{
    color: blue;
}*/

div.adminConsole {
  padding: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 12px;
}
div.adminConsole a {
  display: inline-block;
}
div.adminConsole a:visited {
  color: blue;
  text-decoration: none;
}
div.adminConsole a:hover {
  text-decoration: underline;
}
div.adminConsole .ui-widget-header {
  padding: 3px;
}
div.adminConsole .menuGroup {
  display: inline-block;
  xmax-width: 50%;
  flex-grow: 1;
}
div.adminConsole .menuGroup legend {
  display: inline-block !important;
  background: transparent;
  border: none;
  position: absolute;
  /*margin-top: -16px;*/
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
  margin-top: -12px;
  /*width: 100%;*/

}
/*.entityManager .toolBar
{
    padding: 2px;
    margin-bottom: 10px;
}*/

.notificationDialog .notificationTable {
  border-collapse: collapse;
}
.notificationDialog .notificationTable .notificationRow td {
  font-size: 1.1em;
  border: 1px solid #eee;
  padding: 0.6em 10px;
}
.notificationDialog .notificationTable .notificationRow td a.hstLink {
  font-size: 1.2em;
  color: blue;
  text-decoration: none;
}
.notificationDialog .notificationTable .notificationRow td a.hstLink:hover {
  text-decoration: underline;
}
.siteInfo {
  font-size: 75%;
  border: 1px solid #31B404;
  background-color: #F1F8E0;
  color: #0B3B0B;
  font-weight: normal;
  padding: 5px;
  text-align: right;
  position: absolute;
  margin: 0 10px 0 10px;
  bottom: 16px;
  left: 10px;
  right: 10px;
  display: none;
}
.entityForm {
  width: 100% !important;
  min-height: calc(100% - 36px - 60px) !important;
}
.entityForm table {
  margin: 5px;
  padding: 0;
  border-collapse: collapse;
}
.entityForm table td input,
.entityForm table td input.text,
.entityForm table td select {
  margin: 0;
}
.entityForm input {
  outline: none;
}
.entityForm textarea {
  outline: none;
}
.entityForm.formTabs {
  padding: 8px !important;
}
.entityForm .ui-tabs-panel {
  padding: 16px !important;
  background-color: #f5f5f5 !important;
  border-left: 1px solid #bbbbbb !important;
  border-right: 1px solid #bbbbbb !important;
  border-bottom: 1px solid #bbbbbb !important;
}
.entityForm .ui-tabs-panel > table {
  border-collapse: collapse;
  margin: 0;
}
.entityForm .ui-tabs-panel > table > td {
  padding: 0;
  margin: 0;
}
.entityForm .ui-tabs-nav {
  background: #ffffff !important;
  border-top-color: #bbbbbb !important;
  border-left-color: #bbbbbb !important;
  border-right-color: #bbbbbb !important;
  border-bottom-color: #bbbbbb !important;
  padding: 8px !important;
}
.entityForm .ui-tabs-nav li {
  border-radius: 11px !important;
  padding: 4px 8px 4px 8px !important;
  border: none !important;
}
.entityForm .ui-tabs-nav li a {
  padding: 0 !important;
  cursor: pointer !important;
}
.entityForm .ui-tabs-nav li.ui-state-default {
  background-color: #ffffff !important;
}
.entityForm .ui-tabs-nav li.ui-state-default a {
  color: #262626 !important;
  font-weight: normal !important;
}
.entityForm .ui-tabs-nav li.ui-state-hover {
  background-color: #eeeeee !important;
}
.entityForm .ui-tabs-nav li.ui-state-hover a {
  color: #262626 !important;
  font-weight: normal !important;
}
.entityForm .ui-tabs-nav li.ui-state-active {
  background-color: #6798d2 !important;
}
.entityForm .ui-tabs-nav li.ui-state-active a {
  color: #ffffff !important;
  font-weight: normal !important;
}
.ui-dialog .ui-dialog-buttonpane {
  border-color: #ffffff !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
  min-width: 100px;
  background: #3d70b0 !important;
  border: none;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:hover,
.ui-dialog .ui-dialog-buttonpane .ui-button:focus {
  background: #b1c6df !important;
}
.ui-dialog .ui-dialog-buttonpane .ui-button:focus {
  border: 1px solid #3d70b0;
}
/*
.logoffLink 
{
    position: absolute;
    top: 20px;
    right: 20px;
    height: 32px;
    width: 32px;
    background-image:url(icon32/logout.png);
}

.logoffLink:hover
{
    border: 2px solid white;
    top: 18px;
    right: 18px;
}

.profileLink, .profileLink:visited
{
    position: absolute;
    top: 20px;
    right: 60px;
    font-size: 12px;
    color: #0000ff;
    text-decoration: none;
}

.profileLink:hover 
{
    text-decoration: underline;
}
*/

.vpnCheckbox {
  font-size: 10px;
  float: left;
  padding-left: 10px;
  line-height: 30px;
  border: 1px solid blue;
  vertical-align: middle;
}
.vpnCheckbox input {
  padding: 0;
  margin: 0;
}
.vpnMode {
  cursor: default;
  position: absolute;
  top: 36px;
  right: 60px;
  font-size: 11px;
  font-weight: bold;
  color: #088A08;
  text-decoration: none;
  text-transform: uppercase;
}
table.many-to-many-container {
  border-radius: 4px;
  border: 1px dotted #bbbbbb;
  width: 100%;
}
table.many-to-many-container > tbody > tr > td {
  padding: 8px;
}
table.many-to-many-container > tbody > tr:first-child > td:first-child {
  width: 100%;
}
table.many-to-many-container > tbody > tr:nth-child(2) > td {
  padding: 16px;
}
table.many-to-many-container table.many-to-many {
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
  border: 1px solid #bbbbbb;
  border-collapse: separate;
  border-left: 0;
  border-radius: 4px;
  border-spacing: 0px;
}
table.many-to-many-container table.many-to-many tr td {
  padding: 4px;
}
table.many-to-many-container table.many-to-many tr td:last-child {
  width: 100%;
}
table.many-to-many-container table.many-to-many tr td,
table.many-to-many-container table.many-to-many tr th {
  white-space: nowrap;
  height: 30px;
  padding: 0 12px 0 12px;
  text-align: left;
  border-left: 1px solid #f5f5f5;
  vertical-align: middle;
}
table.many-to-many-container table.many-to-many tr td:first-child,
table.many-to-many-container table.many-to-many tr th:first-child {
  border-left-color: #bbbbbb;
}
table.many-to-many-container table.many-to-many tr td {
  font-weight: normal;
}
table.many-to-many-container table.many-to-many tr td.centered_content {
  cursor: default;
  text-align: center;
}
table.many-to-many-container table.many-to-many tr th {
  border-top: none;
  border-right: none;
  border-radius: 0;
  border-bottom: none;
  background: #D1D1D1;
  color: #262626;
}
table.many-to-many-container table.many-to-many tr th:first-child {
  border-top-left-radius: 4px;
}
table.many-to-many-container table.many-to-many tr th:last-child {
  border-top-right-radius: 4px;
}
table.many-to-many-container table.many-to-many tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
table.many-to-many-container table.many-to-many tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
table.many-to-many-container table.many-to-many tr tr.ui-state-default {
  background-image: none;
}
table.many-to-many-container table.many-to-many tr a.hstLink {
  text-decoration: none;
  color: blue;
  font-weight: bold;
}
table.many-to-many-container table.many-to-many tr a.hstLink:hover {
  text-decoration: underline;
}
table.many-to-many-container table.many-to-many tr:hover {
  background: #DCDCDC;
  cursor: pointer;
}
table.many-to-many-container table.many-to-many td:first-child .ui-button {
  visibility: hidden;
  display: inline-block;
  height: 18px;
  width: 18px;
  padding: 0;
}
table.many-to-many-container table.many-to-many tr:hover td:first-child .ui-button {
  visibility: visible;
}
.ui-widget .ui-widget-content .many-to-many-add-button {
  margin: 0px;
  padding: 0px;
  display: inline;
}
table.many-to-many {
  margin: 0;
  border-collapse: collapse;
}
table.many-to-many td {
  padding: 3px;
}
a.maxButton,
a.maxButton:visited {
  display: block;
  width: 100%;
  text-decoration: none;
  position: absolute;
  top: 0px;
  left: 0px;
}
a.maxButton div,
a.maxButton:visited div {
  font-size: 11px;
  line-height: 30px;
  background-color: InfoBackground;
  color: InfoText;
  border: 1px solid InfoText;
  border-top: none;
  text-align: center;
}
a.maxButton:hover div {
  font-weight: bold;
}
.notInFullScreen {
  margin-top: 20px;
}
object {
  background-color: #ffffff;
}
.password_clean_text,
.password_expiration {
  font-family: Courier New;
  font-size: 12pt;
  padding: 5px;
}
/*.version_info 
{
    font-size: 10px;
    color: #444444;
    padding-top: 5px;
}*/

.yesno_yes {
  xx_background: url(icon24/sign-check.png) no-repeat center center;
}
.yesno_no {
  xx_background: url(icon24/sign-error.png) no-repeat center center;
}
img {
  border: 0;
}
/*
fieldset.menuGroup 
{
    xx_border: 0px;
}
*/

.ui-clearfix {
  display: block;
  overflow: hidden;
}
/*
fieldset.menuGroup legend
{
    font-family: Tahoma;
    font-size: 8pt;
    font-weight: bold;
    width: 100%;
}
*/

.entityForm fieldset {
  padding: 10px;
}
#appLaunchFrame {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
}
.progress-label {
  margin-top: 10px;
  font-weight: bold;
  max-height: 200px;
  overflow: hidden;
}
.progress-label fase,
.progress-label cuenta,
.progress-label mensaje {
  display: block;
}
.progress-label fase:first-letter {
  text-transform: uppercase;
}
.progress-label mensaje {
  font-weight: normal;
}
.progress {
  margin-top: 30px;
}
progress {
  margin-top: 30px;
  width: 100%;
  /*accent-color: red;*/

}
iframe.appLauncher {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 100px;
  height: 100px;
}
/* Styles for Single Sign-On using SAML2 IdP */

.idp-container {
  width: 366px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
}
.idp-container .ui-sso-button {
  /*width: 100%;*/
  margin: 5px;
  padding: 10px 5px 10px 5px;
}
.idp-container p {
  background: #a6c9e2;
  height: 1px;
  margin-top: 10px;
  text-align: center;
}
.idp-container p span {
  background: #fcfdfd;
  padding: 5px;
  position: relative;
  top: -7px;
}
#group-role-content {
  xwidth: 408px;
}
#group-role-content select {
  padding: 7px;
  width: 366px;
  width: 100%;
  font-size: 1.2em;
  border: 1px solid #a6c9e2;
  background-image: none;
  background-color: #ffffff;
}
.ui-button-idplogout {
  margin: 5px;
}
#idp-logout .ui-button-idplogout:hover,
.ui-button-wc:hover {
  border: 1px solid #79b7e7;
  font-weight: bold;
  color: #1d5987;
  background: #d0e5f5 url(ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
}
/*.profile-content  {
    width: 100%;
    top: -65px;
    right: -20px;
    float: right;
    position: relative;
}*/

/* Styles for languages dialog and upload/download translation file */

.ui-button-trans {
  width: 150px;
}
.trans-file-container {
  margin-left: 5px;
  height: 16px;
  padding: 5px 0px 0px 5px;
}
/* Styles for filters */

.filterResultDownload img {
  width: 14px;
  height: 14px;
  position: relative;
  top: 3px;
}
.filterResultDownload img:hover {
  border: 1px dotted #dfeffc;
  font-weight: bold;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.filterResultDownload img:active {
  width: 14px;
  height: 14px;
}
/*
algunas customizaciones para hacer mas plana y actual la GUI
*/

.ui-corner-all {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
}
.ui-widget-header {
  background-image: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-image: none;
}
.ui-dialog,
.ui-drop-shadow {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
input[type=text],
input[type=password],
select {
  outline: none;
}
input:focus,
input:active,
select:focus,
select:active {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}
select {
  min-width: 170px;
}
.many-to-many-container {
  width: 90%;
}
.many-to-many-container select {
  width: 100%;
}
.many-to-many-container tr:first td:first {
  width: 100%;
}
/*
nuevos estilos visuales definidos por Mauricio
*/

html,
body,
table,
* {
  font-family: 'Lato', sans-serif !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #262626;
}
.loginHeader {
  background: #F5F5F5;
}
.ui-widget.ui-corner-all {
  border-radius: 8px;
}
.dlg-vertical .ui-widget-header,
.ui-widget-header {
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #3D70B0;
  xxxmargin: -3px -4px 0 -6px;
  padding: 10px 16px 10px 16px;
}
.ui-widget-header .title {
  color: #FFFFFF;
}
.ui-dialog-title {
  color: #FFFFFF;
}
.ui-widget-content {
  border: 1px solid #3D70B0;
  border: 0;
  background: #FFFFFF;
}
.menuGroup {
  border-radius: 8px;
  border: 1px solid #BBBBBB;
  padding: 24px 16px 16px 16px;
  /*
    border-radius: 8px;
    border: none;
    padding: 24px 16px 16px 16px;
    box-shadow: 0 0 1px #000000;
    */

}
.adminConsole table td {
  vertical-align: top;
  padding: 0 4px 0 4px;
}
input,
select,
.loginTable input.text,
.loginTable select,
.dlg-vertical input.text,
.entityForm input.text,
.entityForm select,
.entityForm textarea.text {
  background: #FFFFFF;
  border: 1px solid #BBBBBB;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 12px 8px 12px;
}
.entityForm textarea {
  font-family: Inconsolata !important;
  font-size: 13px !important;
}
.ui-button,
.ui-button.ui-state-default {
  outline: none;
  height: 30px;
  color: #FFFFFF;
  background: #64B982;
  border-color: #64B982;
  border-radius: 4px;
  padding: 8px 12px 8px 12px;
  text-transform: capitalize;
}
.ui-button .ui-button-text {
  color: #FFFFFF;
}
.ui-button:hover,
.ui-button.ui-state-default:hover {
  background: #83C79B;
  border-color: #64B982;
}
.ui-button .ui-button-text {
  padding: 0;
}
.ui-button.ui-button-icon-only,
.ui-button.ui-button-icon-only.ui-state-default {
  background: #FFFFFF url(ui-bg_glass_85_dfeffc_1x400.png) 50% 50%;
  border-color: #BBBBBB;
}
.ui-button.ui-button-icon-only:hover,
.ui-button.ui-button-icon-only.ui-state-default:hover {
  background: #EEEEEE;
}
.many-to-many .ui-button {
  background: #FFFFFF;
  border-color: #BBBBBB;
  width: 16px;
  height: 16px;
}
.many-to-many .ui-button:hover {
  background: #EEEEEE;
  width: 16px;
  height: 16px;
}
/*.toolBar 
{
    background: #ffffff;
    color: #262626;
    border: 1px solid #BBBBBB;
    border-radius: 4px;    
}
.entityManager .toolBar 
{
    padding: 8px;
}

.toolBar input
{
    padding: 2px 8px 2px 8px;
    height: 24px;
}
.toolBar select 
{
    padding: 2px;
    height: 24px;
}

.toolBar .ui-button,
.dataTable .ui-button 
{
    border: 1px solid #BBBBBB;
    box-sizing: border-box;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 2px;
    height: 24px;
    width: 24px;
}
.toolBar .ui-button:hover,
.dataTable .ui-button:hover 
{
    background: #EEEEEE;
}
.dataTable .ui-button img 
{
    margin: -3px 0 0 -3px;
}

.entityManager 
{
    margin-top: 56px;
}*/

/*.entityManager .toolBar 
{
    position: fixed;
    margin-top: -56px;
}*/

.ui-dialog .ui-dialog-content {
  padding: 16px;
}
.ui-dialog .ui-dialog-titlebar {
  margin: -3px -3px 0 -3px;
  padding: 10px 16px 10px 16px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}
.ui-dialog .ui-dialog-titlebar.ui-state-error {
  background: #EFA4A4;
  border: none;
}
/*.logoffLink 
{
    border-radius: 4px;
}

.logoffLink:hover
{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
}*/

.filterResultDownload {
  height: 24px;
  width: 24px;
  display: inline;
}
.filterResultDownload img {
  xxtop: unset;
  xxposition: unset;
  top: 8px;
  margin-top: -8px;
  width: 24px;
  height: 24px;
  content: url("/css/icon32/download.png");
  content: "";
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.filterResultDownload img:hover {
  width: 24px;
  height: 24px;
  border: none;
}
/*

    ESTILOS UX NUEVOS

*/

html,
body,
*,
::before,
::after {
  box-sizing: border-box;
}
.ui-dialog {
  box-sizing: unset;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  /*position: absolute;
            top: 10px;
            left: 16px;
            margin: 0;*/
  font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  /*border: none;
            margin: 0;
            top: 8px;
            right: 16px;
            padding: 0;*/
  margin-right: 12px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
  background: none;
  /*border: none;
                padding: 0;*/
  border-color: transparent;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M3.333 2.5h9.334c.46 0 .833.373.833.833v9.334c0 .46-.373.833-.833.833H3.333a.833.833 0 01-.833-.833V3.333c0-.46.373-.833.833-.833z'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FFFFFF'%3E%3C/circle%3E%3Cpath stroke='%233D70B0' stroke-linecap='round' stroke-linejoin='round' d='M6 6l4 4m0-4l-4 4'%3E%3C/path%3E%3C/svg%3E");
  background-position: unset;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick:hover {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M3.333 2.5h9.334c.46 0 .833.373.833.833v9.334c0 .46-.373.833-.833.833H3.333a.833.833 0 01-.833-.833V3.333c0-.46.373-.833.833-.833z'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='8' fill='%23EEEEEE'%3E%3C/circle%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M6 6l4 4m0-4l-4 4'%3E%3C/path%3E%3C/svg%3E");
  background-position: unset;
}
body {
  margin-top: 38px;
}
body .page_header {
  position: absolute;
  left: 0;
  top: 0;
  height: 38px;
  width: 100%;
  background: #6798D2;
  background-image: url(./P.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 25px 25px;
}
body .page_header .version_info {
  position: absolute;
  bottom: 10px;
  left: 40px;
  color: #FFFFFF;
}
body .page_header .profile-content {
  position: absolute;
  top: 0;
  right: 8px;
}
body .page_header .profile-content table {
  margin: 0;
  padding: 0;
  height: 38px;
}
body .page_header .profile-content table td {
  padding-left: 8px;
}
body .page_header .profile-content a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  padding: 6px;
  border-radius: 4px;
}
body .page_header .profile-content a:hover {
  background: #85ADDB;
  color: #ffffff;
}
body .page_header .profile-content .desktopLink:hover {
  text-decoration: underline;
}
body .page_header .profile-content .vpnMode {
  display: none;
}
body .emWindow {
  position: absolute !important;
  left: 10px !important;
  top: 48px !important;
  bottom: 10px !important;
  right: 10px !important;
  width: calc(100% - 20px) !important;
  padding: 0 !important;
  top: 38px !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: unset !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body .emWindow .ui-dialog-titlebar {
  height: 32px !important;
  padding: 0;
}
body .emWindow .ui-dialog-titlebar .ui-dialog-title {
  position: absolute;
  top: 10px;
  left: 16px;
  margin: 0;
  font-weight: normal;
}
body .emWindow .ui-dialog-titlebar .ui-dialog-titlebar-close {
  border: none;
  margin: 0;
  top: 6px;
  right: 16px;
  padding: 0;
}
body .emWindow .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover {
  background: none;
  border: none;
  padding: 0;
}
body .emWindow .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M3.333 2.5h9.334c.46 0 .833.373.833.833v9.334c0 .46-.373.833-.833.833H3.333a.833.833 0 01-.833-.833V3.333c0-.46.373-.833.833-.833z'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FFFFFF'%3E%3C/circle%3E%3Cpath stroke='%233D70B0' stroke-linecap='round' stroke-linejoin='round' d='M6 6l4 4m0-4l-4 4'%3E%3C/path%3E%3C/svg%3E");
  background-position: unset;
}
body .emWindow .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick:hover {
  background: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M3.333 2.5h9.334c.46 0 .833.373.833.833v9.334c0 .46-.373.833-.833.833H3.333a.833.833 0 01-.833-.833V3.333c0-.46.373-.833.833-.833z'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='8' fill='%23EEEEEE'%3E%3C/circle%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M6 6l4 4m0-4l-4 4'%3E%3C/path%3E%3C/svg%3E");
  background-position: unset;
}
body .emWindow .ui-dialog-content {
  margin: 0 !important;
  padding: 16px !important;
  height: calc(100% - var(--window-header-height)) !important;
  overflow: hidden;
}
body .emWindow .ui-dialog-content .toolBar {
  /*height: 38px !important;*/
  border: 1px solid #bbbbbb !important;
  padding: 4px !important;
  border-radius: 4px !important;
}
body .emWindow .ui-dialog-content .toolBar .pageNumber {
  min-width: 50px;
  /*max-width: 50px;*/

}
body .emWindow .ui-dialog-content .ui-button {
  background: #ffffff;
}
body .emWindow .ui-dialog-content a.ui-button {
  /*border: 1px solid #64B982;*/
  border-radius: 4px;
  padding: 1px;
  height: 20px;
  width: 20px;
}
body .emWindow .ui-dialog-content a.ui-button img {
  margin: 0;
}
body .emWindow .ui-dialog-content a.ui-button .ui-icon {
  margin: 0;
  left: unset;
  top: unset;
}
body .emWindow .ui-dialog-content .ui-icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 16px 16px;
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-trash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M1 3h14'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M9.5 1h-3a1 1 0 00-1 1v1h5V2a1 1 0 00-1-1z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M6.5 11.5v-5m3 5v-5'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M12.577 14.083a1 1 0 01-.997.917H4.42a1 1 0 01-.996-.917L2.5 3h11l-.923 11.083z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-check {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23262626' viewBox='0 0 27 27'%3E%3Cpath d='m12.530121,18.469879a1,1 0 0 1 -0.71,-0.290001l-4,-3.999999a1,1 0 0 1 1.420001,-1.419999l3.29,3.299999l6.290001,-6.299999a1,1 0 0 1 1.419998,1.42l-6.999999,6.999998a1,1 0 0 1 -0.71,0.290001z'/%3E%3Cpath d='m13.530121,26.469879a13,13 0 1 1 13,-12.999999a13,13 0 0 1 -13,12.999999zm0,-24a11,11 0 1 0 11,11a11,11 0 0 0 -11,-11z'/%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-carat-1-w {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M5 7.998h6m-3.5 2.5L5 7.998l2.5-2.5'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M8 14.998a7 7 0 100-14 7 7 0 000 14z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-carat-1-e {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M11 7.998H5m3.5-2.5l2.5 2.5-2.5 2.5'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M8 14.998a7 7 0 100-14 7 7 0 000 14z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-key {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23262626' viewBox='0 0 40 40'%3E%3Cpath d='m9.4,29.799999c-2.4,0 -4.9,-0.9 -6.7,-2.799999c-3.7,-3.700001 -3.7,-9.799999 0,-13.5c3.3,-3.3 8.5,-3.7 12.3,-1c0.4,0.3 0.5,1 0.2,1.4c-0.3,0.400001 -0.9,0.5 -1.4,0.200001c-3,-2.200001 -7.1,-1.900001 -9.7,0.799999c-2.9,2.9 -2.9,7.700001 0,10.6c2.9,2.9 7.7,2.9 10.6,0c0.1,-0.1 0.2,-0.200001 0.3,-0.4c0.4,-0.4 1,-0.5 1.4,-0.1c0.4,0.4 0.5,1 0.1,1.4c-0.1,0.200001 -0.299999,0.300001 -0.4,0.4c-1.900001,2.1 -4.3,3 -6.700001,3z'/%3E%3Cpath d='m9.4,24.6c-1.099999,0 -2.2,-0.4 -3,-1.300001c-0.8,-0.799999 -1.3,-1.9 -1.3,-3c0,-1.099998 0.4,-2.199999 1.3,-3c0.8,-0.799999 1.9,-1.299999 3,-1.299999c1.1,0 2.200001,0.4 3,1.299999c0.400001,0.400002 0.400001,1 0,1.400002c-0.4,0.4 -1,0.4 -1.4,0c-0.9,-0.900002 -2.4,-0.900002 -3.2,0c-0.4,0.4 -0.7,1 -0.7,1.599998c0,0.6 0.2,1.200001 0.7,1.6c0.9,0.9 2.4,0.9 3.2,0c0.4,-0.4 1,-0.4 1.4,0c0.400001,0.4 0.400001,1 0,1.4c-0.799999,0.900002 -1.9,1.300001 -3,1.300001z'/%3E%3Cpath d='m36,25.799999c-1.400002,0 -2.099998,-0.799999 -2.599998,-1.299999c-0.5,-0.5 -0.700001,-0.700001 -1.200001,-0.700001c-0.5,0 -0.700001,0.200001 -1.200001,0.700001c-0.5,0.6 -1.200001,1.299999 -2.6,1.299999c-1.4,0 -2.1,-0.799999 -2.6,-1.299999c-0.5,-0.5 -0.699999,-0.700001 -1.199999,-0.700001s-0.700001,0.200001 -1.200001,0.700001c-0.5,0.6 -1.199999,1.299999 -2.6,1.299999c-1.4,0 -2.099998,-0.799999 -2.599998,-1.299999c-0.400002,-0.4 -0.6,-0.6 -0.900002,-0.700001c-0.5,-0.099998 -0.9,-0.699999 -0.799999,-1.199999s0.700001,-0.9 1.200001,-0.800001c0.9,0.200001 1.5,0.800001 1.9,1.200001c0.5,0.5 0.699999,0.700001 1.199999,0.700001c0.5,0 0.700001,-0.200001 1.200001,-0.700001c0.5,-0.6 1.200001,-1.299999 2.6,-1.299999c1.4,0 2.1,0.799999 2.6,1.299999c0.5,0.5 0.699999,0.700001 1.199999,0.700001c0.5,0 0.700001,-0.200001 1.200001,-0.700001c0.5,-0.6 1.199999,-1.299999 2.6,-1.299999c1.399998,0 2.099998,0.799999 2.599998,1.299999c0.299999,0.299999 0.5,0.5 0.700001,0.6l2.299999,-3.4l-2.299999,-3.5l-18.9,0c-0.6,0 -1,-0.400002 -1,-1.000001s0.4,-1 1,-1l19.4,0c0.299999,0 0.599998,0.2 0.799999,0.400001l3,4.5c0.200001,0.299999 0.200001,0.799999 0,1.1l-3,4.5c-0.200001,0.5 -0.5,0.599998 -0.799999,0.599998z'/%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-circle-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath d='m64,0a64,64 0 1 0 64,64a64.07,64.07 0 0 0 -64,-64zm0,122a58,58 0 1 1 58,-58a58.07,58.07 0 0 1 -58,58z'/%3E%3Cpath d='m90,61l-23,0l0,-23a3,3 0 0 0 -6,0l0,23l-23,0a3,3 0 0 0 0,6l23,0l0,23a3,3 0 0 0 6,0l0,-23l23,0a3,3 0 0 0 0,-6z'/%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-arrowthickstop-1-s,
body .emWindow .ui-dialog-content .ui-icon.ui-icon-disk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath d='m61.880001,93.120003l0,0a3,3 0 0 0 0.439999,0.360001l0.240002,0.129997a1.74,1.74 0 0 0 0.59,0.239998l0.25,0.07l0,0a3,3 0 0 0 1.159996,0l0.260002,-0.080002l0.300003,-0.089996a3,3 0 0 0 0.299995,-0.160004l0.209999,-0.119995a3,3 0 0 0 0.459999,-0.380005l26.910004,-26.879997a3,3 0 1 0 -4.209999,-4.209999l-21.790001,21.760002l0,-80.760002a3,3 0 0 0 -6,0l0,80.760002l-21.790001,-21.760002a3,3 0 0 0 -4.209999,4.209999l26.880001,26.910004z'/%3E%3Cpath d='m125,88a3,3 0 0 0 -3,3l0,22a9,9 0 0 1 -9,9l-98,0a9,9 0 0 1 -9,-9l0,-22a3,3 0 0 0 -6,0l0,22a15,15 0 0 0 15,15l98,0a15,15 0 0 0 15,-15l0,-22a3,3 0 0 0 -3,-3z'/%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-locked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 46'%3E%3Cpath stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke='%23000000' fill='none' d='m9.246238,44.458584c-1.104,0 -2,-0.896 -2,-2l0,-21.999998c0,-1.104 0.896,-2 2,-2l28.000001,0c1.104,0 2,0.896 2,2l0,21.999998c0,1.104 -0.896,2 -2,2l-28.000001,0z'/%3E%3Cpath stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke='%23000000' fill='none' d='m33.246239,18.458586c0,-1.045 0,-5.955001 0,-7.000001c0,-5.522999 -4.477001,-10 -10,-10s-10.000001,4.477 -10.000001,10c0,1.045 0,5.955001 0,7.000001'/%3E%3Cpath d='m26.246239,29.458586c0,-1.657 -1.342999,-3 -3,-3s-3.000002,1.343 -3.000002,3c0,0.884998 0.391001,1.673 1,2.222l0,2.777998c0,1.104 0.896,2 2.000002,2s2,-0.896 2,-2l0,-2.777998c0.609001,-0.549 1,-1.337002 1,-2.222z'/%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .ui-icon.ui-icon-unlocked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke='%23000000' fill='none' d='m18,47c-1.104,0 -2,-0.896 -2,-2l0,-22c0,-1.104 0.896,-2 2,-2l28,0c1.104,0 2,0.896 2,2l0,22c0,1.104 -0.896,2 -2,2l-28,0z'/%3E%3Cpath stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke='%23000000' fill='none' d='m22,21c0,-1.045 0,-5.955 0,-7c0,-5.523 -4.476999,-10 -10,-10s-10,4.477 -10,10c0,1.045 0,5.955 0,7'/%3E%3Cpath d='m35,32c0,-1.657 -1.342999,-3 -3,-3s-3,1.343 -3,3c0,0.884998 0.391001,1.673 1,2.222l0,2.778c0,1.104 0.896,2 2,2s2,-0.896 2,-2l0,-2.778c0.609001,-0.549 1,-1.337002 1,-2.222z'/%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .entityManagerTable {
  margin-top: 16px;
  height: calc(100% - var(--window-header-height) - 16px) !important;
  width: 100%;
  overflow: auto;
}
body .emWindow .ui-dialog-content .entityManagerTable a.ui-button {
  padding: 0;
  border: 1px solid #cccccc;
}
body .emWindow .ui-dialog-content .entityManagerTable img[src="css/icon24/sign-error.png"] {
  width: 18px;
  height: 18px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 27' fill='%23262626' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13.443396,26.443398a13,13 0 1 1 13.000002,-13.000001a13,13 0 0 1 -13.000002,13.000001zm0,-24.000002a11,11 0 1 0 10.999994,11.000001a11,11 0 0 0 -10.999994,-11.000001z' /%3E%3Cpath d='m8.902188,18.442434a1,1 0 0 1 -0.709992,-0.289997a1,1 0 0 1 0,-1.410004l8.489998,-8.489997a1,1 0 0 1 1.459995,1.409998l-8.539995,8.540002a1,1 0 0 1 -0.700006,0.239998z' /%3E%3Cpath d='m17.683397,18.683397a1,1 0 0 1 -0.700001,-0.289997l-8.489998,-8.490004a1,1 0 0 1 1.409998,-1.409998l8.539995,8.489998a1,1 0 0 1 0,1.460001a1,1 0 0 1 -0.759995,0.24z' /%3E%3C/svg%3E");
}
body .emWindow .ui-dialog-content .entityManagerTable img[src="css/icon24/sign-check.png"] {
  width: 18px;
  height: 18px;
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 27 27' fill='%23262626' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.530121,18.469879a1,1 0 0 1 -0.71,-0.290001l-4,-3.999999a1,1 0 0 1 1.420001,-1.419999l3.29,3.299999l6.290001,-6.299999a1,1 0 0 1 1.419998,1.42l-6.999999,6.999998a1,1 0 0 1 -0.71,0.290001z'/%3E%3Cpath d='m13.530121,26.469879a13,13 0 1 1 13,-12.999999a13,13 0 0 1 -13,12.999999zm0,-24a11,11 0 1 0 11,11a11,11 0 0 0 -11,-11z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
body .emWindow .dataTable {
  border-collapse: collapse;
  background: #FFFFFF;
  border: 1px solid #bbbbbb;
  border-collapse: separate;
  border-left: 0;
  border-radius: 4px;
  border-spacing: 0px;
}
body .emWindow .dataTable tr td,
body .emWindow .dataTable tr th {
  white-space: nowrap;
  height: 30px;
  padding: 0 12px 0 12px;
  text-align: left;
  border-left: 1px solid #f5f5f5;
  vertical-align: middle;
}
body .emWindow .dataTable tr td:first-child,
body .emWindow .dataTable tr th:first-child {
  border-left-color: #bbbbbb;
}
body .emWindow .dataTable tr td {
  font-weight: normal;
  /*border-top: none;
			        border-bottom: none;
			        border-left: none;
			        border-right: 1px solid #F5F5F5;*/

}
body .emWindow .dataTable tr td.centered_content {
  cursor: default;
  text-align: center;
}
body .emWindow .dataTable tr th {
  border-top: none;
  border-right: none;
  border-radius: 0;
  border-bottom: none;
  /*border-top: 1px solid #BBBBBB;
			        border-left: 1px solid #BBBBBB;
			        border-right: 1px solid #F5F5F5;*/
  background: #D1D1D1;
  color: #262626;
}
body .emWindow .dataTable tr th:first-child {
  border-top-left-radius: 4px;
}
body .emWindow .dataTable tr th:last-child {
  border-top-right-radius: 4px;
}
body .emWindow .dataTable tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
body .emWindow .dataTable tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
body .emWindow .dataTable tr tr.ui-state-default {
  background-image: none;
}
body .emWindow .dataTable tr a.hstLink {
  text-decoration: none;
  color: blue;
  font-weight: bold;
}
body .emWindow .dataTable tr a.hstLink:hover {
  text-decoration: underline;
}
body .emWindow .dataTable tr:nth-child(odd) {
  background: #F5F5F5;
}
body .emWindow .dataTable tr:not(:first-child):hover {
  background: #DCDCDC;
  cursor: pointer;
}
body .emWindow .dataTable td:first-child .ui-button {
  visibility: hidden;
}
body .emWindow .dataTable tr:hover td:first-child .ui-button {
  visibility: visible;
}
.menuIcon {
  position: relative;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 80px;
  height: 80px;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  color: #222222;
  padding: 0;
  font-size: 1.2em;
}
.menuIcon.ui-widget.ui-corner-all {
  border-radius: 4px;
}
.menuIcon.ui-widget-content {
  border: none;
  /*background: #E1EAF6;
		background: #FAFAFA;*/
  background: #FFFFFF;
}
.menuIcon.ui-widget-content:hover {
  /*background: #EEEEEE;*/
  background: #F5F5F5;
}
.menuIcon .iconImage {
  position: relative;
  left: 50%;
  margin: 8px 0 0 -16px;
  cursor: pointer;
  border-radius: 4px;
  margin-left: -18px;
}
.menuIcon svg {
  position: relative;
  left: 50%;
  margin: 8px 0 0 -18px;
  width: 36px;
  height: 36px;
}
.menuIcon .iconText {
  width: 100%;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  margin: 0;
  font-size: 11px;
  height: 36px;
  width: 80px;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  padding-top: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
.menuIcon:hover .iconImage {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
  /*border: 2px solid #FFFFFF;*/

}
svg {
  stroke: #262626;
  fill: #262626;
}
.menuIcon:hover svg {
  stroke: #3D70B0;
  fill: #3D70B0;
}
.ui-dialog.notificaciones {
  border-color: #F6E012;
}
.ui-dialog.notificaciones .ui-dialog-titlebar {
  background: #F6E012;
  border-bottom: none;
}
.ui-dialog.notificaciones .ui-dialog-titlebar .ui-dialog-title {
  color: #262626;
}
.uif-window-background {
  position: relative;
  display: table-cell;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100vw;
  vertical-align: middle;
  text-align: center;
}
.uif-window-background .uif-window {
  display: inline-block;
  border: 1px solid #3D70B0;
  border-radius: 8px;
  text-align: left;
  overflow: hidden;
}
.uif-window-background .uif-window .uif-window-header {
  height: 32px;
  background: #3D70B0;
  /*border-top-left-radius: 8px;
            border-top-right-radius: 8px;*/
  padding: 10px 16px 10px 16px;
}
.uif-window-background .uif-window .uif-window-header * {
  color: #ffffff;
}
.uif-window-background .uif-window .uif-window-header span {
  padding: 0;
  margin: 0;
  display: inline-block;
}
.uif-window-background .uif-window .uif-window-header span a {
  float: none;
}
.uif-window-background .uif-window .uif-window-header span.link {
  float: right;
}
.uif-window-background .uif-window .uif-window-content {
  padding: 16px;
}
.loginTable {
  width: 400px;
  /*position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -220px;*/

  /*background: #FFFFFF;
    border: 1px solid #3D70B0;
    border-collapse: separate;
    border-left: 0;
    border-radius: 8px;
    border-spacing: 0px;    

    &.ui-widget-content {
        border: none;
    }*/

  /*tr {
		td, th {
            white-space: nowrap;
            height: 30px;
            padding: 0 12px 0 12px;
            text-align: left;
            border-left: 1px solid #f5f5f5;
            &:first-child {
                border-left-color: #3D70B0;
            }
            vertical-align: middle;
		}
		td {
			font-weight: normal;			
		}
		
		&:first-child td {
            border-top: none;
            border-right: none;
            border-radius: 0;
            border-bottom: none;
			background: #3D70B0;
			color: #262626;
            &:first-child {
                border-top-left-radius: @table_border_radius;
            }
            &:last-child {
                border-top-right-radius: @table_border_radius;
            }
		}

        &:last-child {
            td:first-child {
                border-bottom-left-radius: @table_border_radius;
            }
            td:last-child {
                border-bottom-right-radius: @table_border_radius;
            }
        }
		
		tr.ui-state-default
		{
			background-image: none;
		}				
	}*/

  /*input.text
    {
        padding: 7px;
        width: 350px;
        font-size: 1.2em;
    }

    input.text, label, select 
    {
        margin-left: 15px;
        margin-right: 15px;
    }

    input.checkbox 
    {
        margin-left: 15px;
    }

    input.text, select 
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    select 
    {
        border: 0;
    }*/

}
.loginTable .ui-control {
  width: 100%;
}
.loginTable input[type=text],
.loginTable input[type=password],
.loginTable select,
.loginTable label {
  display: block;
  width: 100%;
  height: 38px;
  margin: 0;
}
.loginTable label {
  padding-top: 10px;
}
.loginTable button,
.loginTable input[type=submit],
.loginTable input[type=button] {
  height: 38px;
}
/*.ui-icon {
    svg {
        stroke: #262626 !important;
        fill: #262626 !important;
    }
}

.ui-icon-circle-plus {
    background-position: left top;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='red' viewBox='0 0 16 16' id='agregar-nuevo-elemento-hijo'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.5 15.5a4 4 0 100-8 4 4 0 000 8z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M11.5 9.5v4m-2-2h4m-8 2h-4a1 1 0 01-1-1v-11a1 1 0 011-1h7.086a1 1 0 01.707.293l1.914 1.914a1 1 0 01.293.707V5.5'%3E%3C/path%3E%3C/svg%3E%0A") !important;
}*/

/*
loading effects
*/

.ui-control {
  display: inline-block;
  border-radius: 4px;
  margin: 0;
}
.ui-control input,
.ui-control select,
.ui-control textarea {
  outline: none;
  margin: 5px !important;
}
:root[data-loading='true'] .entityForm .ui-control {
  margin: 5px;
  background: #dcdcdc !important;
  position: relative;
}
:root[data-loading='true'] .entityForm .ui-control input,
:root[data-loading='true'] .entityForm .ui-control select,
:root[data-loading='true'] .entityForm .ui-control textarea {
  visibility: hidden;
  margin: 0 !important;
}
:root[data-loading='true'] .entityForm .ui-control:after {
  z-index: 100;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  animation: loading 0.8s infinite;
  animation: loading 1s infinite;
}
@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
/*
    new login form
*/

#login-content {
  position: relative;
}
#login-content * {
  font-family: 'Lato' !important;
}
#login-content table {
  border-spacing: 0;
}
#login-content table td {
  padding: 0;
}
#login-content .ui-button {
  background-color: #3d70b0;
  border: 0;
  /*border-color: #3d70b0;*/
  border-radius: 20px;
  margin: 0;
  margin-top: 24px;
  height: 48px;
}
#login-content .ui-button:hover,
#login-content .ui-button:focus {
  background-color: #b1c6df;
}
#login-content .ui-button:focus {
  border: 1px solid #3d70b0;
}
#login-content .ui-button + .ui-button {
  margin-left: 6px;
}
#login-content input,
#login-content select {
  margin: 0;
  font-size: 14px !important;
  line-height: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.019em;
}
#login-content input:focus,
#login-content input:active,
#login-content select:focus,
#login-content select:active {
  -webkit-box-shadow: unset;
  -moz-box-shadow: unset;
  box-shadow: unset;
  border-color: #3d70b0 !important;
}
#login-content input[type=text],
#login-content input[type=password],
#login-content select {
  border-color: #dcdcdc;
  border-radius: 12px;
  height: 48px;
  color: #262626;
}
#login-content input[type=submit] {
  width: 100%;
}
#login-content label {
  padding: 0;
  font-size: 12px;
  letter-spacing: -0.019em;
  font-style: normal;
  font-weight: 700;
  text-transform: capitalize;
  height: unset;
  margin-top: 16px;
  margin-bottom: 4px;
}
#login-content label:empty {
  display: none;
}
#login-content .uif-window-background .uif-window {
  position: relative;
  border: none;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: none;
  /*filter: drop-shadow(0px 2px 4px rgba(38,38,38,1.16));*/
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  width: 888px;
  height: 572px;
  /*.logo_powerstreet {
                position: absolute;
                left: 4px;
                top: 4px;
                width: 200px;
                height: 50px;
                background: #ffffff url('/css/pwst-color.svg') no-repeat;
                background-size: 200px 50px;
            }*/

}
#login-content .uif-window-background .uif-window .uif-window-header {
  border: none;
  background: none;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 420px;
}
#login-content .uif-window-background .uif-window .uif-window-header .title {
  display: none;
}
#login-content .uif-window-background .uif-window .uif-window-header a {
  color: #3d70b0;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.019em;
}
#login-content .uif-window-background .uif-window .uif-window-content {
  border: none;
  width: 444px;
  height: 100%;
  padding: 48px 24px 0 24px;
}
#login-content .uif-window-background .uif-window .idp-container {
  width: unset;
  margin: unset;
  margin-top: 24px;
}
#login-content .uif-window-background .uif-window .idp-container p {
  margin: unset;
  height: unset;
  background: #ffffff;
  position: relative;
}
#login-content .uif-window-background .uif-window .idp-container p:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #3d70b0;
}
#login-content .uif-window-background .uif-window .idp-container p span {
  top: unset;
  background: #ffffff;
}
#login-content .uif-window-background .uif-window:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 444px;
  height: 100%;
  background: #3d70b0 url('/css/onboarding0.svg') no-repeat;
}
#login-content .uif-window-background .uif-window .logo_powerstreet {
  z-index: 100;
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 200px;
  height: 50px;
  background: url('/css/pwst-white.svg') no-repeat;
  background-size: 200px 50px;
}
#login-content #divPasswordHint {
  position: absolute;
  display: block;
  z-index: 200;
  top: 200px !important;
  left: 430px !important;
  width: 360px !important;
}
#login-content #divPasswordHint * {
  font-family: 'Lato' !important;
  font-size: 14px !important;
}
#login-content #divPasswordHint .ui-widget {
  z-index: 202;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight {
  z-index: 203;
  background: #f8e641;
  height: 120px !important;
  border-radius: 12px;
  border: none;
  padding: 12px !important;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight div {
  display: inline-block;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight .ui-icon {
  display: none;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight br {
  display: none;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight::before,
#login-content #divPasswordHint .ui-widget .ui-state-highlight::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border: 10px solid #eeeeee;
  transform-origin: 0 0;
  transform: rotate(-45deg);
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight::before {
  z-index: -1;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight::before,
#login-content #divPasswordHint .ui-widget .ui-state-highlight::after {
  margin-left: -4px;
  top: 70px;
  left: 0;
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight::before {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
#login-content #divPasswordHint .ui-widget .ui-state-highlight::after {
  border-color: #f8e641 transparent transparent #f8e641;
}
hint {
  display: block;
  padding: 16px;
  border-radius: 8px;
  background-color: #fbf3a0;
}
.ui-widget.ui-widget-content {
  border: 0;
}
select.ui-widget.ui-widget-content {
  border: 1px solid #BBBBBB;
}
a[icon="ui-icon-carat-1-w"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M5 7.998h6m-3.5 2.5L5 7.998l2.5-2.5'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M8 14.998a7 7 0 100-14 7 7 0 000 14z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A") !important;
  background-position: center center !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
}
a[icon="ui-icon-carat-1-e"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M11 7.998H5m3.5-2.5l2.5 2.5-2.5 2.5'%3E%3C/path%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' d='M8 14.998a7 7 0 100-14 7 7 0 000 14z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E%0A") !important;
  background-position: center center !important;
  background-size: 16px !important;
  background-repeat: no-repeat !important;
}
.captcha-wrapper {
  display: flex;
  justify-content: center;
}
.captcha-wrapper #captcha-container {
  margin: 0px;
  width: 350px;
  max-width: 400px;
  border: 1px solid darkgray;
}
.captcha-wrapper #captcha-container label {
  margin: 5px;
  text-transform: none;
}
.captcha-wrapper #captcha-container button {
  padding: 2px;
}
.captcha-wrapper #captcha-container button svg {
  width: 16px;
  height: 16px;
}
.captcha-wrapper #captcha-container .captcha-header {
  padding: 4px;
  text-align: center;
}
.captcha-wrapper #captcha-container .captcha-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.captcha-wrapper #captcha-container .captcha-image img {
  width: 200px;
  height: 60px;
  margin: 2px;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.captcha-wrapper #captcha-container .captcha-image button {
  margin: 4px 2px;
  width: 26px;
  height: 26px;
}
.captcha-wrapper #captcha-container .captcha-input {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 5px;
  padding-left: 64px;
}
.captcha-wrapper #captcha-container .captcha-input label {
  text-align: right;
}
.captcha-wrapper #captcha-container .captcha-input input[type=text] {
  width: 120px;
  height: 28px;
  padding: 2px 4px;
  margin: 2px 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.captcha-wrapper #captcha-container .captcha-image-detail {
  margin-left: 55px;
}
.captcha-wrapper #captcha-container #captcha-msg {
  height: 16px;
  margin: 5px;
  text-align: center;
  color: red;
}