.jrc-navbar-color {
    background-color: #006f3d!important;
}

.intro {
    background: url("/jarc-gui/javax.faces.resource/images/loginCover/pexels-photo-638487.jpeg.xhtml") no-repeat center center;
    background-size: cover;
}
    
.katZglDialog {
    max-width: 300px;
}

@media ( min-width : 576px) {
    .katZglDialog {
        max-width: 500px;
    }
}

@media ( min-width : 768px) {
    .katZglDialog {
        max-width: 500px;
    }
}

@media ( min-width : 992px) {
    .katZglDialog {
        max-width: 700px;
    }
}

@media ( min-width : 1200px) {
    .katZglDialog {
        max-width: 800px;
    }
}

.progress {
    position: relative;
    height: 0.2rem;
}

/* .progress {
	box-shadow: none;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 4px;
	overflow: hidden;
	margin-bottom: 1rem;
	background-color: #eeeeee;
}

.progress .progress-bar {
	border-radius: 0;
	height: 4px;
	background-color: #0d47a1;
}

.progress.progress-default {
	height: 1rem;
}

.progress.progress-default .progress-bar {
	height: 1rem;
}

.progress.progress-wider {
	height: 20px;
}

.progress.progress-wider .progress-bar {
	height: 20px;
}

.progress.progress-narrower {
	height: 1px;
}

.progress.progress-narrower .progress-bar {
	height: 1px;
} */


.black-light .mask, .black-light .full-bg-img {
	background-color: rgba(0, 0, 0, 0.3);
}

.settings-font {
	
}

.settings-contrast {
	
}

.settings-contrast li {
	border: 1px solid;
	font-size: 120%;
	cursor: pointer;
}

.settings-contrast li:hover {
	outline: 1px solid
}