/*This css file is to invalidate some of the bootstrap css so that existing acssp ui not get affected */
legend {
	padding: inherit;
	border: inherit;
}

table {
	border-spacing: 2px;
	border-collapse: separate;
}

td, th {
	padding: inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: inherit;
}

.h1, h1 {
	font-size: initial;
}

.h2, h2 {
	font-size: 1.3em;
}

.h3, h3 {
	font-size: inherit;
}

.h4, h4 {
	font-size: inherit;
}

.h5, h5 {
	font-size: inherit;
}

.h6, h6 {
	font-size: inherit;
}

p {
	margin: inherit;
}

.small, small {
	font-size: inherit;
}

ol, ul {
	margin-top: inherit;
	margin-bottom: inherit;
}

ol ol, ol ul, ul ol, ul ul {
	margin-bottom: inherit;
}

fieldset {
	min-width: fit-content;
	padding: initial;
	margin: initial;
	border: initial;
}

legend {
	display: inherit;
	width: inherit;
	padding: inherit;
	margin-bottom: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	border: inherit;
	border-bottom: inherit;
}

label {
	margin-bottom: initial;
	font-weight: initial;
}

input[type=checkbox], input[type=radio] {
	margin: 3px 3px 0px 0px;
	line-height: inherit;
}

.checkbox, .radio {
	position: reinherit;
	display: inherit;
	margin-top: inherit;
	margin-bottom: inherit;
}

.checkbox label, .radio label {
	min-height: inherit;
	padding-left: inherit;
	margin-bottom: inherit;
	font-weight: inherit;
	cursor: inherit;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox],
	.radio input[type=radio], .radio-inline input[type=radio] {
	position: inherit;
	margin-left: inherit;
}

.checkbox+.checkbox, .radio+.radio {
	margin-top: inherit;
}

.checkbox-inline, .radio-inline {
	position: inherit;
	display: inherit;
	padding-left: inherit;
	margin-bottom: inherit;
	font-weight: inherit;
	vertical-align: inherit;
	cursor: inherit;
}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-top: inherit;
	margin-left: inherit;
}

.input-group-btn>.btn {
	padding: inherit;
}

.breadcrumb {
	display: inherit;
	padding: inherit;
	margin-bottom: inherit;
	list-style: inherit;
	background-color: inherit;
	border-radius: inherit;
}

/* defect 208043 : start : blue chevron disabled as iowa customization*/
/* .breadcrumb a:focus, 
.breadcrumb a:active {
    outline: 3px solid #000000; 
    outline-offset: 4px; 
    background-color: #2e6985;
} */
/* defect 208043 : end*/
.breadcrumb>li {
	display: inline-inherit;
}

.breadcrumb>li+li:before {
	padding: inherit;
	color: inherit;
	content: inherit;
}

.breadcrumb>.active {
	color: inherit;
}

.progress {
	height: inherit;
	margin-bottom: inherit;
	overflow: inherit;
	background-color: inherit;
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

.progress-bar {
	float: inherit;
	width: inherit;
	height: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	text-align: inherit;
	background-color: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	-webkit-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
@media (min-width: 768px)
.col-sm-12 {
    width: 100%;
}
.card{
	    background-color: #F5F5F5;
}
.flex-box{
	margin-top:2%;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
} 

/* 
Below classes are required as part of bootstrap 5 upgrade
*/
.card-bsv5{
font-size: 14px !important;
    border: solid 2px #2662DE;
    background:#fff;
}
.panel-title{
	margin-bottom:-3px;
}
.field-set{
	display: flex;
}
.plus-minus{
	position:absolute;
	margin-left:94%;
	margin-top:0;
}
.card{
	background-color: #F5F5F5;
	 display: contents;
}
.flex{
	display:flex;
}
button{
	font-size:14px !important;
}
a.bs-type{
	padding:0;
}
.padding-bs5{ 
	padding: 15px;
}
.padding-sizing{
	padding: 15px 30px !important;
}
.delete-button{
	margin-left:98%
}
.margin-padding{
	padding: 0; 
	margin: 0;
}
.sectionTitle{
	margin:auto !important;
}
.panel-body{
	border: solid 2px #1C365F;
    background-color: #fff;
}
.modal-footer{
	display: flex;
    flex-wrap: nowrap;
}
.modal-close-button{
	background: unset;
    border: none;
    top:10px
}

.modal-close-button:hover,
.modal-close-button:focus {
    outline: 4px solid #000000; /* Black outline for focus */
    outline-offset: 4px; /* Increase the space between the button and outline for better visibility */
    border: 2px solid #ffffff; /* Add a border to make it more bold */
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5); /* Add a shadow effect for better focusability */
}

.btn-close{
	font-size: 25px;
    color: white;
}
button.btn-close :hover{
	 color: black;
}
.no-margin{
	margin:0px !important;
}
.custom-panel{
	border:solid #2662DE;
}
.no-padding{
	padding:0px !important;
}
.one-px{
	border:solid 1px #2662DE !important;
}
.flex{
	display:flex;
}
.flex-direct{
	display:flex;
	flex-direction: column;
	border:none;
}
.content{
	display:contents;
}
.flex-column{
	display:flex;
	flex-direction:column;
}
@media only screen and (max-width: 600px){
.field-set{
    display: flex;
    margin-left: 8%;
    flex-direction: column;
}
}
@media only screen and (max-width: 600px){
	button{
		font-size:12px !important;
	}
}
.add{
	padding:0px;
}