body {
    background: #F8FAFA;
    color: #7788A0;
}

h1,h2,h3,h4,h5,h6{
	color: #001D48;	
}
.text-light{
	color:#7788A0 !important;
}
.modal-body img{
	max-width: 100%;
	width: 100%;
}
button.btn.btn-help {
    padding: 0;
}
.help-icon .fui-label, .help-icon .fui-legend {
    float: left;
    margin-right: 5px;
    width: auto;
}
.help-icon .fui-instructions {
    margin-bottom: 0;
    clear: none;
}
#imageDisplay{clear: both;
    float: left;
    margin-top: 10px;}
#pdfLink{
     width: auto;
    display: inline-block;
    clear: both;
	}
#imageLink{
    width: auto;
    clear: both;
    display: inline-block;
    margin: 0 6px;
	}
.file-link.image-link.onlyimage{ display: table !important;}
.fui-input-container {
    clear: left;
}
th{
	font-weight: 500;
}
thead th {
    background-color: rgba(235, 238, 244, 0.60) !important;
    color: #7788A0 !important;
    text-transform: uppercase;
    font-weight: normal;
}
.nav-link{
	border-bottom: 2px solid #fff;
}
.nav-link:hover, .nav-link.active, .nav-link:active, .nav-link:focus {
    color: #065AD8 !important;
    border-bottom: 2px solid #065AD8;
}
.pending, .new{
    color: #EB9D00 !important;
}
.approved{
    color: #0CC912 !important;
}
.denied{
    color: red !important;
}
#fileDisplayContainer {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding-left: 8px;
}

.fui-page[data-index="2"] .fui-row.fui-page-row {
    flex-direction: column;
}
.fui-page[data-index="2"] #fileDisplayContainer img#imageDisplay {
   max-width: 100%; /* max-width: 600px; */
}
.fui-page[data-index="2"] #fileDisplayContainer a#pdfLink,.fui-page[data-index="2"] #fileDisplayContainer a#imageLink {
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
}

@media(max-width: 767px){
.table thead th.h5 {
    display: none;
}
.table tbody td {
    display: block;
}
.table tbody td .btn{
    width: 100%;
}
.card-body .fui-tab {
    display: block;
    width: 100%;
}
.card-body .fui-tab-active {
    border: 0;
    background: #ededed;
    border-radius: 5px;
}
.fui-row[data-fui-field-count="2"] {
    display: flex;
    flex-direction: column;
}
.fui-row[data-fui-field-count="3"] {
    display: flex;
    flex-direction: column;
}
table.dataTable {
    width: 100% !important;
}
}
.card-body .bg-warning {
	--bs-bg-opacity: 1 !important; 
      background-color: #ffc107 !important;
}

.fui-type-radio-buttons[data-field-handle="isIsNot"]{
	margin-top:24px;
}
.bg-warning-red{--bs-bg-opacity: 1 !important ;
      background-color: red !important;}
.bg-grey{--bs-bg-opacity: 1 !important ;
      background-color:  grey  !important;}
.bg-green{--bs-bg-opacity: 1 !important ;
      background-color:  green  !important;}
.bg-red{--bs-bg-opacity: 1 !important ;
      background-color:  red  !important;}		  
[data-field-handle="aSeparateDesignRequestFormMustBeSubmit"] label {
    background-color: red;
}	

[data-field-handle="noteYouWillNeedToSubmitASeparateDesign"] {
   color: red;
}	


button[data-add-repeater-row="satelliteDish"],button[data-add-repeater-row="antennae"] {
	
   visibility:hidden !important;height: 0;
}  
.walltypeimage img,.RetainingwallsImage  img{width:100%}


input[type="text"]::placeholder {
  color: #374151;
  opacity: 1; /* Firefox */
}

input[type="text"]::-ms-input-placeholder { /* Edge 12 -18 */
  color: #374151;
}
.fui-type-signature-1 .fui-input-container {
    position: relative;
}
.fui-type-signature-1 .fui-input-container canvas {
    background: #f9fafb;
    background: var(--fui-signature-bg);
    border: 1px solid #d1d5db;
    border: var(--fui-signature-border,1px solid var(--fui-border-color));
    border-radius: .25rem;
    border-radius: var(--fui-signature-border-radius,var(--fui-border-radius));
}
.fui-type-signature-1 .fui-input-container .fui-signature-clear-btn {
    border: 1px solid #d1d5db;
    border: var(--fui-signature-remove-btn-border,1px solid var(--fui-border-color));
    border-radius: 50%;
    border-radius: var(--fui-signature-remove-btn-border-radius);
    height: 0;
    height: var(--fui-signature-remove-btn-height);
    padding: 13px;
    padding: var(--fui-signature-remove-btn-padding);
    position: absolute;
    right: -14px;
    right: var(--fui-signature-remove-btn-right);
    text-indent: -9999px;
    text-indent: var(--fui-signature-remove-btn-text-indent);
    top: 0;
    top: var(--fui-signature-remove-btn-top);
    transform: translateY(-50%);
    transform: var(--fui-signature-remove-btn-transform);
    width: 0;
    width: var(--fui-signature-remove-btn-width);
}
.fui-type-signature-1 .fui-input-container .fui-signature-clear-btn:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='far' data-icon='times' class='svg-inline--fa fa-times fa-w-10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='m207.6 256 107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z'/%3E%3C/svg%3E");
    background-image: var(--fui-signature-remove-btn-icon-bg-image);
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 14px;
    height: var(--fui-signature-remove-btn-icon-height);
    left: 50%;
    left: var(--fui-signature-remove-btn-icon-left);
    position: absolute;
    top: 50%;
    top: var(--fui-signature-remove-btn-icon-top);
    transform: translate(-50%,-50%);
    transform: var(--fui-signature-remove-btn-icon-transform);
    width: 9px;
    width: var(--fui-signature-remove-btn-icon-width);
}

#submission-table .customsort a{color:#7788A0}
.fui-type-phone .iti {
    width: 100%;
}
.fui-type-phone .iti__flag.iti__us {
    background-position: -5263px 0;
}

#submission-table .btn-custom-text{font-size:0.90rem;margin-right: 2px;}