#banner {
  text-align: center;
  margin-top: 60px;
  padding-top: 60px 0;
	
}
.message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 0px !important;
  color: black;
}
.message p {
  margin: 0px;
}

.alert {
  color: white;
  border: 1px solid #993624;
  background-image: url(/assets/messages/error-2d297731a7898a84045b3ba4be4226642c4fd429a85c1f68069d5383a9fe849b.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #cc4831;
  display:block;
}
.error, .error-list {
  border: 1px solid #993624;
  background: url(/assets/messages/error-2d297731a7898a84045b3ba4be4226642c4fd429a85c1f68069d5383a9fe849b.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #cc4831;
  display:block;
}
.warning {
  color: #28485e;
  border: 1px solid #bb9004;
  background-image: url(/assets/messages/warning-0fbf9fcdb31691ca28a72c796c66c75ad3801d93e7a666c009ab65df2125ceed.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #f9c006;
  display:block;
}
.notice {
  color: #000;
  border: 1px solid #8a9daa;
  background-image: url(/assets/messages/notice-e888a8ec1f4f395cdb9bfd3c756d8d7b37acc753f975b204afcaf06b82ef00ab.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #b8d1e2;
  display:block;
}
.error-list {
  text-align: left;
}
.error-list h2 {
  font-size: 16px;
  text-align: center;
}
.error-list ul {
  padding-left: 22px;
  line-height: 18px;
  list-style-type: square;
  margin-bottom: 15px;
}

#error_explanation {
  color: red;
  ul {
    color: red;
    margin: 0 0 30px 0;
  }
}

#error_explanation .message {
  margin-left: 20px;
  color: white;
  font-size: 14px;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .closed_lot {
		@apply bg-nsh-light-gray text-nsh-dark-gray dark:bg-nsh-dk-light-gray dark:text-nsh-dk-dark-gray font-semibold;
	}
	
  .closed_lot_text {
		@apply text-nsh-dark-gray dark:text-nsh-dk-light-gray font-semibold;
	}
	
	.design_completed {
		@apply bg-nsh-blue dark:bg-nsh-dk-blue dark:text-white font-semibold;
	}
	
	.design_completed_text {
		@apply text-nsh-blue dark:text-nsh-dk-blue font-semibold;
	}
	
	.fieldfile_completed {
	  @apply bg-nsh-yellow dark:bg-nsh-dk-yellow dark:text-black font-semibold;	
	}
	
	.fieldfile_completed_text {
	  @apply text-nsh-yellow dark:text-nsh-dk-yellow font-semibold;	
	}
	
	.framing_started {
		@apply bg-nsh-red dark:bg-nsh-dk-red dark:text-white font-semibold;
	}
	
	.framing_started_text {
		@apply text-nsh-red dark:text-nsh-dk-red font-semibold;
	}
	
	.sheetrock_started {
		@apply bg-nsh-purple dark:bg-nsh-dk-purple dark:text-white font-semibold;
	}
	
	.sheetrock_started_text {
		@apply text-nsh-purple dark:text-nsh-dk-purple font-semibold;
	}
	
	.slabpour_completed {
	  @apply bg-nsh-orange dark:bg-nsh-dk-orange dark:text-white font-semibold;	
	}
	
	.slabpour_completed_text {
	  @apply text-nsh-orange dark:text-nsh-dk-orange font-semibold;	
	}
	
	.sold_lot {
		@apply bg-nsh-green dark:bg-nsh-dk-green dark:text-white font-semibold;
	}

	.sold_lot_text {
		@apply text-nsh-green dark:text-nsh-dk-green font-semibold;
	}
	
}


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */