/*
i.fa{
	vertical-align:super !important;
}
*/

.md-card .md-icon, .md-icon + .md-icon{
	font-size:24px;
}

#main-navbar{
	XXbackground:url('images/help_banner_1back.jpg');
	XXbackground-color:#2daa9e;
	XXbackground-color:#4c887c;
	XXbackground-color:#1f4e5f;
	background-color:#2c3238;
}

.dark-navbar{
	background-color:#2c3238;
}

.dark-navbar a{
	color:white;
}
.dark-navbar a:hover{
	color:white;
	opacity: .65;
}

.view-portable #main-navbar{
	background-color:#656565;
}

.view-portable .navbar-inverse{
	border-color:#686868;
}


#main-navbar{
	border-radius:0;
	padding-right:10px;
}

#main-navbar .progress{
	margin:15px;
	width:100px;
}

.nav.navbar-nav.navbar-right{
	padding-right:0;
	margin-right:0;
} 

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	background-color:#545f65;
}


.view-portable .navbar-inverse .navbar-nav > .active > a, .view-portable .navbar-inverse .navbar-nav > .active > a:hover, .view-portable .navbar-inverse .navbar-nav > .active > a:focus{
	background-color:#565656;
}

.navbar-inverse .navbar-text {
    color: #bbb;
}

.navbar-inverse .navbar-nav > li > a {
	color:#eee;
	padding: 15px 9px;
}

.navbar-inverse .navbar-nav > li > a .material-icons{
	color:#eee;
}

.navbar-inverse .navbar-brand {
	color:#eee;
}

.navbar-inverse .navbar-brand.left {
	padding-left:0px;
}

.navbar-inverse label{
	color:#eee;
	margin: 0 5px;
}
	
.navbar{
	XXmargin-bottom:10px;
	margin-bottom:0px;
}

.navbar .toggle.btn{
	margin:8px 5px;
}

.navbar form.navBar-form{
 	padding:0px 5px;
}

.navbar .fa.fa-info-circle{
	font-size:22px;
}

.nav button.btn.dropdown-toggl{
	background:transparent !important;
	border: none;
}

.legendInfo ul{
	padding:0;
}

.legendInfo li{
	width:100%;
	margin: 10px 5px 0px 0px;
}

.legendInfo i{
	font-size:1.2em;
}

.legendInfo i.fa{
	font-size:30px;
	margin-right: 10px;
}

.legendInfo i.ion{
	font-size:35px;
	margin-right: 10px;
}

.option .check-labeL{
	margin-left:10px;
}


h3 span.subtitle{
	font-size: 0.9em;
    margin-left: 10px;
    opacity: 0.8;
    font-style: italic;
}


#main-navbar a.icon{
	padding: 12px 5px 0 5px;
	XXpadding-top:12px; 
	padding-bottom:0; 
	 
	XXfont-size:2.3em;
	font-size:24px !important;
} 

i.material-icons {
	font-size:inherit;
}

#main-navbar .search-form{
	padding:8px 5px 0 5px;
}

#main-navbar a.icon .material-icons{
	/*font-size:24px;*/
}

.navbar-inverse .navbar-nav > li > a{
    transition: all 0.3s;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
	opacity: .65;
}

/*
#main-navbar a i.fa, #main-navbar a i.material-icons{
	padding-top:9px; 
	padding-bottom:0; 
	XXfont-size:2.3em;
	font-size:24px;
}
*/

.source-frame{
	width:100%;
	height:500px;
}

div.mermaid {
  width: 100%;
  text-align:center;
}
.mermaid .label {
  font-size:12px;
  line-height:14px;
}

.project-type-AS400 .only-as400, .project-type-VSE .only-mainframe{
	display:block;
}

.project-type-AS400 .only-mainframe, .project-type-VSE .only-as400{
	display:none;
}

body.excludeFiles .only-if-includeFiles{
	display:none;
} 

.no-copybooks .if-copybooks{
	display:none;
} 

body.subsystem-selected .only-if-subsystems-in-menu{
	display:none;
}

body.no-subsystems .only-if-subsystems{
	display:none;
}

.if-allow-create-subsystems{
	display:none;
}

body .only-if-chains{
	XXdisplay:none;
}

.trn.block{
	display: inline-block;
}

.md-card .statistic-table{
	margin:0 10px;
}

.md-card .statistic-table .row{
	border-bottom: dotted 1px;
}

.footer-row td{
	background-color: lightgrey;
}

.nav > li > a.nav-link.small{
	padding:6px 15px;
}

.md-card .nav-tabs a:focus {
	color:#555 !important;
}

#tags-table .fa, #groups-table .fa{
	font-size:1.3em;
	color: #555;
}

