.p-w-100,
.p-w-100.ui-inputnumber > .ui-inputfield {
    width: 100% !important;
}

.p-w-50 {
    width: 50% !important;
}

.p-min-w-0 {
    min-width: 0px !important;
}

.p-h-100 {
    height: 100% !important;
}

.p-flex {
    display: flex;
}

.p-flex-row-wrap {
    display: flex;
    flex-wrap: wrap;
}

.p-flex-pc-center {
    place-content: center;
}

.p-pc-end {
    place-content: end;
}

.p-fs-14 {
    font-size: 14px !important;
}

.p-fs-16 {
    font-size: 16px !important;
}

.p-fs-18 {
    font-size: 18px !important;
}

.p-fs-20 {
    font-size: 20px !important;
}

.layout-footer {
    border-top: 1px solid #d2d6de;
    background: #fff;
}

.loading-dialog {
    box-shadow: none !important;
}

.loading-dialog .ui-dialog-content {
    background: transparent !important;
    color: white !important;
    padding: 0 !important;
    overflow: hidden;
}

.loading-dialog .pi-spinner {
    font-size: 64px;
}

.p-button-normal-size {
    width: 320px;
}

.p-selectmany-normal-size .ui-selectlistbox-listcontainer, .p-textarea-normal-size {
    height: 150px !important;
}

.p-divider {
    border-bottom: 1px #dfe4ea solid;
}

.p-no-style-link {
    text-decoration: none !important;
    color: white !important;
}
.p-no-text-decoration {
    text-decoration: none !important;
}

.ui-button-icon-top > .ui-icon {
    position: initial !important;
    margin-top: 0.75rem !important;
    font-size: 18px;
}

.ui-button-icon-top > .ui-button-text {
    padding: 0.25rem 1rem 0.5rem 1rem !important;
}

.inline-error, .inline-error > .ui-messages-error {
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.inline-error > .ui-messages-error > .ui-messages-error-icon {
    display: none !important;
}

.inline-error .ui-messages-error-summary {
    font-weight: initial !important;
    margin: 0 0 0 0.5rem !important;
}

.actionsContainer {
    margin: -0.5rem;
    z-index: 1000;
}

.actionsContainer > .ui-button {
    margin: 0.5rem;
}

.assetStatus {
    border: 1px solid;
    border-radius: 6px;
    padding: 0 0.25rem;
}

.assetStatus.ONLINE {
    color: green;
}

.assetStatus.OFFLINE {
    color: red;
}

.ui-growl {
    z-index: 1020 !important;
}

.warningText {
    color: #ffb809;
}

@media screen and (min-width: 576px) {
    .p-sm-flex-row-wrap {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 575px) {
    .p-xs-w-100 {
        width: 100%;
    }

    .p-xs-display-none {
        display: none !important;
    }
    
    .assetList-title-container {
        margin: -0.5rem;
    }
}

@media screen and (min-width: 641px) {
    td.table-column-dateTime > .line-break {
        display: block !important;
    }
    
    .p-text-xs-center {
        text-align: center !important;
    }
    
    .table-column-virtualNetwork {
        width: 130px;
    }

    .table-column-actions > .ui-button:not(:last-child) {
        margin-right: 0.25rem;
    }

    .table-column-icon {
        width: 16px;
    }

    .table-column-type {
        width: 90px;
    }

    .table-column-download {
        width: 120px;
    }

    .table-column-ip {
        width: 105px;
    }

    .table-column-access-check {
        width: 52px;
    }

    .table-column-rol {
        width: 118px;
    }

    td.table-column-dateTime {
        text-align: center;
    }

    .table-column-access, .table-column-status {
        width: 100px;
    }

    .table-column-one-action {
        width: 40px;
    }

    .table-column-two-actions {
        width: 70px;
    }

    .table-column-three-actions {
        width: 100px;
    }

    .table-column-four-actions {
        width: 143px;
    }
    
    .table-column-protocol {
        width: 100px;	
	}
    
    .table-column-port {
        width: 100px;	
	}
    
    .table-column-alias-name {
        width: 200px;	
	}
    
    .table-column-websockets {
        width: 100px;	
	}
}

/* BREADCRUMB */
.ui-breadcrumb {
    padding: 0.5rem 1rem !important;
}

.breadcrumb-container > ul {
    display: flex !important;
}
.breadcrumb-container > ul > li.ui-icon {
    display: none !important;
}

.breadcrumb-container > ul .ui-menuitem-link {
    margin: 0.5rem !important;
}

/* TOPBAR */
.layout-topbar-actions {
    -webkit-box-pack:end !important;
    -ms-flex-pack:end !important;
    justify-content:flex-end !important;
}

.layout-topbar-actions > .action-button,
.layout-topbar-actions > .username-topbar {
    color: #ffffff !important;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.layout-topbar-actions > .action-button:hover,
.layout-topbar-actions .username-topbar:hover {
    background-color: rgba(255, 255, 255, 0.15);
    transition: background-color 0.2s;
}

/* LOGIN */
.template-public .loading-dialog {
    left: calc(50% - 32px) !important;
    top: calc(50% - 32px) !important;
}

.layout-content-public {
    width: 100vw;
    height: 100vh;
    color: #666;
    background-image: url("/javax.faces.resource/fondologin.jpg.jsf?ln=images");
    background-position: center;
    background-size: cover;
    position: fixed;
    overflow: auto;
}

.login-body {
	min-height: 100vh;
}

.login-column {
	align-self: flex-start;
	align-items: center;
	height: 100%;
	min-height: 100vh;
	justify-content: center;
	min-width: 400px;
	padding-top: 24px;
}

@media screen and (min-width: 576px){
	.login-column {
		background-color: white;
	}
}

.login-body .login-login-img, .login-body .login-card {
    width: 360px;
}

.login-body .login-card {
    border: 0;
}

.login-filler-image-container {
	//height: 100vh;
	//min-height: 100%;
	align-self: stretch;
    background-image: url("/javax.faces.resource/fondologin.jpg.jsf?ln=images");
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 576px) {
	.login-filler-image-container {
		display: none !important;
	}		
}

.login-filler-image {
	height: 100%;
	width: auto;
}

/* DASHBOARD */
.dashboard-itemsInfo > .dashboard-item,
.dashboard-itemsInfo > .dashboard-itemAsset {
    height: 144px;
    color: white;
    position: relative;
}

.dashboard-itemsInfo > .dashboard-item > div {
    position: relative;
}

.dashboard-itemsInfo > .dashboard-item > .dashboard-groupItem {
    background-color: #00c0ef !important;
}

.dashboard-itemsInfo > .dashboard-item > .dashboard-userItem {
    background-color: #0073b7 !important;
}

.dashboard-itemsInfo > .dashboard-itemAsset > .dashboard-routerItem {
    background-color: #f39c12 !important;
}

.dashboard-itemsInfo > .dashboard-itemAsset > .dashboard-deviceItem {
    background-color: #00a65a !important;
}

.dashboard-itemsInfo > .dashboard-item .pi {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 0;
    font-size: 90px;
    color: rgba(255, 255, 255, 0.6);
}

.dashboard-itemsInfo > .dashboard-item .dashboard-itemInfo > h3 {
    font-size: 38px !important;
}

.dashboard-itemsInfo > .dashboard-itemAsset .deviceItemIcon-container {
    min-width: 90px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.dashboard-itemsInfo > .dashboard-itemAsset .deviceItemIcon-container > .pi {
    font-size: 52px;
}

.dashboard-itemsInfo > .dashboard-itemAsset .ui-progressbar {
    height: 4px;
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
}

.dashboard-itemsInfo > .dashboard-itemAsset .ui-progressbar > .ui-progressbar-value {
    background: white;
    border-radius: 0px;
}

/* GROUP LIST */
.groupsList-container > form {
    border: 1px solid #ddd;
}

/* ASSET LIST */
.ui-menuButton-flat > .ui-button {
    border-radius: 50%;
    height: 2.357rem;
    background-color: transparent;
    color: #25A4D4;
    border-color: transparent;
}

.ui-menuButton-flat > .ui-button.ui-state-hover {
  background: rgba(37, 164, 212, 0.04);
  color: #25A4D4;
  border-color: transparent;
}

.ui-menuButton-flat > .ui-button.ui-state-active {
  background: rgba(37, 164, 212, 0.16);
  color: #25A4D4;
  border-color: transparent;
}

/* ASSET DETAIL */
.inputFieldContainer > .radioAssetType {
    width: 100%;
}

.inputFieldContainer > .radioAssetType tr {
    display: flex;
    place-content: space-around;
}

.inputFieldContainer > .radioAssetType tr label {
    margin: 0 8px 0 6px !important;
}

.assetDetail-form .inputIPRemoteNetwork > .ui-selectonemenu > label {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.networkPermission-form > .ui-datatable {
    margin: 0 -1rem -1rem;
}

/* MULTIPLE CREATION */

.createMultipleAssetsDialog {
    width: 95vw !important;
    height: 95vh !important;
}

.createMultipleAssetsDialog > .ui-dialog-content {
    height: calc(100% - 70px) !important;
}

.assetToCreate-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid darkgray;
    position: relative;
}

.assetToCreate-container .input-asset-dynamicIp > .ui-selectbooleancheckbox {
    margin: 0 auto;
}

.createMultipleAssetsDialog .input-asset-type {
    width: 236px;
}

.assetToCreate-container .delete-asset {
    position: absolute;
    right: -10px;
    top: -10px;
}

.assetToCreate-container  .input-asset-group {
    position: relative;
}

.assetToCreate-container .not-available-ip {
    position: absolute;
    top: 0;
    right: 0;
    color: #F0B522;
    font-size: 1.5rem;
    cursor: pointer;
}

/* USER DETAIL */
.information-container > .blockStatusField.true > span {
    color: #3c763d;
}

.information-container > .blockStatusField.false > span {
    color: #a94442;
}

/* SERVER STATUS */
.serverStatus-systemInfo > .serverStatus-systemInfo-field:not(:last-child) {
    margin-bottom: 0.5rem;
}

@media screen and (min-width: 576px) {
    .serverStatus-systemInfo-field >.serverStatus-systemInfo-title {
        min-width: 160px;
        text-align: end;
    }
}

/* DOWNLOAD */

.download-container .pi {
    font-size: 16px;
}

.download-container .ci {
    width: 16px;
    height: 16px;
}

/* CHANGELOG */
.changelog-container .changelog-list {
    position: relative;
}

.changelog-container .changelog-list::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 27px;
    margin: 0;
    border-radius: 2px;
    z-index: -1;
}

.changelog-container .changelog-list .changelogVersion-title {
    display: inline-block;
    background-color: #00c0ef !important;
    color: white;
    border-radius: 6px;
}

.changelog-container .changelog-list .changelogItem > .pi,
.changelog-list .pi-clock {
    font-size: 16px;
    color: white;
    border-radius: 16px;
}

.changelogItem > .pi-palette {
    background-color: #dd4b39 !important;
}

.changelogItem > .pi-user {
    background-color: #0073b7 !important;
}

.changelogItem > .pi-file {
    background-color: #d81b60 !important;
}

.changelogItem > .pi-wifi {
    background-color: #00a65a !important;
}

.changelogItem > .pi-desktop {
    background-color: #605ca8 !important;
}

.changelogItem > .pi-lock {
    background-color: #f39c12 !important;
}

.changelogItem > .pi {
    background-color: #3D9970;
}

.changelog-list .pi-clock {
    color: #666;
    background-color: #d2d6de !important;
}

.changelogItem > .changelogItem-message {
    background: #ffffff;
    color: #555;
    font-size: 16px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 4px;
}

.generate-url-dialog {
    max-width: 80%;
}

.generate-url-dialog .ui-dialog-content {
    text-overflow: ellipsis;
    overflow: hidden;
}

.generate-url-dialog .ui-dialog-content .url-copy-button {
    margin-top: 24px
}

/* ICONS */
.ci-desktop {
    background:
        url(/javax.faces.resource/img/icons/desktop.svg.jsf);
}

.ci-server {
    background:
        url(/javax.faces.resource/img/icons/server.svg.jsf);
}

.ci-laptop {
    background:
        url(/javax.faces.resource/img/icons/laptop.svg.jsf);
}

.ci-phone {
    background:
        url(/javax.faces.resource/img/icons/phone.svg.jsf);
}

.ci-linux {
    background:
        url(/javax.faces.resource/img/icons/linux.svg.jsf);
}

.ci-arrow-right-arrow-left {
    background:
        url(/javax.faces.resource/img/icons/arrow-right-arrow-left.svg.jsf) !important;
}

.ci {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(33%) sepia(26%) saturate(457%) hue-rotate(181deg) brightness(94%) contrast(93%);
}

td .ci {
    top: 4px;
    position: relative;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ci {
    width: 1.5rem;
    height: 1.5rem;
    filter: none !important;
    left: 33%;
    top: 33%;
}

.ui-tooltip .ci {
    filter: none !important;
    margin-right: 1rem;
}

.ui-tooltip .tooltip-pi-item {
    margin-right: 1rem;
    width: 20px;
    align-self: center;
    text-align: center;
}

.cookies-consent-overlay {
	position: fixed;
	bottom: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

.cookies-consent-overlay .ui-overlaypanel-content {
	display: flex;
	align-items: center;
}

.cookies-consent-overlay .cookies-consent-text {
	display: inline-block;
	padding-right: 24px;
}

.cookies-consent-overlay .cookies-consent-button {
	display: inline-block;
	height: fit-content;
}

.mfa-dialog .ui-dialog-content, .password-dialog .ui-dialog-content {
	overflow: auto;
	max-height: calc(100vh - 7rem);
}

.password-dialog .ui-dialog-content .actionsContainer {
	margin-top: 24px;
}

.restore-danger-icon {
	font-size: 2.5rem;
	color: #E83E22;
}

.restore-backup-dialog .restore-backup-button .ui-fileupload-upload {
	display: none;
}
.table-container {
    vertical-align: top;
}
.custom-dialog {
    z-index: 10000;
    overflow-y: auto;
    max-height: 590px;
}
.min-height-tab {
    min-height: 600px;
}


body .ui-datatable .ui-datatable-data > tr.highlighted-row {
	background-color: #25A4D422;
}