/*******************************************************************************
	airnowtech.css
	Main CSS file for AIRNow-Tech
	Last Modified: ANH/2007-11-03
*******************************************************************************/

/*******************************************************************************
	Element selectors
	These are general rules that apply to all instances of a given element,
	unless overridden by a class or id below
*******************************************************************************/
/*body {
	background: white url(assets/bg_sidebar-flowers.jpg) no-repeat 529px 0px;
	width: 800px;
}
body#left {
	background: white url(assets/bg_left.jpg) no-repeat 0px 0px;
	width: 800px;
}
body, div, td, th {
	font: 11px Arial, Helvetica, Verdana, sans-serif;
	color: black;
}*/

a {
	color: #085AAD;
}

table th {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
select, textarea { 
	color: black;
	background: white; 
}

/*******************************************************************************
	Navigational header
*******************************************************************************/

/* The main (blue) navigational bar */
/*.mainnav {
	background: url(assets/page-bg.gif ) repeat-x right top;
	height: 78px;
}
td.mainnav-u a, td.mainnav-sel a {
	height: 25px;
	background: url(assets/mainnav_btn-u.gif) no-repeat left top;
	color: white;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 4px;
}
td.mainnav-u a:hover, td.mainnav-sel a:hover {
	background-image: url(assets/mainnav_btn-f.gif);
	text-decoration: none;
}
td.mainnav-sel a {
	background: url(assets/mainnav_btn-d.gif) no-repeat left top;
}

/* The text above the navigational bar */
.topnav {
	color: #555555;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 8px;
}
.topnav a {
	color: #0A53A2;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 0px 8px;
}
.topnav a:hover {
	color: #0A53A2;
	text-decoration: none;
}*/

/* wow, this should probably have a more useful name */
.style1 {
	color: #AAAAAA;
}

/* Sub-navigation on certain pages */
/*.subnav b {
	color: #0A53A2;
	font-weight: bold;
}

.subnav {
	color: #0A53A2;
	font: 12px Arial, Helvetica, sans-serif;
}
.subnav a {
	height: 25px;
	color: #0A53A2;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0px 8px;
	vertical-align: top;
}
.subnav a:hover {
	color: #0A53A2;
	text-decoration: none;
}
.subnav a.sel {
	height: 25px;
	color: #0A53A2;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0px 8px;
	vertical-align: top;
}
.subnav a.sel:hover {
	color: #0A53A2;
	text-decoration: none;
}*/

/*******************************************************************************
	Home page boxes
*******************************************************************************/

/* Rules for the home page boxes (the title and rounded-corner box) */
dl.homepageblock {
	width: 380px;
}
dl.homepageblock dt {
	font: bold 18px Arial, sans-serif;
	padding: 0px 4px;
	color: #3230CF;
	height: 24px;
	background: url("../images/homepagebox-header.gif") no-repeat right top;
	border-left: 1px solid #1698f3;
}
dl.homepageblock dd {
	margin: 0;
	padding: 4px;
	border: 1px solid #1698f3;
	border-top: none;
	background: white;
}

/* News and Events sub-titles */
dl.homepageblock h4 {
	font: bold 16px Arial, sans-serif;
	margin: 0;
	padding: 0;
}

/* Rules for the polling tables ("Polling Summary", "My Agency's Polling Summary") */
table.polling {
	border: none;
	border-collapse: collapse;
}
table.polling td, table.polling th {
	font: bold 13px Arial, sans-serif;
	border: 1px solid white;
	margin: 0;
	text-align: center;
}
table.polling th {
	background: #ccc;
	width: 100px;
}
table.polling th.firstrowheader {
	width: 80px;
}
table.polling th.rowheader {
	background: #b8c2e7;
	width: 80px;
}
table.polling th acronym {
	border: none;
}

.defSubBox {
	padding: 20px;
}

/* Polling status color codes.  Also used by Agency.cfm and SiteList.cfm for polling summary displays */
/* Set to !important to override the Blueprint css settings for all tables */
.polling_gray {
	color: black !important;
	background-color: #eee !important;
}
.polling_green {
	color: black !important;
	background-color: #00e400 !important;
}
.polling_yellow {
	color: black !important;
	background-color: #ffff00 !important;
}
.polling_red {
	color: white !important;
	background-color: #99004c !important;
}
.polling_black {
	color: white !important;
	background-color: #000000 !important;
}
.polling_blue {
	color: #000000 !important;
	background-color: #ADDFFF !important;
}

/* Rules for the "observed" box */
table.observed {
	border-collapse: collapse;
	width: 360px;
}
table.observed td, table.observed th {
	margin: 0;
	padding: 1px;
	text-align: center;
}
table.observed th.rowheader {
	text-align: left;
}
table.observed td div.aqibox {
	margin: auto;
}

/*******************************************************************************
	Assorted generic styles from Brian Lobsinger
*******************************************************************************/

.maincontent {
	margin-left: 34px;
	margin-top: 5px;
	width: 725px;
}
.maincontent-head {
	font: 20px "Arial Black", Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	color: #B7B6B6;
	border-bottom: 1px solid #0A53A2;
}
.topcontent-head {
	font: 16px "Arial Black", Arial, Helvetica, sans-serif;
	color: #B7B6B6;
}

.bodycontent {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 12px 0px;
}
.bodycontent-head {
	font: bold 12px Arial, Helvetica, sans-serif;
}
.button-bar {
	padding-top: 4px;
	color: #B7B6B6;
	border-top: 1px solid #0A53A2;
}

input.text-med {
	height: 20px;
	width: 130px;
}

/*******************************************************************************
	Generic form-related rules
*******************************************************************************/

/* Used to create forms without tables */
.line {
	width: 584px;
	clear: both;
	padding-top: 5px;
}
.line .left {
	float: left;
	width: 135px;
	padding-right: 2px;
}
.line .right {
	width: 440px;
	float: right;
	padding-left: 2px;
}

/* Used by the Validation object to indicate validation errors with form fields */
input.error {
	background-color: yellow;
}

/* Added by ahealy 03/27/2008 used on logon page when the required comment field is submitted empty*/
textarea.error{
	background-color: yellow;
}

input.normal {
	background-color: white;
}

select.error {
	background-color: yellow;
}
span.error {
	display: block;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	color: red;
	white-space: normal;
}

span.title { 
	font-weight: bold;
	font-size: 12px;
}

/* Generic wrapper for data forms */
.dataqueryarea {
	position: relative;
	width: 600px;
	margin: 10px 150px;
	font: 13px Arial, sans-serif;
}

.breadcrumbs {
	font: 12px Arial, sans-serif;
	font-weight: bold;
	padding-top: 5px;
}

/*******************************************************************************
	Site Selector
*******************************************************************************/
body.siteselector {
	background: white;
	width: 580px;
	color: black;
    font: 12px Arial,Helvetica,Verdana,sans-serif;	
}

.siteselector h2 {
	padding-left:10px;
	color: #342D7E;
	font-size: 24px;
}

.siteselectortable select {
	width: 150px;
}
.siteselectortable select.larger {
	width: 200px;
}

.SiteSelectorBox {
	width: 250px;
}

body.siteselector input.arBtn {
	width: 40px;
}

#retrieved_sites {
 	float: left;
}

