.hidden {
	display: none;
}

.main {
	min-height: 700px;	
}

.main h1, .main h2, .main h3 {
	margin-bottom: 1em;
}

.main p, .main ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

.main a:not(.btn) {
	color: black;
	font-weight: bold;
}

.main a:not(.btn):hover {
	text-decoration: underline;
}

a.logout {
	font-size: 10pt;
    font-style: italic;
    color: black;
}

a.logout:hover {
	color: #84BD00;
}

.copyrights p {
	display: none;
}

@media (max-width: 1024px) {
	.profile_details {
		margin-right: 20px;
	}
}

.test .logo-name h1 {
	color: #ff0000;
}

.logo-name h1.short {
	display: none;
}

.login-logo {
	padding: 2em 1em;
}

.login-logo img {
	max-width: 100%;
} 

.login-message {
	margin-bottom: 2em;	
}

.login-block input.validation-error {
	margin: 0;
}

.test .login-head h1 {
	color: #ff0000;
}

.login-head h2 {
	font-size: 2em;
	color: #FFF;
	padding: 1em 0em 1em 0em;
	text-align: center;
	font-family: Arial;
}

.login-head .login-infoSystem {
	text-align: center;
	padding-bottom: 2em;
}

.login-head a {
	font-family: Arial;
	color: #FFF;
}

.login-head a:hover {
	color: #84BD00;
}

.btn {
	margin-right: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.btn-primary {
	border: none;
    background: #0085CA;
}

.btn-primary:hover {
	background: #84BD00;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all ;
	-ms-transition: 0.5s all;
}

.validation-error {
	color: #CB333B;
}

.col-form-label {
	font-weight: bold;
}

.col-form-label-without-input {
	font-weight: bold;
}

.table th {
	background: #A7A8AA;
}

.section {
	padding-bottom: 3em;
}

.issue-table td, .categorysolver-table td, .person-table td, .category-table td, .building-table td {
	vertical-align: middle;
}

.deletedItem {
	background: #d55b62;
}

tr.deletedItem:hover {
	background: #CB333B!important;
}

.legend-box {
	border: 0.05em solid #A7A8AA;
	font-style: italic;
	font-size: 11pt;
	padding: 0.5em;
	margin-bottom: 1em;
}

.legend-box .legend-item {
	display: inline-block;
	margin-right: 1em;
}

.legend-box .legend-item .legend-square {
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	border: 0.05em solid black;
}

.legend-box .legend-item .legend-text {
	display: inline-block;
	vertical-align: middle;
}

.icon-for-modal {
	margin-right: 1em;
	color: #0085CA;
	cursor: pointer;
}

.space-for-icon {
	margin-right: 32px;
}

.issue-filter {
	border: 0.05em solid #A7A8AA;
	padding: 0.5em;
	margin-bottom: 1em;
}

.bg-normal {
	background: #b5d766;
}

.bg-action {
	background: #d55b62;
}

.card-header {
	font-weight: bold;
}

.card-deck {
	margin-bottom: 2em;
}

.breadcrumb {
	top: 196px;
	width: 87%;
	margin: 0 auto;
	z-index: 0;
	position: absolute;
	padding: 1em 2em;
	background: #fff;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
}

@media (min-width:640px){
	.breadcrumb {
	    top: 140px;
	}
}

@media (min-width:1024px){
	.breadcrumb {
	    z-index: 1;
		position: fixed;
	}
}

@media (min-width:1500px){
	.breadcrumb {
	    top: 96px;
	}
}

.breadcrumb .delimiter {
	margin: 0 7px;
	color: #000!important;
	font-weight: bold;
}

.breadcrumb span, .breadcrumb a {
	color: #d55b62;
	font-weight: bold;
}

.breadcrumb a:hover {
	color: #d55b62;
	text-decoration: none;
}

.inner-block {
    padding: 19em 2em 4em 2em!important;
}

.inner-block.index {
    padding: 16em 2em 4em 2em!important;
}

@media (min-width:640px){
	.inner-block {
		padding: 15em 2em 4em 2em!important;
	}
	
	.inner-block.index {
	    padding: 12em 2em 4em 2em!important;
	}
}

@media (min-width:1500px){
	.inner-block {
	    padding: 12em 2em 4em 2em!important;
	}
	
	.inner-block.index {
	    padding: 8em 2em 4em 2em!important;
	}
}

.header-right .user-problems {
	float: right;
	margin-right: 2rem;
	margin-top: 1rem;
	font-weight: bold;
	font-size: 105%;
}

@media (max-width:640px){
	.header-right .user-problems {
		float: left;
		width: 100%;
	}
}

.header-right .user-problems a {
	color: #d55b62;
}

.modal-long-text .modal-dialog {
	max-width: 1200px!important;
}

.modal-long-text .modal-body p, .modal-long-text .modal-body ol, .modal-long-text .modal-body h3 {
	margin-bottom: 1em;
} 

.issue-table caption, .categorysolver-table caption, .person-table caption, .category-table caption, .building-table caption {
	caption-side: top;
}

.issue-description {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.rating-stars-form > input {
	display: none;
}

.rating-stars-form > label:before{ 
 	content: "\f005"; /* Star */
 	font-family: Font Awesome\ 5 Free;
 	display: inline-block; 
 	font-weight: 900;
 	margin-right: 0.5rem;
    font-size: 1.3em;
}

.rating-stars-form > label {
 	color: #222222;
}

.rating-stars-form > input:checked ~ label {
	color: #ffca08;
}

.rating-stars-form > input:hover ~ label {
	color: #ffca08;
}

.rating-stars-display {
	color: #222222;
}

.rating-stars-display .checked {
	color: #ffca08;
}