.tab-pills-primary .btn-inverse:hover, .tab-pills-primary .btn-inverse:focus { color: #FFF;  }
.show-overflow .mx-dataview-content { overflow: visible !important; }
.hide-overflow .mx-dataview-content { overflow: hidden !important; }
.hide-overflow-x .mx-dataview-content { overflow-x: hidden !important; }

.next-to-avatar{
	display:block;
}

.cloud-environment-mode-status img {
    width: 24px;
    height: 24px;
}

div.env-var-validation input { display: none }

.loft-list{
	overflow:hidden;
	padding: 1px;
	word-break:break-all;
}

.loft-list .mx-listview-loadMore{
	margin:20px 0px 0px 0px;
}

.loft-list ul li{
	padding: 0px !important;
    border-radius: 0px !important;
    border-width: 0px 0px;
    margin: 0px!important;
	background-color: transparent!important;
}

.loft-list-tw ul li{
    border-width: 0px 0px !important;
}
.loft-list ul li .mx-dataview-content{
	overflow:hidden!important;
}
.envi-container{
	border: 1px solid #dddddd !important;
	border-width: 1px 0px !important;
    margin-bottom: -2px;
}
.loft-list-tc{
	cursor:move !important;
}
.transport-lofts .disabled{
	background-color:#ffffff !important;
}
.transport-lofts .disabled .btn-right , .transport-lofts .disabled .mx-link {
	opacity: 0.5;
	pointer-events:none !important;
}
.transport-lofts .enabled{
	background-color:#feebd2 !important;
}
.transport-lofts .enabled .btn-right, .transport-lofts .enabled .mx-link{
	pointer-events: auto !important;
}
.env-drop-search input{
	border-width: 0px 0px 1px 0px !important;
	border-radius:0px !important;
}

.env-drop-search .form-control:focus{
	border-color:#ddd !important;
	box-shadow: 0px 0px 3px #FAFAFA !important;
}
.env-dropdown .dropdown-button{
	min-width: 160px !important;
	color: var(--text-button-outline-grey-default)!important;
	border: 1px solid var(--border-button-outline-grey-default)!important;
	border-radius: 0.25rem !important;
	font-size:.875rem;
	border-color:#2f3646;
	box-shadow: none;
    transition: all .2s ease-out;
}
.env-dropdown .caret{
	float:right;
	margin-top: 6px;
}
.env-dropdown .dropdown-button:hover, .env-dropdown .dropdown-button:focus{
	color:var(--text-button-outline-grey-default)!important;
	background-color:var(--background-button-outline-grey-hover)!important;
}
.custom-overflow .mx-dataview-content{
	overflow:initial !important;
}
.btn-spaced{
	margin:0px 10px !important;
}
/* A note to be put under a list or input widget */
/* For example to show input limitations or instructions what to do after change (e.g. restart) */
label.note {
	font-weight: normal; line-height: 18px; font-size: 11px;
}
/* DEP-1820 upgrade GridView widget to 4.6.1 revealed a Filter button that we do not want. So hide it. */
/* In version 4.6.0 the authors updated the Filter function and it seems that they assume that you */
/* always want to have this Filter button. Bad assumption. */
.gv_filter_dropdown {
	display: none !important;
}
/* DEP-1958 Replace circlediagram with customized ProgressCircle Widget */
/* Adding all css to adjust the new widget view here */
.progress_circle {
	width:125px;
	margin:auto;
	padding-top: 0.5em;
}
.progress_circle .h2{
	margin:0 !important;
}
.tab-lined .mx-grid-content{
	border-top-width: 0px !important;
}
.card-project-tabs{
	margin-bottom: 20px;
}
.loft-trends .section-block{
	border-bottom: none;
	margin-bottom: 10px !important;
	padding-bottom: 0px !important;
}
.project_splash_screen .mx-dataview-content{
	overflow: hidden !important;
}
/* Node selection page search bar css*/
.node-select .submenu-group .submenu-item a {
	color: #555 !important;
}
.apps-grid .mx-grid-search-item {
	padding: 4px 5px 0px 5px !important;
}
.apps-grid .mx-grid-search-label{
	text-align: left !important;
	width: 50px !important;
}
.apps-grid .mx-grid-search-input{
	width: 250px !important;
}
.license_id_input div p {
	text-align:left !important;
}
/* IP Whitelisting css*/
.ip_whitelisting_dataview .allow_all_check .checkbox {
	margin-left: 0px !important;
}
.ip_whitelisting_dataview .mx-dataview-content{
	overflow:hidden !important;
}
.ip_whitelisting_dataview .allow_all_check .checkbox label {
	padding-left: 5px !important;
}
/* Access restriction ca profile css*/
.arp-ca{
	margin-bottom: 10px;
}
.arp-ca .mx-listview-empty, .arp-ca-invalid .mx-listview-empty{
	display: none !important;
}
.arp-ca ul li{
	border: none !important;
	padding: 0px !important;
	margin-bottom: -30px;
	position: relative;
}
.arp-ca-invalid ul li{
	border: none !important;
	padding: 0px !important;
}
.arp-ca ul li .mx-dataview{
	top: -15px;
    padding-left: 25px;
}
.arp-ca-invalid .mx-dataview{
    padding-left: 25px;
}
.arp-ca .ca-li::before{
	width: 12px;
    height: 35px;
    border-bottom: 1.5px solid #999;
    border-left: 1.5px solid grey;
    content: '';
    display: inline-block;
    margin: 0 3px -20px 14px;
}
.caCerts .ca{
	display:inline-block;
	height:50px;
	width:250px;
}
.caCerts .ca:before {
    float: left;
    content: "\00a0";
    width: 50px;
    height: 51px;
}
.caprofile-dataview {
	float: left;
    width: 100%;
}
.caprofile-dataview .mx-dataview-content{
	overflow: hidden !important;
}
.arp-nav{
	padding-right: 5px;
    font-size: 11px;
    font-weight: 600;
}
/* custom css */
.hide-listview-empty .mx-listview-empty{
	display: none !important;
}
.clean-listview ul li{
	border: none !important;
	padding: 0px !important;
}
.clean-view .gv_empty_message{
	display:none !important;
}
.region-list ul li{
	opacity:0.7;
	border:hidden;
	padding:0px !important;
}
.region-list ul li:hover{
	opacity:1;
	background-color:#0595db !important;
	color:#FFF;
	border-radius:5px;
}
.region-list ul li:last-child {
	border:hidden;
}
.env_type_radio .radio{
	margin-bottom: 1em;
}
.free-banner span{
	line-height:30px !important;
}
/* cloud-portal.css styling override dont remove */
.pds-c-message, .pds-c-message--success, .pds-c-message--danger, .pds-c-message--warning, .pds-c-message--information{
	display: grid !important;
	align-items: center !important;
}
.pds-c-message::before, .pds-c-message--success::before, .pds-c-message--danger::before, .pds-c-message--warning::before, .pds-c-message--information::before{
	top: auto !important;
}
.pds-c-message--nobg{
	background: none !important;
}
.gv_grid .gv_header .gv_searchnode .gv_searchBar{
	height: auto !important;
	border-radius: 4px !important;
}
.deactivated-text{
align-items: center;
background-color: var(--colorMidnight-10);
border-radius: .75rem;
border: 0;
color: var(--colorMidnight-80);
display: inline-flex;
font-size: .75rem;
font-weight: 400;
height: 1.5rem;
justify-content: center;
padding: 0 .5rem;
text-decoration: none;
white-space: nowrap;
}

.mx-listview.services-list li.mx-listview-item {
	border: 0;
	padding: 10px 0;
}
.mx-listview.services-list .service-name {
	font-weight: bold;
}
.mx-listview.services-list .service-description {
	margin-top: 5px;
}
.mx-listview.services-list .column-header {
	color: #888888;
}

/* mx-8 upgrade custom css */
.loft-list .form-control-static, .fixed-form .form-control-static, .env-fixed-form .form-control-static{
	font-size: .875rem;
	padding: 0px;
	border-bottom: none;
}
.metric-list .form-control-static, .fixed-form .form-control-static, .env-fixed-form .form-control-static{
	font-size: 14px;
	padding: 0px;
	border-bottom: none;
	overflow: inherit;
}
.loft-list .form-group, .fixed-form .form-group{
	margin-bottom: 10px;
    margin-top: 10px;
}
.env-fixed-form .form-group{
	margin-bottom: 0px;
    margin-top: 0px;
}
.gv_grid .gv_header .mx-button{
	--color: var(--text-button-outline-grey-default);
	--icon-size: 1.25rem;
    --padding-inline: 1rem;
    --button-size: 2.5rem;
	line-height: 1;
    height: var(--button-size);
	outline-color: rgba(0,0,0,0);
    outline-offset: 0px;
    outline-style: solid;
    outline-width: 0.125rem;
}
.gv_row_hover, .gv_selected{
    background-color: var(--background-table-cell-hover) !important;
}
.build-log-text .ql-editor{
	overflow: hidden;
}
.no-underline {
	text-decoration: none!important;
}
.mx-datagrid table th {
    border-style: solid !important;
    border-color: #D7D7D7 !important;
    border-top-width: 0 !important;
    border-right: 0 !important;
    border-bottom-width: 1px !important;
    border-left: 0 !important;
}
.mx-groupbox.groupbox-primary > .mx-groupbox-header {
    background: var(--background-table-header-default) !important;
}
.connect-app .mx-templategrid-item{
	border-right:0px !important;
	border-left:0px !important;
}
#mxapp .pds-datagrid table tbody tr.selected td, #mxapp .pds-datagrid table tbody tr.selected:hover td {
    color: var(--text-body);
    background-color: var(--background-table-cell-hover) !important;
	font-weight:600;
}
.transport-arrow{
	margin-left: 48%;
    margin-bottom: 5px;
	color: var(--background-button-fill-blue-default);
}
.mx-fileinput .mx-wrapped-input {
    position: absolute;
    font-size: 50px;
    bottom: 0;
    right: -2px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.activity-grid {
    border-width: 0;
    background-color: rgba(0,0,0,0);
    font-size: .875rem;
    width: fit-content !important;
    min-width: 100%;	
}
.wz-paging{
	font-family: "streamline",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif !important;
    speak: none;
    --icon-size: 1.25rem;
	font-size: var(--icon-size, 1rem);
    gap: 0.25rem;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    padding: 0 var(--padding-inline);
    text-decoration: none !important;
    --color: var(--text-button-text-grey-default);
    color: var(--color) !important;
    background-color: var(--background-button-text-grey-default);
    width: 2.5rem;
    margin: 0;
	font-weight: 400 !important;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 2px 0 30px 0;
    color: #17347B;
    font-weight: normal;
    line-height: 1.3;
}
.wz-paging .glyphicon{
	font-family:inherit !important;
}
.wz-paging .glyphicon-fast-backward::before{
	content: "\2b45"!important;
}
.wz-paging .glyphicon-step-backward::before{
	content: "\25c1"!important;
}
.wz-paging .glyphicon-fast-forward::before{
	content: "\2b46"!important;
}
.wz-paging .glyphicon-step-forward::before{
	content: "\25b9"!important;
}
#mxapp.theme-dark .fake-page-dark, #mxapp.theme-default .fake-page{
	display:block;
}
#mxapp.theme-dark .fake-page, #mxapp.theme-default .fake-page-dark{
	display:none;
}