#site_message {
	margin-left: 10px; 
	color: red;
}
/*******************************************************************************
	Rules for specific forms
*******************************************************************************/

/* QC Criteria form */

.qccriteria th, .qccriteria td {
	font: 11px Arial, sans-serif;
	border: 1px solid black;
	text-align: center;
}
.qccriteria th {
	background: #DDD;
}

.qccriteria td input {
	border:0;
}

.qccriteria td.hour {
	background: #F2F2F2;
}

/* General rules for a table of input boxes (used by QCCriteria) */
.inputtable {
	border-collapse: collapse;
}
.inputtable th, .inputtable td {
	margin: 0;
	width: 80px;
}
.inputtable td.gray {
	background: #eee;
}
.inputtable td input {
	font: 12px Arial, sans-serif;
	text-align: center;
	width: 94%;
	height: 94%;
}

/* Used by the Site List tool on the MyAccount page */
div.sitelist {
	width: 300px;
	height: 200px;
	padding: 4px;
	overflow: auto;
	border: 1px solid black;
}
div.sitelist div {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

/* Used by Agency.cfm */
.agencyedittable th, .agencyedittable td {
	font: 12px Arial, sans-serif;
	font-weight: normal;
}

.agencySiteTable {
	color: black;
}

/* Used by sitedetail.cfm and sub-forms */
.siteparamedittable th, .siteparamedittable td {
	font: 12px Arial, sans-serif;
	font-weight: normal;
}
.selectparamtable th, .selectparamtable td {
	font: 12px Arial, sans-serif;
	font-weight: normal;
	padding: 2px 0 2px 0;
	color: black;
}

.siteedittable th, .siteedittable td {
	font: 12px Arial, sans-serif;
	font-weight: normal;
}
.siteparamtable {
	border-collapse: collapse;
	color: black;
}
.siteparamtable th {
	background-color: #ffffff;
	vertical-align: bottom;
}
.siteparamtable th, .siteparamtable td {
	font: 12px Arial, sans-serif;
	border: 2px solid #C9C9C9;
	text-align: center;
	padding: 2px;
}
.siteparamtable td.agency {
	text-align: left;	
}
#divOzone, #divPM, #divOther {
	padding-left: 150px;
	position: absolute;
	top: 590px;
}
.input_site {
	width: 175px;
	color: black;
}
.input_latlon {
	width: 25px;
	color: black;
}
.input_latlondeg {
	width: 150px;
	color: black;
}
.input_agency {
	width: 250px;
	color: black;
}
.input_agency1 {
	width: 150px;
}

