/*banners*/
	/*banner (information version)*/
	.banner-information {
		background: #ffffff;
		border: 1px solid #4a5869;
		box-sizing: border-box;
		display: block;
		height: auto;
		padding: 30px;
		width: 100%;
	}

	/*banner (service version)*/
	.banner-service {
		background: #33508a;
		border: 1px solid #33508a;
		box-sizing: border-box;
		display: block;
		height: auto;
		padding: 20px;
		width: 100%;
	}
	.banner-service_img {
		display: inline-block;
		height: 26px;
		width: 26px;
		vertical-align: top;
		padding-top: 5px;
	}
	.banner-service > .b1 {
		color: #ffffff;
		display: inline-block;
		padding-left: 20px;
		width: 85%;
	}
                             
	/* start of error banner updates*/
	.warning-message {
		background: #FFF3EA;
	    padding: 10px 5%;
	    color: #052343;
	    border: 2px solid #804200;
	    margin-bottom: 20px;
	    margin-top: 20px;
	     font-size: 16px;
		font-weight: 400;
		line-height: 32px;	
		color: #804200;
	}

    .error-message {
		background: #FFF3EA;
	    padding: 10px 5%;
	    color: #052343;
	    border: 2px solid #BF0000;
	    margin-bottom: 20px;
	    margin-top: 20px;
	     font-size: 16px;
		font-weight: 400;
		line-height: 32px;	
		color: #A30000;
	}
     
	.text-label {
	    vertical-align: middle;
	    display: inline-block;
	    width: 25px;
	    height: auto;
	}
     
	.banner-error {content: url(/_resources/img/style-guide/icons/Error-Warning_Red_Filled_Small_25px.svg);}
	.banner-warning {content: url(/_resources/img/style-guide/icons/Error-Warning_Orange_Filled_Small_25px.svg);}
	                 
	.warning-message, .error-message {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -webkit-box-orient: horizontal;
	    -moz-box-orient: horizontal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-box-pack: justify;
	    -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: flex-start;
	    -webkit-align-content: center;
	    -ms-flex-line-pack: center;
	    align-content: center;
	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
    }
    .error-message > .flex-item > .h3, .error-message > .flex-item > .h4, .error-message > .flex-item > .b1, .error-message > .flex-item > .b1 > a {color: #A30000;}

	.flex-item:nth-child(1) {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -webkit-order: 0;
	    -ms-flex-order: 0;
	    order: 0;
	    -webkit-box-flex: 0;
	    -moz-box-flex: 0;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	    align-self: flex-start;
	    padding: 0 20px 0 0;
	    }

	.flex-item:nth-child(2) {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -webkit-order: 0;
	    -ms-flex-order: 0;
	    order: 0;
	    -webkit-box-flex: 0;
	    -moz-box-flex: 0;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    -ms-flex-item-align: auto;
	    align-self: auto;
    }

	/*Legacy Firefox implementation treats all flex containers as inline-block elements.*/
	@-moz-document url-prefix() {
	.flex-container {
	    width: 100%;
	    -moz-box-sizing: border-box;
	    }
	}
	/*end of error banner updates*/
  
	/* start of success banner updates*/
	.success-message {
		background: #EBFFEA;
	    padding: 10px 5%;
	    color: #00530A;
	    border: 2px solid #00530A;
	    margin-bottom: 20px;
	    margin-top: 20px;
	     font-size: 16px;
		font-weight: 400;
		line-height: 32px;
	}

	.success-message > .flex-item > .h3, .success-message > .flex-item > .h4, .success-message > .flex-item > .b1, .success-message > .flex-item > .b1 > a {color: #00530A;}
	     
	.text-label {
	    vertical-align: middle;
	    display: inline-block;
	    width: 25px;
	    height: auto;
	}
	     
	.banner-tick {content: url(/_resources/img/style-guide/text-icons/Banner-Success_Default-Desktop.png);}
                 
	.success-message {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -webkit-box-orient: horizontal;
	    -moz-box-orient: horizontal;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    -webkit-box-pack: justify;
	    -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: flex-start;
	    -webkit-align-content: center;
	    -ms-flex-line-pack: center;
	    align-content: center;
	    -webkit-box-align: start;
	    -moz-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
    }

	.flex-item:nth-child(1) {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -webkit-order: 0;
	    -ms-flex-order: 0;
	    order: 0;
	    -webkit-box-flex: 0;
	    -moz-box-flex: 0;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: flex-start;
	    -ms-flex-item-align: start;
	    align-self: flex-start;
	    padding: 0 20px 0 0;
	}
	.flex-item:nth-child(2) {
	    -webkit-box-ordinal-group: 1;
	    -moz-box-ordinal-group: 1;
	    -webkit-order: 0;
	    -ms-flex-order: 0;
	    order: 0;
	    -webkit-box-flex: 0;
	    -moz-box-flex: 0;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    -ms-flex-item-align: auto;
	    align-self: auto;
	    }
	/*end of success banner updates*/

/*negate padding of last p tag in banner*/
.banner-information > p:last-child, .banner-service > p:last-child,  .warning-message > .flex-item > p:last-child, .success-message > .flex-item > p:last-child, 
.error-message > .flex-item > p:last-child {padding-bottom: 0;}
/*end of banners*/