﻿
@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-regular.eot);
	src: url(../fonts/proximanova/proximanova-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-regular.woff2) format("woff2"),url(../fonts/proximanova/proximanova-regular.woff) format("woff"),url(../fonts/proximanova/proximanova-regular.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-semibold.eot);
	src: url(../fonts/proximanova/proximanova-semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-semibold.woff2) format("woff2"),url(../fonts/proximanova/proximanova-semibold.woff) format("woff"),url(../fonts/proximanova/proximanova-semibold.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-bold.eot);
	src: url(../fonts/proximanova/proximanova-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-bold.woff2) format("woff2"),url(../fonts/proximanova/proximanova-bold.woff) format("woff"),url(../fonts/proximanova/proximanova-bold.ttf) format("truetype");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-extrabold.eot);
	src: url(../fonts/proximanova/proximanova-extrabold.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-extrabold.woff2) format("woff2"),url(../fonts/proximanova/proximanova-extrabold.woff) format("woff"),url(../fonts/proximanova/proximanova-extrabold.ttf) format("truetype");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-italic.eot);
	src: url(../fonts/proximanova/proximanova-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-italic.woff2) format("woff2"),url(../fonts/proximanova/proximanova-italic.woff) format("woff"),url(../fonts/proximanova/proximanova-italic.ttf) format("truetype");
	font-weight: 400;
	font-style: italic
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-bolditalic.eot);
	src: url(../fonts/proximanova/proximanova-bolditalic.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-bolditalic.woff2) format("woff2"),url(../fonts/proximanova/proximanova-bolditalic.woff) format("woff"),url(../fonts/proximanova/proximanova-bolditalic.ttf) format("truetype");
	font-weight: 700;
	font-style: italic
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-light.eot);
	src: url(../fonts/proximanova/proximanova-light.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-light.woff2) format("woff2"),url(../fonts/proximanova/proximanova-light.woff) format("woff"),url(../fonts/proximanova/proximanova-light.ttf) format("truetype");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: "Proxima Nova";
	src: url(../fonts/proximanova/proximanova-lightitalic.eot);
	src: url(../fonts/proximanova/proximanova-lightitalic.eot?#iefix) format("embedded-opentype"),url(../fonts/proximanova/proximanova-lightitalic.woff2) format("woff2"),url(../fonts/proximanova/proximanova-lightitalic.woff) format("woff"),url(../fonts/proximanova/proximanova-lightitalic.ttf) format("truetype");
	font-weight: 200;
	font-style: italic
}

@font-face {
	font-family: 'D Sari Bold';
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/dsaribold/DSari_Bold-webfont.eot);
	src: url(../fonts/dsaribold/DSari_Bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/dsaribold/DSari_Bold-webfont.woff2) format("woff2"),url(../fonts/dsaribold/DSari_Bold-webfont.woff) format("woff"),url(../fonts/dsaribold/DSari_Bold-webfont.ttf) format("truetype")
}


html
{
	font-size: 14px;
}
body {
	/*  padding-top: 4rem;*/
}

label.required::before {
	content: "*";
	color: red;
}

.card-img-top {
	width: 100%;
	/*	height: 10vw;*/
	object-fit: cover;
}

.text-success !important {
	color:#175d26 ;
}

.text-danger !important {
	color: #9b303a;
}

.alert-success {
	color: #0f3d19;
}

.alert-warning {
	color: #463900;
}

#app-body {
    min-height: 20rem;
}

#hidden {
    display: none !important;
}

#app-no-script {
    display: none;
}

/* Form controls */
label, .label{
	/*font-weight: bold;*/
}

/* Header */
header nav {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.30);
}

.navbar-brand, .navbar-brand a, .navbar-brand:visited, .navbar-brand:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

/* Focus styles for navigation elements */
.navbar-nav .nav-link:focus-visible,
.navbar-nav .dropdown-toggle:focus-visible,
.navbar-nav .dropdown-menu .nav-link:focus-visible,
.navbar-nav button:focus-visible {
	outline: 3px solid #66b0ff; /* brighter blue, high contrast on dark purple */
	outline-offset: 2px;
	border-radius: 4px;
	background-color: rgba(102,176,255,0.2); /* subtle but noticeable highlight */
	transition: background-color 0.2s ease, outline-color 0.2s ease; /* smooth focus transition */
}

