/* CSS Document */
:root {
--light-blue: #034e75;
--dark-blue:#002e46;
--dark-green: #183a39;
--primary: #048667;
}
.form-horizontal .form-group {
	align-items: center;
}

.field-loginform-recaptcha .col-sm-6.col-sm-offset-3, .field-userprofilepassemail-recaptcha .col-sm-6.col-sm-offset-3, .field-userregister-recaptcha .col-sm-6.col-sm-offset-3{
	margin-left: 0;
}

#loginform-recaptcha-recaptcha-login-form.g-recaptcha, .field-userprofilepassemail-recaptcha .col-sm-6.col-sm-offset-3 {
	padding: 0;
}

.form-horizontal .col-sm-6 {
	width: 100%;
}
@media (min-width: 768px) {
	.form-horizontal .col-sm-6 {
		width: 58%;
	}
}

.navbar.navbar-default {
    background: #212121;
    position: sticky;
    top: 0;
}

.ch-container{
	background: #f8f8f8;
	background: linear-gradient(121deg, var(--light-blue) 0, var(--dark-blue) 100%);
	min-height: 100vh;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color:#ffffff;
}
.user-file-form, .user-file-index {
	max-width: 100%;
	overflow-x: scroll;
	padding:10px;
	background: #ffffff;
	border-radius:4px;
	margin: 0 0 1rem 0;
}

.nav-pills>li>a {
	color:#f8f8f8;
	font-weight:bold;
}

.nav-pills>li>a:hover {
	color:var(--bs-secondary);
}
@media (min-width: 980px) {
	.nav-pills>li>a {
		color:#000000;
	}
}

@media only screen and (min-width: 980px) {
    .container-fluid.page-content {
        margin: 40px 30px 50px 280px;
        padding: 30px;
        background: #ffffff;
        border-radius: 6px;
    }
}

.user-form label {
	color:#f8f8f8;
}

@media only screen and (min-width: 980px) {
	.user-form label {
		color:#000000;
	}
}