:root {
  --neutrals: #2A2A33;
  --secundary: #5151E0;
  --svijetloSiva : #A6A6AB;
  --pozadina: #F7F7F7;
}

body{
	font-family: 'Montserrat', sans-serif;
	background-color: var(--pozadina);
}

.osnovnoDugme{
	background-color: #FAEA14;
    color: black;
    width: 100%;
    padding: 12px 24px;
    border: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
	box-shadow: none;
	text-transform: none;
	height:45px;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
    border-color: black !important;
    box-shadow: -1px 0 0 0 transparent, 0 1px 0 0 transparent, 0 -1px 0 0 transparent !important;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
    box-shadow: 0 1px 0 0 transparent !important;
    border-top: 1px solid transparent;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
    border-color: black !important;
    box-shadow: 1px 0 0 0 transparent, 0 -1px 0 0 transparent, 0 1px 0 0 transparent !important;
}

.form-outline .form-control:focus~.form-label {
    color: black !important;
}

.form-outline .form-control~.form-label {
	padding-top: 1rem;
}

.form-outline .form-control.active~.form-label, .form-outline .form-control:focus~.form-label {
    transform: translateY(-1.4rem) translateY(0.1rem) scale(.8);
}

.paragraf {
    font-size: 12px;
    letter-spacing: 0.25;
    font-weight: 400;
	color: var(--neutrals);
}

.paragraf a{
	color: var(--secundary);
	font-weight: 600;
}

.linkLogin {
    font-size: 12px;
    letter-spacing: 0.25;
	color: var(--secundary);
	font-weight: 600;
	text-align:right; 
	display: block;
}

.textZapamtiPrijavu{
	font-size: 14px;
	color: var(--neutrals);
	font-weight: 500;
}

.okoZaPassword{
	position: absolute;
    top: 12px;
    right: 10px;
}

.form-check-input[type=checkbox]:checked {
    background-image: none;
    background-color: black !important;
}

.form-check-input:checked:focus {
    border-color: black;
}

.form-check-input:checked {
    border-color: black;
}

.form-check-input[type=checkbox] {
    border-radius: 0.1rem;
}

.copirightLogin {
    font-size: 11px;
    letter-spacing: 0.25;
    font-weight: 500;
	color: var(--svijetloSiva);
}

.form-outline .form-helper {
    font-size: 10px;
}