.app-display-view{
	position: absolute;
	overflow-y: hidden;
  margin-left: 120px;
  left:0px;
  right:0px;
  top:0px;
  bottom: 0px;
  height:100%;
  z-index: 103;
  margin-top: 0px;
}

.app-display-view-full{
  margin-left: 0px;
}

#app-display-view-toolbar{
  position: fixed;
  left: 500px;
  top: 0px;
  z-index: 105;
}

.project-selector-area{
	position: fixed;
	top:0px;
	right: 0px;
	z-index: 105;
	width: 300px;
}

.standard-view{
    padding-left: 25px;
    padding-top: 50px;
}

.editor-pane{
  transition: .5s ease all;
  position: fixed;
  background-color: #f7f7f7;
  top: 80px;
	z-index: 10;
	overflow-x: hidden;
	padding: 10px;
	bottom: 15px;
	padding-bottom: 60px;

	-webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
}


.main-menu{
  transition: .5s ease all;
  height: 100%;
  position: fixed;
	z-index: 102;
	overflow-x: hidden;
}

.unpinned{
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	top: 56px;
}

.pinned{
	border: 2px solid LightGray;
}


.editor-mask{
	transition: .5s ease all;
	z-index: 103;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 56px;
	bottom: 0px;
	background-color: black;
	opacity: .5;
}

.list-header{
  font-weight: bold;
  font-size: large;
  padding-right: 10px;
}

.selected-item{
	background-color: lightskyblue;
}


.PASSWORDMETER
{
  width: 100%;
  height: 30px;
  margin-top: 5px;
  background-color: grey;
}

.PASSWORDMETER-0
{
  width: 5%;
  height: 100%;
  background-color: red;
}
.PASSWORDMETER-1
{
  width: 20%;
  height: 100%;
  background-color: orange;
}
.PASSWORDMETER-2
{
  width: 50%;
  height: 100%;
  background-color: yellow;
}
.PASSWORDMETER-3
{
  width: 70%;
  height: 100%;
  background-color: mediumspringgreen;
}
.PASSWORDMETER-4
{
  width: 100%;
  height: 100%;
  background-color: green;
}

html, body{
	background: #f7f7f7;
}

.ui.menu {
	border: 0px;
}

.item{
	border-top: none !important;
}

.project-search-box{
	border-radius: 20px;
	padding: 7px;
}

.ui.transparent.icon.input.project-search-box>input{
	color: white !important;
	padding: 0px 0px 0px 8px !important;
}

.project-search-box .icon{
	color: white !important;
	margin-right: 10px !important;
}

.project-filter{
	padding: 8px !important;
}

.project-filter > .icon{
	color: white !important;
}

.project-filter > .text{
	color: white !important;
	font-size: large;
	font-weight: bold;
	margin: 0px 0px 0px 5px !important
}

.project-filter .item{
	background-color: lightblue !important;
}

.ui.card>.content, .ui.cards>.card>.content{
	flex-grow: unset;
}

.status-table{
	width: 100%;
	border-collapse: collapse;
}

.status-table td{
	border: 1px solid lightgray !important;
	text-align: center;
	padding: 5px;
	width: 50%;
}

.subheader,
.status-text{
	color: darkgray;
}

.projects-grid i.pin{
	margin-left: 15px;
}

.icon-table{
	width: 100%;
	text-align: center;
}

.icon-table td{
	border-right: 1px solid lightgray;
}

.icon-table td:last-child{
	border-right: none;
}

.search-bar{
	border-radius: 0px !important;
	padding-left: 50px;
	padding-right: 50px;
}

.search-bar .toggle{
	color: darkgray;
	padding: 5px;
	cursor: pointer;
}
.search-bar .toggle.active{
	color: white;
	cursor: pointer;
}

.dimmer-container{
	position: fixed;
	top: 68px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
}


.permission-table .ui.button{
	margin-top: 2px;
	margin-bottom: 2px;
}


.left.floated.text.project-name{
	max-width: 70%;
}

.jibunu-silver-gradient .jibunu-white-text .project-name{
	color: black;
}
.jibunu-yellow-gradient .jibunu-white-text{
	color: black!important;
}


.member-accordion{
	margin-bottom: 10px;
}

.member-accordion .active.title{
	color: white !important;
}
.member-accordion .title:hover{
	color: white !important;
}
table a
{
    display:block;
    text-decoration:none;
}
.link-button:hover {
	/* background-color: lightgray; */
	outline: lightblue 1px solid;
}

.pointer-hover:hover{
	cursor: pointer;
}

.link-table{ display:table; }
.link-table-row { display:table-row; }
.link-table-cell { display:table-cell; }

.grid-row-hover:hover{
	background-color: lightgray;
}

.table-row-hover:hover{
	background-color: lightgray;
}


.card.demo{
	box-shadow: none !important;
}

.demo td {
	color: black !important;
}

.ui.steps .step.active {
	background: palegreen !important;
}

.ui.steps .step.active:after{
	background: palegreen  !important;
}



.ui.segment.noSegmentPadding {
	padding: 0px !important;
}

/* Addin standard padding for tables back in*/
.noSegmentPadding .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child{
	padding: 1em 1em !important;
}

.center-horz {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.center-vert {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.jibunu-app-icons a{
	padding: .3em;
}
.jibunu-app-icons a:not(:last-child){
	border-right: 1px solid lightgray;
}

div.ui.pagination.menu{
	/* margin-bottom: 100px !important; */
}

.system-message.ui.message p {
    margin: 0;
    opacity: 1;
}
/* 
.no-fade {
	color: black !important;
}

.no-fade > * {
	color: black !important;
}

.no-fade:hover > * {
	color: blue !important;
}

.contact-table
{
  display: table;
  width: 100%;
}

.contact-row
{
  display: table-row;
}

.contact-cell
{
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}

.contact-cell .ui.dropdown
{
  width: 100%;
}

.contact-table .contact-cell:nth-child(1)
{
  width: 14%;
}
.contact-table .contact-cell:nth-child(2)
{
  width: 30%;
}
.contact-table .contact-cell:nth-child(3)
{
  width: 16%;
}
.contact-table .contact-cell:nth-child(4)
{
  width: 40%;
}

html, body{
	background: rgb(34,44,66);
	color: white;
}

.ui.cards > .card{
	background: #202020;
	background: -webkit-linear-gradient(to top, #232526, #414345); 
	background: linear-gradient(to top, #232526, #414345);
	color: white;	
}

.ui.card > .content > .header, .ui.cards > .card > .content > .header{
	color: white;
}

.icon.pin{
	color: #1C86E2;
}

.ui.card >.content, .ui.cards > .card > .content{
	border-top: 1px solid lightgrey;
}

.card{
	box-shadow: unset !important;
}

.ui.menu .item.searchBox{
	margin: 8px;
	background: rgb(34, 44, 66);
}

.searchBox .icon{
	color: white;
}

.ui.inverted.menu.jibunuBar{
	background: #202020;
}

.ui.menu .dropdown.item .menu{
	background: #202020;
}

.ui.menu .ui.dropdown .menu > .item{
	color: white !important;
}
.ui.menu .ui.dropdown .menu > .item:hover{
	color: white !important;
	background: rgba(255, 255, 255, 0.19) !important;
}

.ui.form label, .ui.slider.checkbox input:checked~.box, .ui.slider.checkbox input:checked~label {
	color: white !important;
} */