/*

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.inter-<uniquifier> {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings:
		"slnt" 0;
}

.roboto-condensed-<uniquifier> {
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

*/

html,
body {
	height: 100%;

	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.form-signin {
	max-width: 330px;
	padding: 1rem;
	font-size: 0.8rem;
	margin-top: 2rem;
}

.form-signin .form-floating:focus-within {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.indexText {
	color: #636466;
}
.indexText a {
	color: #636466;
	text-decoration: underline;
}
.indexText a:hover, .indexText a:visited, .indexText a:active {
	color: #5c636a;
	text-decoration: underline;
}

.form-signin .loginText {
	color: #636466;
	font-size: 0.8rem;
	text-align: center;
	margin-bottom: 1rem;
}

.wormmListTable {
	font-size: 0.9rem;
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	padding: .1rem .2rem;
}
.wormmListTable thead tr th {
	font-weight: 500;
	padding: .1rem .2rem;
}

.wormmListTable .rnTypeTd {
	background-color: #010101;
	color: #fefefe;
	padding: .15rem .25rem;
}


.container-xxl {
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
@media (min-width:576px) {
	.container-xxl {
		max-width:540px
	}
	.container {
		width: 100%;
		max-width: none;
	}

}
@media (min-width:768px) {
	.container-xxl {
		max-width:720px
	}
	.container {
		width: 100%;
		max-width: none;
	}
}
@media (min-width:992px) {
	.container-xxl {
		max-width:960px
	}
	.container {
		width: 100%;
		max-width: none;
	}
}
@media (min-width:1200px) {
	.container-xxl {
		max-width:1140px
	}
}
@media (min-width:1600px) {
	.container,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width:1540px
	}
}

header .nav-pills .nav-link.active, header .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #626466;
}
.nav-link {
	color: #626466;
}

.nav-pills .nav-link {
	border-radius: 0;
}
.nav-link:focus, .nav-link:hover {
	color: #5c636a;
}
.klikaj_podcrtano {
	cursor: pointer;
	user-select: none;
	text-decoration: underline;
}
.modal-content {
	border-radius: 0;
}
.btn {
	border-radius: 0;
}
#changesList {
	font-size: 0.8rem;
}
.fileTdCnt {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}
.rnFileList {
	border-radius: 0;
	font-size: 0.8rem;
	padding-bottom: 0;
}
.rnFileList li {
	border-bottom: 1px solid var(--bs-border-color-translucent);
	margin-bottom: 0.25rem;
}
.rnFileList li:last-child{
	border-bottom: none;
}

.rnFileList .dropdown-item {
	padding: 0;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
	font-weight: 500;
}
.rnFileList .file_comment {
	padding: 0;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}