/*-----------------------------*/
/*-----------Alerts------------*/
/*-----------------------------*/
.gui-alert {
    display: -ms-flexbox;
    display: -webkit-flex;
	display: -webkit-box;
    display: flex;
	-webkit-align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid transparent;
    border-radius: 2px;
}
.gui-alert:before {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    margin: 0 12px 0 0;
    content: "";
    display: -ms-flexbox;
    display: -webkit-flex;
	display: -webkit-box;
    display: flex;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
	-webkit-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start;
}
.gui-alert .gui-alert-inner {
	-webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 16px;
	-webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.gui-alert .gui-close-alert + .gui-alert-inner {
    padding-right: 28px;
}
.gui-alert .gui-alert-inner p {
    font-size: 12px;
}
.gui-alert a {
    font-weight: 600;
    text-decoration: underline;
}
.gui-alert .gui-close-alert {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url("//images2.drct2u.com/content/common/images/commongui/icons/buttons/icon-close-tertiary.svg") center center no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    opacity: .75;
}
.gui-alert .gui-close-alert:hover {
    opacity: 1;
}
/*----------Default styles----------*/
.gui-alert-default {
    background-color: #fff;
    color: #000;
}
.gui-alert-default:before {
  display: none;
}
.gui-alert-default a {
  color: #000;
}
/*----------Alert with no border, background-color, padding----------*/
.gui-alert.white {
    background-color: transparent;
    color: #31708f;
    padding: 0;
}

/*----------Alert Info----------*/
.gui-alert-info {
    background-color: #d9edf7;
    color: #31708f;
}
.gui-alert-info:before {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/alerts/icon-info-dark-blue.svg");
}
.gui-alert-info a {
    color: #31708f;
}
.gui-alert-info a:hover ,
.gui-alert-info a:active {
    color: #204f66;
}

/*----------Alert Success----------*/
.gui-alert-success {
    background-color: #dff0d8;
    color: #3c763d;
}
.gui-alert-success:before {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/alerts/icon-check-green.svg");
}
.gui-alert-success a {
    color: #3c763d;
}
.gui-alert-success a:hover ,
.gui-alert-success a:active {
    color: #2a5d2a;
}

/*----------Alert Warning----------*/
.gui-alert-warning {
    background-color: #fcf8e3;
    color: #8a6d3b;
}
.gui-alert-warning:before {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/alerts/icon-warning-orange.svg");
}
.gui-alert-warning a {
    color: #8a6d3b;
}
.gui-alert-warning a:hover ,
.gui-alert-warning a:active {
    color: #6d562f;
}

/*----------Alert Danger----------*/
.gui-alert-danger {
    background-color: #fbefee;
    color: #e40e0e;
}
.gui-alert-danger:before {
    background-image: url("//images2.drct2u.com/content/common/images/commongui/icons/alerts/icon-info-red.svg");
}
.gui-alert-danger a {
    color: #e40e0e;
}
.gui-alert-danger a:hover ,
.gui-alert-danger a:active {
    color: #b81616;
}

/*----------Out of Stock Products----------*/
.gui-alert .product-list {
    list-style: none;
    font-size: 12px;
    padding: 0;
    margin: 12px 0 0;
}
.gui-alert .product-list li {
    padding: 0;
    margin: 0 0 6px;
}


/*-------------My Account Summary - Notifications------------------*/

.gui-alert-warning.notification-financial,
.gui-alert-default.notification-account,
.gui-alert-default.notification-saved-items {
    border-radius: 0;
}

/*-------------Financial Notification------------------*/

.gui-alert-warning.notification-financial p {
	padding: 0;
	margin: 0;
}

.gui-alert-warning.notification-financial:before {
    display: flex;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M248.747 204.705l6.588 112c.373 6.343 5.626 11.295 11.979 11.295h41.37a12 12 0 0 0 11.979-11.295l6.588-112c.405-6.893-5.075-12.705-11.979-12.705h-54.547c-6.903 0-12.383 5.812-11.978 12.705zM330 384c0 23.196-18.804 42-42 42s-42-18.804-42-42 18.804-42 42-42 42 18.804 42 42zm-.423-360.015c-18.433-31.951-64.687-32.009-83.154 0L6.477 440.013C-11.945 471.946 11.118 512 48.054 512H527.94c36.865 0 60.035-39.993 41.577-71.987L329.577 23.985zM53.191 455.002L282.803 57.008c2.309-4.002 8.085-4.002 10.394 0l229.612 397.993c2.308 4-.579 8.998-5.197 8.998H58.388c-4.617.001-7.504-4.997-5.197-8.997z' /%3E%3C/svg%3E");
}

/*-------------Account Notification------------------*/
.gui-alert-default.notification-account p {
    padding: 0;
    margin: 0;
}

.gui-alert-default.notification-account:before {
  display: flex;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M288 248v28c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-28c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm-12 72H108c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12zm108-188.1V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V48C0 21.5 21.5 0 48 0h204.1C264.8 0 277 5.1 286 14.1L369.9 98c9 8.9 14.1 21.2 14.1 33.9zm-128-80V128h76.1L256 51.9zM336 464V176H232c-13.3 0-24-10.7-24-24V48H48v416h288z'/%3E%3C/svg%3E");
}

/*-------------Saved Items Notification------------------*/
.gui-alert-default.notification-saved-items {
    margin-bottom: 0;
}

.gui-alert-default.notification-saved-items p {
    padding: 0;
    margin: 0;
}