@import "./bootstrap-resd.css";

.full {
	width: 100%;
	padding-top: .1em;
	margin-left: auto;
	margin-right: auto;
}


/*The standard attributes and then image changes */
.submit-btn {
	color: black;
	font-family: inherit;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0.5em;
	padding-top: .10em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: .10em;
	width: 12.25em;
	height: 2.5em;
	text-decoration: none;
}
/** default with arrow*/
.btn-image {
	background: transparent url(../static/images/next180px.gif) no-repeat
		scroll left center;
}

.btn-image-add {
	background: transparent url(../static/images/add180px.gif) no-repeat
		scroll left center;
}


.textCenter {
	text-align: center;
}

p.link-btn-image-continue a {
	background: transparent url(../static/images/next180px.gif) no-repeat
		scroll left center;
}

p.link-btn-image-greyout {
	background: transparent url(../static/images/continue180px-greyout.gif)
		no-repeat scroll left center;
	/* color: black;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 2px;
	width: 120px;
	height: 30px;
	text-decoration: none;
	margin-left: 20px;
	padding-left: 20px;
	text-indent: 2em; */
}

.link-btn-image-continue a:hover {
	background: transparent url(../static/images/next180px-ovr.gif)
		no-repeat scroll left center;
	text-decoration: underline;
}

p.link-btn-image-save {
	background: transparent url(../static/images/save180px.gif) no-repeat
		scroll left center;
}

p.link-btn-image-save-greyout {
	background: transparent url(../static/images/save180px-greyout.gif)
		no-repeat scroll left center;
}

.link-btn-image-save a:hover {
	background: transparent url(../static/images/save180px-ovr.gif)
		no-repeat scroll left center;
	text-decoration: underline;
}

p.link-btn-right a {
	float: right;
	font-size: 13px; /*.97 em */;
	color: black; /*font-weight: bold;*/
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	height: 22px;
	width: 155px; /*180px;*/ /*155px;*/
}

p.link-btn-left a {
	float: left;
	font-size: 13px; /*.97 em */;
	color: black; /*font-weight: bold;*/
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	height: 22px;
	width: 155px; /*180px;*/ /*155px;*/
}


/* had to add the following because when greyout no 'a' element because not a link*/
p.link-btn-right-disabled {
	float: right;
	font-size: 13px; /*.97 em */;
	color: black; /*font-weight: bold;*/
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 25px;
	line-height: 20px;
	height: 22px;
	width: 155px; /*180px;*/ /*155px;*/
}

p.link-btn-image-add a {
	background: transparent url(../static/images/add180px.gif) no-repeat
		scroll left center;
}

.link-btn-image-add a:hover {
	background: transparent url(../static/images/add180px-ovr.gif) no-repeat
		scroll left center;
	text-decoration: underline;
}

.form-error-field {
	/*background-color: #D7E1F2; /*#C1E0FF;/*#FFC;*/
	/*border: 1px solid #D98C40;*/
	/*box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);*/
	/*@extend .form-control;*/
	/*@include .form-control;*/
	/* &:extend(.form-control); */
	/* @extend .form-control; */
	box-shadow: 0 0 0 0.2rem #dc3545;
	/* display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box; */
	border: 1px solid #dc3545;
	/* border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  */
}
/* The following is to override bootstrap's rounded input boxes*/
.form-control {
	border-radius: 0;
}

.empty-div {
	margin: 0pt;
	padding: 0pt;
	clear: both;
}

.removeLink, .removeLink:hover{
    width: 90px;
	float: left;/*right; /* position of the remove button*/
	color:#dc3545;
    text-decoration: underline;
    cursor: remove;
}

.col-10-percent{
    position: relative;
    width: 10%;
}

.col-align-left{
    position: relative;
    width: 10%;
}

.col-left-margin-5{
    position: relative;
    margin-left: .5em;
}
.col-left-margin-10{
    position: relative;
    margin-left: .10em;
}
/*For the FAQ link*/
.bodyText p a:focus-visible {
    outline: 2px solid 	#818589;
    padding:2px;
}
.labelText{
	font-size:15px;
}

.displayFlex {
  display: flex;
  gap: 10px;
}