/* Used by the logon form */
.input_logon {
	width: 240px;
}

.input_site_param {
	width: 250px;
}
.textarea_site_param {
	width: 465px;
}
.input_data_report {
	width: 220px;
}

input[disabled] {
   	background: #F1F1F1;
}

/*******************************************************************************
	Used by Agency.cfm and SiteList.cfm to generate polling summary tables
*******************************************************************************/

a.checkmark {
     display:block;
     width: 20px;
     height: 20px;
     text-align:center;
     text-decoration:none;
     padding-top: 0px;
     font-family:arial;
     font-size:16px;
     color:#669;
}
 
a.polling {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

/*******************************************************************************
	Used by tags:displayDataTable to generate data tables for several pages
*******************************************************************************/
table.datatable {
	border-collapse: collapse;
	border: none;
}
.datatable th {
	border: 1px solid #666;
	white-space: nowrap;
	background: #ccc;
	color: blue;
	font: bold 12px Arial, sans-serif;
	text-align: center;
	padding: 0px 2px;
}
.datatable td {
	border: 1px solid #666;
	background: white;
	text-align: center;
	font: 12px Arial, sans-serif;
	white-space: nowrap;
	padding: 0px 2px;
}
.datatable .left { 
	text-align: left; 
}
.datatable .canwrap { 
	text-align: left;
	white-space: normal; 
}
.datatable td.spacer {
	border: none;
}
.datatable td.fixIEbug {
	background: transparent; 
	border: none; 
	border-left: 1px solid #666;
}

/*******************************************************************************
	Used by fss/accuracy.cfm
*******************************************************************************/
.tabtable {
	margin-bottom: 24px;
	width: 700px;
	border-collapse: collapse;
}
.tabtable td {
	border: 1px solid #666;
	border-bottom: 1px solid blue;
	background: #eee;
	font: bold 12px Arial, sans-serif;
	text-align: center;
	height: 25px;
	width: 100px;
}
.tabtable td.sel {
	border: 1px solid blue;
	border-bottom: 1px solid white;
	background: white;
}
.tabtable td.right, .tabtable td.spacer {
	width: auto;
	text-align: right;
	color: blue;
	border: none;
	background: transparent;
	border-bottom: 1px solid blue;
}

table.accLegend {
	width: 700px;
	border-collapse: collapse;
	border: 1px solid #194C7F;
}
table.accLegend th {
	padding: 2px 4px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

table.accLegend td {
	padding: 1px 4px;
	color: black;
}

table.accLegend caption {
	margin-top: 32px;
	border: 1px solid #666;
	border-bottom: none;
	white-space: nowrap;
	background: #194C7F;
	color: white;
	font: bold 12px Arial, sans-serif;
	text-align: center;
	padding: 3px 19px 3px 5px;
}

/* Used by fss/accuracy.cfm */
table.matrix {
	border: none;
}
table.matrix td {
	border: none;
	width: 2em;
	height: 1em;
}

/*******************************************************************************
	Other styles
*******************************************************************************/

.RedAsterisk {
	color: red;
	font-weight:bold;
	font-size: 18px;
}

.blueheader2 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #3230CF;
}

/* I'm not sure these are still needed... */
.agencylistheader td {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	color: #3230CF;
}
.sitelistheader td {
	font: 14px Arial, sans-serif;
	font-weight: bold;
	color: #3230CF;
}

/******************************************************************************/

/* New Submssion Styles */
#forecastSubmission .aqiBox {
}

