@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Adamina&display=swap');


body {
	color: @textcolor;
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

div h1.text-primary {
	background-color: #000000;
	color: #FFFFFF;
	font-size: @fontsize;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

.page-section-header.text-primary, .page-section-header.text-primary {
	font-size: @fontsize;
	font-family: 'Adamina', serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

.text-primary {
	color: #000000 !important;
}

.help-section-header {
	
	font-family: 'Adamina', serif;
}

.right-menu  .top-section > .wrapper, .right-menu >  .top-section > .wrapper {
	font-family: 'Inter', sans-serif;
	color: #ff0000;
}


div#uopen-footer .right-menu, div#uopen-footer .right-menu .footer-section{
    background-color: #ffffff;
}


div#section-esign strong {
    font-size: 100%;
    margin: 10px 0px 5px 0px;
    display: block;
}


h2.text-primary {
	font-size: 16px;
	font-family: 'Adamina', serif;
	color: #001C69 !important;
	font-weight: 600;
	text-transform: uppercase;
}

b.text-primary {
	/*color: #484848;*/
	color: #008000;
}

h4.secondary-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #6e6e6e;
    font-family: 'Adamina', serif;
    text-transform: uppercase;
    margin: 25px 0px 5px;
    letter-spacing: 0.5px;
}


nav li.active a, nav li.active a:hover, nav li.active a:focus {
	color: #FFFFFF;
}

nav li.active, nav li.active:hover, nav li.active:focus {
	background-color: #000000;
}

nav, nav li, nav li:hover, nav li:focus {
	background-color: #EBEBEB;
}

nav li a, nav li a:hover, nav li a:focus {
	color: #000000;
}

nav li a strong {
	font-size: @fontsize;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

.uopen-stepper-vertical>.stepper-vertical li.active {
	background-color: #000000;
}

.uopen-stepper-vertical>.stepper-vertical li.active {
	background-color: rgba(43, 64, 138, .2);
}

.uopen-stepper-vertical>.stepper-vertical>li a {
	
	color: #9E6900;
	
}

.step-label {
	color: #00478a;
	
}

.step-status {
	color: #9E6900;
}

.uopen-stepper-vertical>.stepper-vertical li.active a:after {
	border-color: rgba(43, 64, 138, .5);
}

.uopen-stepper-vertical>.stepper-vertical li:not (:last-child ):after {
	border-color: rgba(43, 64, 138, .5);
}

.right-menu .top-section>.wrapper, .right-menu>.top-section>.wrapper {
	border-color: rgba(43, 64, 138, .2);
}

div h2.text-primary {
	color: #000000;
	background-color: @bgcolor;
	font-size: @fontsize;
	/*font-family: 'Inter', sans-serif;*/
	font-weight: @fontweight;
	font-style: @fontstyle;
}

div b.text-primary {
	color: #000000;
	background-color: @bgcolor;
	font-size: @fontsize;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

p, form>ul>li {
	color: @textcolor;
	background-color: @bgcolor;
	font-size: @fontsize;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

input, select, input.form-control, select.form-control {
	border-bottom: @border !important;
}

input:hover, select:hover, input:focus, select:focus, input:active,
	select:active, input.form-control:hover, select.form-control:hover,
	input.form-control:focus, select.form-control:focus, input.form-control:active,
	select.form-control:active {
	border-bottom-color: #000000 !important;
	box-shadow: 0 1px 0 0 #000000 !important;
}

.btn-primary, .btn-default {
	color: #ffffff;
	background-color: #001489;
	border-color: #001489;
	font-size: @fontsize;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

.btn-primary:hover, .btn-primary:focus, .btn-default:hover, .btn-default:focus
	{
	color: #FFFFFF;
	background-color: #7A3D0D;
	border-color: #7A3D0D;
}

.btn-outline-primary {
	color: #000000 !important;
	border-color: #000000 !important
}

.btn-outline-primary:hover, .btn-outline-primary:hover:focus {
	color: #7A3D0D !important;
	border-color: #7A3D0D !important
}

.post-icon {
	color: #000000 !important;
}

.btn-toggle-outline-grey-primary.active {
	border-color: #000000;
	color: #000000;
}

.btn-toggle-outline-grey-primary:hover, .btn-toggle-outline-grey-primary:focus
	{
	color: #7A3D0D;
	border-color: #7A3D0D;
}

.post-icon {
	color: #000000;
}

.dropdown-toggle.btn-toggle-outline-grey-primary:hover span,
	.dropdown-toggle.btn-toggle-outline-grey-primary.active span {
	border-right-color: #000000;
}

.badge.bg-info {
	background-color: #000000 !important
}

.btn-link, fieldset>a, div>a, strong>a, span>a, div>label>a, label>a {
	color: #00478a;
	font-size: @fontsize;
	font-family: 'Inter', sans-serif;
	font-weight: @fontweight;
	font-style: @fontstyle;
}

.btn-link:hover, fieldset>a:hover, div>a:hover, span>a:hover, strong>a:hover,
	div>label>a:hover, label>a:hover {
	color: #7A3D0D;
}

.uopen-form-content .uopen-top-bar {
	background-color: #2b408a;
}
}