body {font-family: Arial, Helvetica, Verdana, sans-serif;font-size: 12px;}

[aria-invalid=true] { border-color: #fd7e00;}

table.sfia {
	border-width: 1px;
	border-spacing: 1px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.sfia th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
table.sfia td {
	border-width: 1px;
	vertical-align: top;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
table.sfia td.sel {
		background-color: #FCC;
}

table.datacv {
	border-width: 1px;
	border-spacing: 1px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.datacv th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}
table.datacv td {
	border-width: 1px;
	vertical-align: top;
	padding: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	-moz-border-radius: ;
}

.h1
    {
    font-size: 2rem;
    text-align: left;
    color: #f35f07;
    }


.h2
    {
    font-size: 1.7rem;
    text-align: left;
    color: #f35f07;
    }

.normal-italic
    {
    font-size: 0.9rem;
    text-align: left;
    font-style:italic;
    color: #666666;
    }

.normal
    {
    font-size: 0.9rem;
    text-align: left;
    color: #666666;
    }

.labels
    {
    font-size: 1rem;
    text-align: left;
    font-weight: bold;
    color: #666666;
    }

.comment_info, .comment_success, .comment_warning, .comment_error, .comment_system {
    border: 1px solid;
    margin: 15px 0px;
    padding:15px 20px 15px 55px;
    width: 500px;	
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    text-shadow: 2px 2px 2px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.comment_system {
    color: #686868;
    background: #D0D0D0 url('./icon-system.png') no-repeat 10px center;
}
.comment_info {
    color: #00529B;
    background: #BDE5F8 url('./icon-info.png') no-repeat 10px center;
}
.comment_success {
    color: #4F8A10;
    background: #DFF2BF url('./icon-tick.png') no-repeat 10px center;
}
.comment_warning {
    color: #9F6000;
    background: #FEEFB3 url('./icon-warning.png') no-repeat 10px center;
}
.comment_error {
    color: #D8000C;
    background: #FFBABA url('./icon-cross.png') no-repeat 10px center;
}
.tooltip-inner {
    max-width: 700px;
}
.form-control, .input-group-text, .btn {
	font-size: 14px;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.btn.btn-primary{
	border-color:null;
}

@media (prefers-color-scheme: dark) {
	html, body, .input-group-text, .normal, .normal-italic {
		color: #777;
		background: #121212;
		background-color: #121212;
	}
	a:hover, .selected {color: #8ab4f8;}
	h1, h2, h3, h4, h5, h6, .labels {color: #ddd;}
	.col-form-label {color: #bbb;}
	input[type="text"],
	input[type="password"],
	select,
	textarea,
	.form-control,
	.form-control:focus {
		background: #121212;
		background-color: #121212;
		border: 1px solid #bbb;
	    color: #bbb;
	}
	.form-control:focus,
	.form-control:focus[aria-invalid=true] {
		box-shadow: 0 0 0 0.2rem rgba(255,128,64,.5);
		border: 1px solid rgba(255,128,64);
	}
	.btn.btn-primary
	{background: #1471b4;}
	.btn.btn-primary:hover
	{ background: #FF8000;
	 }
	[aria-invalid=true],
	input[type="text"][aria-invalid=true],
	input[type="password"][aria-invalid=true],
	select[aria-invalid=true],
	textarea[aria-invalid=true],
	.form-control[aria-invalid=true] {border-color: #CF5669;}
	.alert-warning {
		background: #121212;
		background-color: #121212;
		border: 1px solid #CF5669;
	    color: #CF5669;
	}
}