.svg-icon {
	filter:invert(1);
}

.bg-login {
	background:#ddd;
}

.lg-brand-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
	flex-direction: column;
	color:black;
}

.lg-brand-image {
	width:120px;
}

.lg-brand-txt1{
	font-size:2.0rem;
}
.lg-brand-txt2 {
	font-size:2.0rem;
	margin-top:-20px;
}

.lg-brand-tm {
	font-size:1.0rem;
	vertical-align:top;
	margin-left:-4px;
}

.sb-brand-tm {
	font-size:.8rem;
	vertical-align:top;
	font-weight:normal;
	margin-left:-4px;
}

.sb-brand-txt1{
	font-size:1.2rem;
	text-transform:none;
}
.sb-brand-txt2 {
	font-size:1.2rem;
	margin-top:-10px;
	text-transform:none;
}

.nav-brand-tm {
	font-size:.8rem;
	vertical-align:top;
	font-weight:normal;
	margin-left:-4px;
	color:black;
}

.nav-brand-txt1{
	font-size:1.2rem;
	text-transform:none;
	color:black;
}

.nav-brand-txt2 {
	font-size:1.2rem;
	margin-top:-10px;
	text-transform:none;
	color:black;
}

.cn-status-container {
	text-align:center;
	margin:20px;
}

.cn-status {
	font-size:1.5rem;
	color:black;
}

.btn-circle{
	margin:2px;
}

.row-button-group{
	margin:auto;
	text-align:center;
}

.btn-push-down{
	margin-bottom:-36px;
}

.pull-right{
	float:right;
}

.bold{
	font-weight:bold;
}

.break-line{
	white-space:pre-line;
}

.show-space{
	white-space:pre-wrap;
}

.nowrap{
	white-space:nowrap;
}

.mono-pre{
    white-space:pre;
    font-family:monospace;
}

/* Following two needed for fading modal dialog below another one */

.modal-backdrop {
    visibility: hidden !important;
}
/* Bootstrap 4 solution */
.modal:after { 
	content: ""; 
	display: block; 
	background: rgba(0,0,0, .5); 
	position: fixed; 
	top: 0; 
	bottom: 0;
 	width: 100%; 
	z-index: -1; 
}
/* Bootstrap 3 solution 
.modal.in {
    background-color: rgba(0,0,0,0.5);
}
*/

.spinner {
    margin:auto;
    border: 6px solid gray; /* Light grey */
    border-top: 6px solid white; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.wrap-anywhere {
    overflow-wrap:anywhere;
}