#wrapper.active.three-columns .objectDictionary-legend{
	display:none;
}

a.openModule i.fa, a.openSource i.fa,  a.openAI i.fa, a.mr-5 i.fa{
	margin-right:4px;
	font-size: 0.8em;
}

.big-icon{
	font-size: 1.3em;
}

.margin-bottom-extra{
	margin-bottom:30px;
}


.no-visible{
	display:none;
}

.precedences-table{
	background-color: #f3f3f3; 
	border: 1px solid #eee;
	transition: all 0.3s;
}

.precedences-table.oculto{
	display:none;
	transition: all 0.3s;
}


.precedences-table table{
	width:100%;
}

.precedences-table .fillColumn {
	width:100%;
}

.precedences-table td {
	padding:5px 10px;
}

.selection .selColumn{
	display:none;
}

.selection.selectionOn .selColumn{
	display:revert;
}

.selection.selectionOn .noSelColumn{
	display:none;
}
.selection.no-records .if-records{
	display:none;
}

.selection .selectionOption{
	display:none;
}

.selection.selectionOn .selectionOption{
	display:block;
}

li.selection{
	display:none;
}

li.selection.selectionOn{
	display:block;
}

li.selectionOn .no-selection{
	display:none;
}

li.no-records .if-records{
	display:none;
}

.border-0{
	border:none;
}

.float-left{
	float:left;
}
.md-card-toolbar.border-0{
	border:none;
}

.icon-dialog{
	margin-top: 6px;
	margin-right: 1rem;
	font-size: 1.6em;
	float:left;
}

.title-legend .selection-icons a{
	margin-left: 5px;
	color:white;
}

.selection-table tr.checked{
	background-color: #dbdbdb;
}

.selection-table tr.data.checked td {
    border-bottom: 1px solid #ccc;
}

.animated-progress{
	height: 50px;
	float: right;
	margin: 10px 10px 0 0;
}

.md-card thead{
	font-size: 14px;
}

.md-card table thead tr.colored-head td{
	background-color: #eee;
}

table.table-collapsed tbody{
	display:none;
}

#tableSelection th{
	padding-left:0px;
	padding-right:1px;
}

#tableSelection th a{
	color:inherit;
}

#tableSelection th a i.fa-sort-desc, #tableSelection th a i.fa-sort-asc{
	margin-left:3px;
}

body.restrictedMode .as400code-link,
 body.restrictedMode  .tab-source, 
 body.restrictedMode .coloredFile-point,
 body.restrictedMode label#show-all-lines{
	display:none !important;
}

body.restrictCreateTagInline .as400code-link,
 body.restrictCreateTagInline  .tab-source, 
 body.restrictCreateTagInline .coloredFile-point,
 body.restrictCreateTagInline label#show-all-lines{
	display:none !important;
}

li a.disabled{
	color:lightgray;
}

.grid-area .grid-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
  }
  
  .grid-row  .grid-column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	margin-right: 20px;
  }

  .big-tab-pages #deleteSelectedGroups{
	display: block !important;
  }

  .md-card .md-card-toolbar-heading-text{
	overflow: inherit !important;
}

.form-control.no-border{
	border:0;
	box-shadow:none;
}

.md-card-content ul li.onlyIf-HasBRules{
	display:none;
}


.md-card-content.hasBRules ul li.onlyIf-HasBRules{
	display:inherit;
}

.md-card-content ul li.disabled, 
.md-card-content ul li.disabled i ,
 .md-card-content ul li.disabled .uk-text-muted{
	color:lightgray !important;
}

.md-card-content ul li.disabled a {
	cursor: auto;
}

#normal-charts .md-card-overlay-content{
	font-size: 0.85em;
}

#error-password:not(.error), #error-line:not(.error), #error-password2:not(.error), #error-line2:not(.error){
    display:none;
}

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

#navbar-brand-wrapper{
	float:left;
	display:none;
}

#navbar-brand-wrapper.visible{
	display: flex;
}

#data-analysis-table tr.selected td{
	background-color: lightgrey;
}

#configurationNetwork input[type="range"] , .configurationNetwork input[type="range"] {
    display: inline;
    margin-right: 10px;
}

thead th i.fa.fa-sort {
	margin-left: 4px;
}

.no-versions li.versions{
	display:none;
}

.no-bRules li.bRules{
	display:none;
}

table.diff.compress tr.equal:not(.visible){
	display:none;
}

table.diff.compress tr.topBorder td, table.diff.compress tr.topBorder th{
	border-top:1px dashed;
}

table.diff.compress tr.bottomBorder td, table.diff.compress tr.bottomBorder th{
	border-bottom:1px dashed;
}

#login-logo-wrapper{
	display:none;
}

#login-logo-wrapper.visible{
	display: block;
}