#fcstSubTable .disabled {
	background-color: #e5e5e5;
}

#fcstSubTable th {
	text-align:center;	
	}
	
#fcstBuildTable #actions input {
	/*background-color: #4488d0; 
	font-weight:bold;
	font-size:10px;
	color: #fff; */
	}

.fssBtn {
	background-color: #4488d0; 
	font-weight:bold;
	font-family:arial;
	font-size:10pt;
	color: #fff;
	}
	
.fssBtnDisabled {
	background-color: #ccc; 
	font-weight:bold;
	font-size:10px;
	color: #666;
	}

.fssLrgBtn {
	background-color: #4488d0; 
	font-weight:bold;
	font-size:12px;
	color: #fff;
	}

.invalidBox {
	border: solid 1px red !important;
	color: black;
	background-color: white;
	text-align:center;
}

.good {
	color: #000;
	background-color: #00E400 !important;
}
.mod {
	color: #000;
	background-color: #FFFF00 !important;
}
.usg {
	color: #000;
	background-color: #FF7E00 !important;
}
.unh {
	color: #fff;
	background-color: #FF0000 !important;
}
.vu {
	color: #fff;
	background-color: #99004C !important;
}
.haz {
	color: #fff;
	background-color: #7e0023 !important;
}
.none {
	color: #000;
	background-color: #fff !important;
}

.disabledText {
	color:#999 !important;	
}

.message {
	width:100%;
	text-align:center;
	font-size:14px;
	color:green;
	font-weight:bold;
}

.errorMessage {
	width:100%;
	text-align:center;
	font-size:14px;
	color:#E00E0E;
	font-weight:bold;
}
	
.prevDiscussion {
	background-color: #ebf3fb;
	font-style: italic;
}

.fssLabel {
	 background-color:#999;
	 color:#fff;
	 padding:0px 5px 0px 5px;
	 font-size:14px;
	}
	
.fssErrMsg {
	font-weight:bold;
	color:#990000;
	text-align:center
}

.fssBox {
	 border:solid 1px #999;
	}
	
/* FSS Query */
.queryCity {
	border-bottom:solid 1px #999;
	font-weight:bold;
	}
.queryAgency {
	border-bottom:solid 1px #999;
	font-weight:bold;
	width:70px;
	text-align:center;
}
.queryStatus {
	border-bottom:solid 1px #999;
	font-weight:bold;
	width:100px;
	text-align:center;
	}
	
.queryDay {
	border-bottom:solid 1px #999;
	width:69px;
	text-align:center;
	}

.queryHeader {
	border-bottom:solid 1px #999;
	text-align:center;
	font-weight:bold;
}

.noaaPopHidden {
	display:none;
	}
	
.noaaPopShow {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:gray;
	filter:alpha(Opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
}
	
.noaaTextBox {
	display:none;
	left:225px;
	top:150px;
	width:300px;
	height:150px;
	position:absolute;
	z-index:100;
	background:white;
	padding:5px;
	border:1px solid black;
}

.smallDateTextBox{
	width:50px;
}

/* Data Query Styles */

div#paramListDiv {
	border:solid 1px #666;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#fff;
}

.errorText {
	color: #ff0000;
	font-weight:bold;	
}
.successText {
	color: green;
	font-weight:bold;
}

hide {
	display:none;
}

show {
	display:block;
}

div#listMsg {
	/* padding-left:20px; */
	padding-top:5px;
	}

div.loading {
	color:blue;
	font-weight:bold;
	/* background: url("images/mozilla_blu.gif") no-repeat left bottom; */
}

div.success {	
	/* background: url("images/greencheck.gif") no-repeat left bottom; */
}

.disabled {
	background-color: #e5e5e5 !important;
}

.blueTableHeader {
	font-weight:bold;
	color:#194C7F !important;
	font-size:13px;
}

/* Error & Info Boxes */
div#error {
	background:#FFEBE8 none repeat scroll 0%;
	border:1px solid #DD3C10;
	padding:10px;
	margin:0px 0px 20px 0px;
	width:500px;
	text-align:left;
}

div#info {
	background:#F4FDF7 none repeat scroll 0%; 
	border:1px solid #16b14c; /* #e2c822; */
	padding:10px;
	margin-bottom:20px; 
	width:500px;
	text-align:left;
}

div#error h1, div#info h1 {
	font-family: arial;
	font-size: 10pt;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

/* Hover message bits */
a.inf {
    position:relative;
    /*z-index:24; */
    text-decoration:none;
    cursor:help;
    /* background-color:#f5f5f5; */
}
a.inf:hover {
	z-index:25; 
	background-color:#ffffff;
    cursor:help;
}

a.inf span {
	display: none;
	background-color:#f5f5f5;
}

a.inf:hover span { 
	/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:30px; left:20px; width:120px;
    border:1px solid #000000;
    background-color:#f5f5f5; 
    color:#000;
    font-weight:normal;
    text-align: left;
    text-decoration:none;
    padding: 10px 10px 10px 10px;
}
/* End hover message bits */


/*******************************************************************************
	Sortable Table
	
	Note: sortable table styles for emails need to be put in <style></style> tag
	in the email due to the fact that some modern email clients will not fetch 
	a css file from a remote server. 
	
*******************************************************************************/

table.sortable {
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	background-color: #FFF;
	border-collapse:collapse;
}

thead, tfoot {
	background-color: #DDD;
}

table.sortable th {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
}

table.sortable td {
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	padding:2px;
}

tr.rowodd {
}

tr.roweven {
	background-color: #F2F2F2;
}

input.field_nobottommargin {
	margin: 0.5em 0 0 0;
}

/*****************************************************************

	Site Detail Page

*****************************************************************/

tr.rowevenSiteDetails {
	background:#e0eeee;
}

table.sdTable {
	color: black;
}

.siteDetailSelector {
	width: 170px;
}

/*****************************************************************/

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #B9DDFF;
	background-image: url(images/up.gif);
}
.sortdesc {
	background-color: #DDFFAC;
	background-image: url(images/down.gif);
}
.nosort {
	cursor: default;
}

.urg1, .urg2, .urg3, .urg4, .urg5 {
	padding: 3px;
	text-align: center;
	border: 1px solid #333;
	width: 3em;
}

.urg1 {
	background-color: #FFFACD;
}
.urg2 {
	background-color: #FFD700;
}
.urg3 {
	background-color: Orange;
}
.urg4 {
	background-color: #FF6347;
}
.urg5 {
	background-color: Red;
}

.scroll-table-head {
    width: 800px;
}

.scroll-table-body {
    width: 800px;
    height: 400px;				
}
.scroll-table-body td {
	padding-right: 20px;
	overflow: hidden;
}

.sortColumnText {
	font-weight:bold;
	font-size:14px;
	color:#4488d0;
	}
	
/* CSS for the legend on index page of FSS*/
.legendTable
{ 
	text-align:center;
}
.legendTable tr td
{
	width:15%;
	font-weight:bold;
}
#whiteCell
{
	color:#ffffff;
}
#largeCell
{
	width:70%;
}
#largeWhiteCell
{
	width:70%;
	color:#ffffff;
}	
.legendDiv
{
	text-align:center; 
	border:solid 1px #999;
	height:95px;
	width:260px; 
	padding:5px;
}
/* End legend section*/


div.notifierBoxInfo {

	width:400px;
	background:#F4FDF7 none repeat scroll 0%; 
	border:1px solid #16b14c; /* #e2c822; */
	padding:10px;
	margin-top:20px;
	font-weight:bold;
}

tbody tr:nth-child(2n) td, tbody tr.even td {
    background: none;
    color:black;
} 


/****************************************************
    Resources Page
*****************************************************/
.statsContent {
    padding: 5px;
    margin: 2px 0 2px 0;
    display: none;
    width: 60%;
}

/*****************************************************
	Stats Page
*****************************************************/
table.statsTable {
	margin-bottom:1.4em;width:100%;
}

table.statsTable th {
	font-weight:bold;
	background: #194C7F;
	color: white;
}

table.statsTable th, table.statsTable td, table.statsTable caption {
	padding:4px 10px 4px 5px;
}

table.statsTable tr .data {
	text-align: right;
}

table.statsTable tr:nth-child(even) td {
	background:#e5ecf9;
}

table.totalStatsTable {
	padding-top: 10px;
}

table.totalStatsTable tr td {
	padding: 5px 0px 5px 0px;
}

table.totalStatsTable tr th {
	width:285px;
}

div.dateTimeBox span {
	float:left; 
	padding: 7px 5px 0px 0px;
	font-weight:bold;
}

div.dateTimeBox input#timeSince {
	width: 80px; 
	float:left;
}

div.dateTimeBox input#timeSince_picker {
	float:left; 
	padding: 7px 5px 0px 3px;
}

div.dateTimeBox input.submitBtn {
	float:left; margin-top: 5px;
}

#faqList {
	margin: 0px;
	padding-left: 0px;
	color: #222222;
}
#faqList li {
    list-style: outside none none;
    padding-bottom: 10px;
}

#faqList li a {
    color: #777777;
    display: block;
    line-height: 20px;
    overflow: hidden;
    padding: 2px 0 2px 10px;
    text-decoration: none;
    text-overflow: ellipsis;
}

#faqList li a:hover {
	background-color: #e5e5e5;
	color: #222222;
}

.faqServiceOverview .faqSectionTitle {
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
    padding-bottom: 4px;
    color: #222222;
}

.faqSectionBody {
    margin-bottom: 20px;
    color: #222222;
}

.faqServiceOverview .faqSectionBody p {
    padding: 0px;
}

.select_long {
	width: 400px;
}

.btn-primary {
	cursor: pointer;
	outline: 0;
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	border: 1px solid transparent;
	padding: 4px 8px;
	font-size: 14px;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	:hover {
		color: #fff;
		background-color: #0b5ed7;
		border-color: #0a58ca;
	}
}

.btn-danger {
	cursor: pointer;
	outline: 0;
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	border: 1px solid transparent;
	padding: 4px 8px;
	font-size: 14px;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	:hover {
		color: #fff;
		background-color: #bb2d3b;
		border-color: #b02a37;
	}
}

.success-msg,
.error-msg {
	margin: 10px 0;
	padding: 10px;
	border-radius: 3px 3px 3px 3px;
  }
  .success-msg {
	color: #270;
	background-color: #DFF2BF;
  }
  .error-msg {
	color: #D8000C;
	background-color: #FFBABA;
  }