#mxapp .mx-datagrid table tbody tr td .mx-datagrid-data-wrapper {
  white-space: pre-wrap;
}

#mxapp .gv_multiselect_disabled.gv_grid .gv_multiselect_column_head {
    width: 1px !important;
    padding: 0 !important;
}
#mxapp .widget-header-sort .sort-header {
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0;
}
#mxapp .deploy-btn img{
	margin:0;
}
#mxapp .no-bg-effect::after{
    background: none;
}
#mxapp .mps-accordion{
    box-shadow: none !important;
    border: 1px solid var(--grey-4);
	border-radius: 0.25em !important;
}
#mxapp .mps-accordion:hover {
    background-color: var(--grey-0);
    box-shadow: var(--shadow-elevation-4) !important;
	border-radius: 0.25em !important;
}
#mxapp .mps-accordion>.widget-accordion-group-header>.widget-accordion-group-header-button {
    border-radius: 0.25em;
	background-color: var(--grey-0);
}
#mxapps .mps-accordian > .widget-accordion-group-header > .widget-accordion-group-header-button > .widget-accordion-group-header-button-icon{
	color:#000000 !important;
}
#mxapp .mps-accordion>.widget-accordion-group-content-wrapper>.widget-accordion-group-content {
	background-color: var(--grey-0);
	border-radius: 0.25em !important;
}
#mxapp .dep-wizard-datagrid .table .td{
	display:inline;
	align-content:center;
	border-top-color: var(--border-table-default) !important;
}
#mxapp .dep-wizard-datagrid .widget-datagrid-content{
	overflow-y: inherit;
}
.theme-dark .dep-wizard-datagrid .tr-selected .td {
	background-color: var(--alpha-grey-1) !important;
}
#mxapp .dep-wizard-datagrid .table .widget-datagrid-col-select{
	padding-top: 10px;
}
#mxapp .dep-wizard-datagrid .table-footer{
	padding-block:0rem !important;
}
#mxapp .wiz-config-datagrid .table-header{
	float:right !important;
}
#mxapp .wiz-config-datagrid .widget-datagrid-content{
	margin-bottom: 20px !important;
}
#mxapp .dep-datagrid-hideheader .table-content .tr:first-of-type{
    display: none !important;
}
#mxapp .dep-datagrid-1clm-hide .table .table-content{
    grid-template-columns: 2fr 1fr 1fr 0fr !important;
}
#mxapp .dep-datagrid-2clm-hide .table .table-content{
    grid-template-columns: 2fr 1fr 0fr 0fr !important;
}
#mxapp .mx-calendar {
	z-index: 104 !important;
}
#mxapp .pds-alert--info::before {
    content: "\ea31";
}
.dep-wiz-config-value{
	width:100%;
	display: inline-block;
}
.dep-wiz-config-edit{
	--icon-size: 1rem !important;
	--button-size: 1.5rem !important;
	margin-bottom: -5px !important;
}
.dep-config-edit{
	--icon-size: 1.3rem !important;
    --button-size: 2rem !important;
}
.dep-wiz-config-value:hover .dep-wiz-config-edit {
    opacity:100% !important;
}
.dep-wiz-bakup .mx-radiogroup{
    row-gap: 4.8em !important;
    column-gap: 0em !important;
}
.dep-wiz-bakup .radio label{
	display:none !important;
}
.dep-wiz-border-blue{
	border-color: var(--blue-8) !important;
}
.dep-wiz-border-grey{
	border-color: var(--grey-5) !important;
}
.loftselector .loftselector__control{
	min-height:40px !important;
	border-color: var(--grey-5) !important;
}
//fullscreen popup styling start
.modal-dialog .fullscreen {
	top: 0 !important;
	left: 0 !important;
	width: 40% !important;
	min-height: 100% !important;
	padding: 10px;
	opacity: 1 !important;
	transform: translateX(100%);
	transition: transform 300ms ease-in-out;
	&.mx-window-active{
		transform: translateX(0);
	}
	&.mx-window-active:not([data-focus-capturing="modal"]) {
		transform: translateX(100%);
	}
}
@media only screen and (min-width: 501px){
  .modal-dialog.fullscreen {
	height:100% !important;
	width: 40%;
	top: 0 !important;
    right: 0 !important;
    left: auto !important;
    overflow-y: hidden;
    overflow-x: hidden;
	opacity: 1 !important;
	transform: translateX(100%);
	transition: transform 300ms ease-in-out;
	&.mx-window-active{
		transform: translateX(0);
	}
	&.mx-window-active:not([data-focus-capturing="modal"]) {
		transform: translateX(100%);
	}
  }
}
#mxapp .fullscreen.mx-window-view .mx-window-body{
	border-top: 1px solid var(--border-table-default) !important;
    margin-top: 0.75rem !important;
}
.fullscreen .modal-content{
	border-radius: 0rem !important;
}
.reorder-dnd .reorder-hvr{
    display:none !important;
}
.reorder-dnd:hover .reorder-hvr{
    display:block !important;
}
.theme-dark .pagination-bar, .theme-dark .pagination-bar .pagination-button{
	color:var(--text-caption) !important;
}
.theme-dark .pds-button--dark{
	background-color: var(--background-button-fill-grey-default) !important;
}
.theme-dark .pds-button--dark:hover{
	background-color: var(--background-button-fill-grey-hover) !important;
}

.cp-empty-alert{
	background: var(--background-table-header-default) !important;
    border-color: var(--grey-3) !important;
	border-right: none !important;
    border-left: none !important;
}
@keyframes pulse {
  50% {
    transform: scale(1.1);
  }
}

.pulsing {
  animation: pulse 1s infinite alternate;
}

.date-picker-highlight-column {
    background-color: #7EA1F7 !important;
}

.dropdown-container .dropdown-list li, .dropdown-list li .req-dropdown-row {
	line-height: 1.3 !important;	
}