/* Focus styles for lists, cards, links, and generic buttons/anchors */
.list-group-item:focus-visible,
.list-group-item-action:focus-visible,
.card-link:focus-visible,
button:focus-visible,
a:focus-visible {
	outline: 3px solid #0d6efd; /* darker blue for strong contrast on white */
	outline-offset: 2px;
	border-radius: 4px;
	background-color: rgba(13,110,253,0.1); /* subtle highlight */
	transition: background-color 0.2s ease, outline-color 0.2s ease;
}

/* Universal keyboard focus for buttons */
.btn:focus-visible,
.btn-primary:focus-visible,
.btn-secondary:focus-visible {
	outline: 3px solid #66b0ff; /* light blue for dark buttons */
	outline-offset: 2px;
	border-radius: 4px;
	transition: background-color 0.2s ease, outline-color 0.2s ease;
}

/* Focus styles for inputs and form controls */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.form-control:focus-visible {
	outline: 3px solid #66b0ff; /* high-contrast blue */
	outline-offset: 2px;
	border-radius: 4px;
	background-color: rgba(102,176,255,0.2); /* subtle highlight behind shadow/border */
	transition: background-color 0.2s ease, outline-color 0.2s ease;
	box-shadow: none; /* ensures the outline stands out over existing shadows */
}

/* Radios and checkboxes: wrap or target directly for focus-visible */
input[type="radio"]:focus-visible,
input[type="checkbox"]:focus-visible {
	outline: 3px solid #66b0ff; /* matches other controls */
	outline-offset: 2px;
	border-radius: 4px;
	background-color: rgba(102,176,255,0.2);
	transition: background-color 0.2s ease, outline-color 0.2s ease;
}

	/* Optional: if using custom styled labels for radios/checkboxes */
	input[type="radio"]:focus-visible + label,
	input[type="checkbox"]:focus-visible + label {
		outline: 3px solid #66b0ff;
		outline-offset: 2px;
		border-radius: 4px;
		background-color: rgba(102,176,255,0.2);
	}


#appHeaderNav .nav-item
{
	white-space:nowrap;
}


footer:first-of-type {
	margin-top: 5rem;
}

footer nav {
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.30);
}
footer a{
	text-decoration: underline;
}


.navbar-dark .navbar-nav .nav-link { color:white;}

h2
{
	margin-top: 1rem;
	margin-bottom: 2rem;
	display:inline-block;
}

#agency-logo {
    height: 3rem;
    width: auto;
    margin-left: 0;
    margin-right: 2rem;
}

.form-group.required .control-label:before, .form-group.required .label:before, span.required:before {
	content: "*";
	color: #a20000;
}
.requiredIndicator {
	color: #a20000;
}

.tooltip {
	opacity: 1 !important;
}

.tooltip-inner {
    background-color: #233e90;
    color: #FFF;
}

section.accordion-button::after
{
	background-image:unset;
}

/* #F4A71C none repeat scroll 0 0*/



.social-container .social {
	background-color: #F00;
	border-radius: 100%;
	width: 100%;
	height: 100%;
	position: relative;
}

.social-container .social-toggle {
	position: absolute;
	font-size: 30px;
	cursor: pointer;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 20px;
	color: #FFF;
}

.social-container .social-drop {
	height: auto;
	width: 100%;
	background: #F00;
	display: none;
	position: absolute;
	top: 55px;
	border-radius: 30px;
}

.social-container .social-drop ul {
	margin-top: 10px;
}

.social-container .social-drop li {
	font-size: 2em;
	text-align: center;
	display: block;
	color: #FFF;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.social-container .social-drop .fa-twitter:hover {
	color: #00aced;
}

.social-container .social-drop .fa-facebook:hover {
	color: #3b5998;
}

.social-container .social-drop .fa-pinterest:hover {
	color: #cb2027;
}

.social-container .social-drop .fa-tumbler:hover {
	color: #32506d;
}

.social-container .social-drop .fa-instagram:hover {
	color: #517fa4;
}
.property-tree .list-group-item {
	border: none;
	padding-left: 2rem;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}
.property-tree  > label
{
	margin-left: 1rem;
}
.appSubTable
{
	min-height: 10rem;
}

#fwkEnvironment {
	color: yellow;
}

#EmailLogEntryTable .show-details-link i:before {
	content: "\f199";
} 

#AuditLogEntryTable .show-details-link i:before {
	content: "\f06e";
}

.ada-required-group .form-check-label::before,
.ada-required-group label.required::before,
.ada-required-group .control-label::before,
.ada-required-group .label::before,
.ada-required-group span.required::before {
	content: none !important;
}
