/****Color Code Declaration Start****/
/****  Color Code Declaration End ****/
/****Font-family Code Declaration Start****/
/****Font-family Code Declaration End****/
/*new color var for tge */
.myteamge .page-body ul, .myteamge .page-body h2, .myteamge .page-body h3, .myteamge .page-body h4, .myteamge .page-body p {
  margin: 0;
  padding: 0;
}

.myteamge .page-body a {
  text-decoration: none;
}

.my-notification-preference .page-heading {
  position: relative;
}

.my-notification-preference .page-heading h1 {
  position: relative;
  padding: 20px 0 20px 70px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.my-notification-preference .page-heading h1 i {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 50px;
}

.my-notification-preference .my-notification-preference-main {
  float: left;
  width: 100%;
  background: #ffffff;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 15px 35px;
  margin: 10px 0 25px;
  box-shadow: 0 4px 5px 0px #cdcdcd;
  -moz-box-shadow: 0 4px 5px 0px #cdcdcd;
  -webkit-box-shadow: 0 4px 5px 0px #cdcdcd;
}

@media (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main {
    padding: 35px 15px 70px;
  }
}
.my-notification-preference .my-notification-preference-main {
  float: left;
  width: 100%;
}

.my-notification-preference .my-notification-preference-main {
  font-size: 22px;
  color: #143200;
  line-height: 26px;
}

.my-notification-preference .my-notification-preference-main {
  color: #143200;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 10px;
}

.my-notification-preference .my-notification-preference-main {
  float: left;
  width: 100%;
  margin: 20px 0;
}

.my-notification-preference .my-notification-preference-main .add-account-btn {
  float: left;
  background-color: #009e92;
  padding: 10px;
  line-height: 40px;
  font-size: 16px;
  text-transform: uppercase;
  min-width: 200px;
  text-align: center;
  color: #ffffff;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box {
  float: left;
  width: 100%;
  margin: 5px 0 30px;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list {
  float: left;
  width: 100%;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 10px;
  border-radius: 3px;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.header .notifications-list-ind {
  padding: 5px 5px;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col {
  float: left;
  box-sizing: border-box;
  padding: 0 5px;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col h3 {
  font-size: 12px;
  line-height: 16px;
  color: #143200;
  font-weight: 700;
}

#loadMoreNotificationsBtn {
  background-color: #FFFFFF !important;
  color: #143200 !important;
  box-shadow: inset 0 0 0 2px #143200 !important;
}

#loadMoreNotificationsBtn:hover {
  background-color: rgba(20, 50, 0, 0.2) !important;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col h4 {
  margin-bottom: 5px;
  font-size: 13px;
  color: #143200;
}

@media (min-width: 992px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col h4 {
    display: none;
  }
}
.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col p {
  font-size: 14px;
  line-height: 25px;
  color: #143200;
  font-weight: 700;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.ns-date-time p {
  color: #143200;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.delete {
  text-align: center;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.delete .delete-btn {
  display: inline-block;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.delete .delete-btn i {
  color: #143200;
  font-size: 20px;
  top: 7px;
  position: relative;
}

@media (min-width: 992px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.delete .delete-btn span {
    display: none;
  }
}
@media (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.delete .delete-btn i {
    display: none;
  }
}
@media (min-width: 992px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.ns-date-time {
    width: 14%;
    min-width: 150px;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.ns-shipment-no {
    width: 16%;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.milestone {
    width: 14%;
    min-width: 170px;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.milestone i {
    margin-right: 5px;
    font-size: 16px;
    color: #143200;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.description {
    width: 34%;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.status {
    width: 12%;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.delete {
    width: 8%;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col.open-edit {
    width: 11.2%;
    cursor: pointer;
  }
}
.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc {
  float: left;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  display: none;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec {
  float: left;
  width: 100%;
  padding: 15px 0;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec h3 {
  font-size: 22px;
  color: #143200;
  line-height: 26px;
  margin-bottom: 15px;
  font-family: "Century Gothic", sans-serif !important;
  font-weight: normal;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec.border {
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec .ind-field-wrapper {
  margin: 0 -14px;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec .ind-field-wrapper .ind-field {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 14px;
}

@media (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec .ind-field-wrapper .ind-field {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec .ind-field-wrapper {
    margin: 0;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc section.account-list-sec .ind-field-wrapper .ind-field {
    width: 100%;
    padding: 0;
  }
}
.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc .account-btn-wrap {
  float: left;
  width: 100%;
  padding: 14px 0;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc .account-btn-wrap input[type=button] {
  float: left;
  border: 0;
  box-shadow: none;
  min-width: 133px;
  margin-right: 15px;
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
  text-transform: uppercase;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc .account-btn-wrap .save {
  background: #143200;
  color: #ffffff;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .account-list-desc .account-btn-wrap .cancel {
  background: #ececec;
  color: #767676;
}

@media (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.header {
    display: none;
  }
}
.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind {
    background: #EEEAD9;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.open-edit {
    position: relative;
    text-align: center;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.open-edit span {
    display: none;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.open-edit:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 10px;
    line-height: 28px;
    color: #143200;
    content: "\e862";
    font-family: "myteamge";
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind.opened .notifications-list-col.open-edit:before {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
  }
}
@media (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.ns-date-time {
    width: 100%;
    background: rgba(20, 50, 0, 0.2);
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 3px;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col {
    width: 50%;
    margin-bottom: 10px;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.description, .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.delete {
    clear: left;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.delete, .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.open-edit {
    margin-bottom: 0;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.delete a, .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.open-edit a {
    font-size: 16px;
    line-height: 45px;
    background: #143200;
    text-transform: uppercase;
    display: block;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.delete .close, .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind .notifications-list-col.open-edit .close {
    display: none;
  }
}
@media (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind.opened .notifications-list-col.open-edit .more-text {
    display: none;
  }
  .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li.content .notifications-list-ind.opened .notifications-list-col.open-edit .close {
    display: inline-block;
  }
}
.my-notification-preference .my-notification-preference-main .footer-btn-wrap {
  float: left;
  width: 100%;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .pager-box {
  float: right;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .pager-box .pager-list-box {
  float: right;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .pager-box .pager-list-box > li {
  float: left;
  border-left: 1px solid #ffffff;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .pager-box .pager-list-box > li > a {
  display: block;
  width: 45px;
  background-color: #eeeeee;
  color: #143200;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .pager-box .pager-list-box > li > a.active {
  background-color: #143200;
  color: #ffffff;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .pager-box .pager-list-box > li:last-child a {
  background: #e0e0e0;
}

.my-notification-preference .my-notification-preference-main .footer-btn-wrap .btn-wrap {
  float: left;
}

.my-notification-preference .my-notification-preference-main .account-access-box {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row {
  margin: 0 -14px;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind {
  float: left;
  width: 33.33%;
  padding: 0 14px;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field {
  float: left;
  width: 100%;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .account-btn-wrap {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .account-btn-wrap input[type=button] {
  float: left;
  border: 0;
  box-shadow: none;
  min-width: 227px;
  text-align: center;
  font-size: 16px;
  padding: 10px 0;
  text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 991px) {
  .my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .account-btn-wrap input[type=button] {
    min-width: 210px;
  }
}
.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .account-btn-wrap .apply-access {
  background: #143200;
  color: #ffffff;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .account-btn-wrap .delete-account {
  background: #143200;
  color: #ffffff;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .ajaxloader-wrap {
  float: left;
  width: 100%;
  padding: 12px 0;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .response-msg {
  float: left;
  width: 100%;
  padding: 12px 0;
}

.my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind .account-access-field .response-msg p {
  color: #09a598;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .my-notification-preference .my-notification-preference-main .account-access-box .account-access-row {
    margin: 0px;
  }
  .my-notification-preference .my-notification-preference-main .account-access-box .account-access-row .account-access-ind {
    width: 100%;
    padding: 0;
  }
}
.my-notification-preference .ad-box-wrap {
  float: left;
  width: 100%;
  margin: 35px 0;
}

.my-notification-preference .ad-box-wrap .ad-box-list {
  margin: 0 -15px;
}

@media (max-width: 991px) {
  .my-notification-preference .ad-box-wrap .ad-box-list {
    margin: 0;
  }
}
.my-notification-preference .ad-box-wrap .ad-box-list > li {
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .my-notification-preference .ad-box-wrap .ad-box-list > li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
}
.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 30px;
  position: relative;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind h3 {
  font-size: 26px;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

@media (max-width: 1150px) {
  .my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind h3 {
    font-size: 20px;
    line-height: 26px;
  }
}
.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind p {
  font-size: 14px;
  line-height: 18px;
  max-width: 175px;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind .btn-outer {
  margin-top: 25px;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind .btn-outer a {
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  line-height: 22px;
  padding: 10px 15px;
  box-sizing: border-box;
  text-transform: uppercase;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind .ad-box-content {
  box-sizing: border-box;
  padding-right: 50px;
  width: 100%;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind .abs-pic {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 125px;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .ad-box-ind .abs-pic img {
  max-width: 100%;
  display: inline-block;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .white-bg {
  background: #ffffff;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .white-bg h3 {
  color: #143200;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .white-bg p {
  color: #747474;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .white-bg a {
  background-color: #143200;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .pic-bg {
  /*MYT-42112 background: url("../../../images/image_banner3.png") no-repeat center;*/
  background-size: cover;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .pic-bg h3 {
  color: #ffffff;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .pic-bg p {
  color: #ffffff;
}

.my-notification-preference .ad-box-wrap .ad-box-list > li .pic-bg a {
  border: 1px solid #ffffff;
}

#del-accounts-wrpr .del-popup-wrap {
  position: relative;
  width: 650px;
  background-color: #ffffff;
  padding: 0 50px 30px;
  margin: 10px auto;
  max-width: 100%;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main {
  text-align: center;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main .del-popup-close {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  right: 10px;
  top: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main .del-popup-close i {
  color: #0f524c;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main header {
  float: left;
  width: 100%;
  margin-top: 40px;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main header h2 {
  font-size: 17px;
  text-transform: uppercase;
  line-height: 26px;
  color: #143200;
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  max-width: 375px;
  display: inline-block;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main header h2 i {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main section {
  float: left;
  width: 100%;
  margin: 5px 0 20px;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main section p {
  color: rgba(34, 34, 34, 0.7);
  font-size: 16px;
  line-height: 24px;
  max-width: 400px;
  display: inline-block;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn, #del-accounts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 40px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn i, #del-accounts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn i {
  display: inline-block;
  margin-left: 15px;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn {
  background-color: #143200;
}

#del-accounts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn {
  background-color: #383838;
}

#new-accounts-wrpr .accounts-popup-wrap {
  position: relative;
  width: 96%;
  margin: 10px auto;
  max-width: 1260px;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-inner {
  background-color: #ffffff;
  padding: 0 50px 30px;
  box-sizing: border-box;
  float: left;
  width: 100%;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-popup-close {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  right: 10px;
  top: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-popup-close i {
  color: #0f524c;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main header {
  float: left;
  width: 100%;
  margin: 40px 0 15px;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main header h2 {
  font-size: 17px;
  text-transform: uppercase;
  line-height: 26px;
  color: #143200;
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main header h2 i {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box {
  float: left;
  width: 100%;
}

/*border issue fixes for MYT-16879 */
#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section {
  float: left;
  width: 100%;
  padding: 15px 0;
  border: none !important;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section h3 {
  font-size: 22px;
  color: #143200;
  line-height: 26px;
  margin-bottom: 15px;
  font-family: "Century Gothic", sans-serif !important;
  font-weight: normal;
}

/*border issue fixes for MYT-16879 */
#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section.border {
  border-bottom: 1px solid #cecece !important;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section .ind-field-wrapper {
  margin: 0 -14px;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section .ind-field-wrapper .ind-field {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 14px;
}

@media (max-width: 991px) {
  #new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section .ind-field-wrapper .ind-field {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section .ind-field-wrapper {
    margin: 0;
  }
  #new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .new-account-box section.noti-section .ind-field-wrapper .ind-field {
    width: 100%;
    padding: 0;
  }
}
#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .noti-btn-wrapper {
  float: left;
  width: 100%;
  margin: 25px 0 0;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .noti-btn-wrapper .save-btn, #new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .noti-btn-wrapper .cancel-btn {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 40px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-right: 15px;
  box-sizing: border-box;
  min-width: 210px;
  text-align: center;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .noti-btn-wrapper .save-btn {
  background-color: #143200;
}

#new-accounts-wrpr .accounts-popup-wrap .accounts-popup-main .noti-btn-wrapper .cancel-btn {
  color: #143200;
}

.my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list > li .notifications-list-ind .notifications-list-col p {
  display: inline-block;
}

/* .my-notification-preference .my-notification-preference-main .my-notifications-list-box .notifications-list>li .notifications-list-ind .notifications-list-col .milestone .ico-delivered{
font-size:30px !important;
} */
.ico-delivered {
  font-size: 30px !important;
  color: rgba(20, 50, 0, 0.6);
  float: left;
  margin-top: -8px;
  margin-right: 6px;
}

/*delete shipment popup css*/
#del-contacts-wrpr .del-popup-wrap {
  position: relative;
  width: 650px;
  background-color: #ffffff;
  padding: 0 50px 30px;
  margin: 10px auto;
  max-width: 100%;
  border-radius: 3px;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main {
  text-align: center;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main .del-popup-close {
  position: absolute;
  display: block;
  width: 25px;
  height: 25px;
  right: 10px;
  top: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main .del-popup-close i {
  color: #143200;
  font-size: 20px;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main header {
  float: left;
  width: 100%;
  margin-top: 40px;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main header h2 {
  font-size: 17px;
  text-transform: uppercase;
  line-height: 26px;
  color: #143200;
  margin: 0 0 10px;
  padding: 0;
  font-weight: normal;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main header h2 i {
  display: inline-block;
  margin-right: 10px;
  font-size: 24px;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn,
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  padding: 10px 40px;
  line-height: 30px;
  margin-bottom: 10px;
  border-radius: 6px;
  font-weight: bold;
  box-shadow: inset 0 0 0 2px #143200 !important;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn i,
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn i {
  display: inline-block;
  margin-left: 15px;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn {
  background-color: #143200;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn {
  background-color: #143200;
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .yes-btn:hover {
  background-color: rgba(20, 50, 0, 0.8);
}
#del-contacts-wrpr .del-popup-wrap .del-popup-main footer.del-btnwrap .no-btn:hover {
  background-color: rgba(20, 50, 0, 0.8);
}

.READ {
  background: #FFFFFF !important;
  border: 2px solid rgba(20, 50, 0, 0.2);
}

.UNREAD {
  background: #EEEAD9 !important;
}

.notification-wrapper {
  max-width: 100%;
  margin: 0 auto;
  overflow-y: auto;
}

.result-loader {
  padding: 15px 0 15px 0;
}

.single-notification {
  padding: 0 10px;
  /* cursor        : pointer; */
  border-bottom: 1px solid rgba(20, 50, 0, 0.2);
  background-color: #ffffff;
  color: #143200;
  text-align: left;
  line-height: 20px;
}

.single-notification .last-upd-time {
  color: rgba(20, 50, 0, 0.7);
  padding-bottom: 15px;
  font-size: 14px;
}

.single-notification:hover {
  background-color: rgba(153, 219, 255, 0.4);
}

.single-notification.exception:hover {
  background-color: #143200;
  color: #ffffff;
}

.single-notification.exception {
  background-color: #FFFBF2;
}

/*exception FFFBF2*/
.single-notification.rstat-A {
  background-color: #f9f9f9;
}

.single-notification:hover.rstat-A {
  background-color: #143200;
  color: #ffffff;
}

.single-notification .left-icon {
  float: left;
  min-height: 40px;
  width: 30px;
  margin: 5px 20px 15px 10px;
  font-size: 30px;
}

.exception-icon-color {
  color: #DF2D1C;
}

.BSHIPFAILED, .BRSHIPFAILED, .INVOICEPAYFAILED {
  color: #DF2D1C;
}

.BSHIPCREATED, .BRSHIPCREATED, .INVOICEPAYSUCCEED {
  color: #7ed321;
}

.bulk-single-notification {
  cursor: pointer;
}

.bulk-single-notification a {
  text-decoration: underline !important;
}

.bulk-fail-notification a {
  text-decoration: underline !important;
}

.bulk-fail-notification-all a {
  text-decoration: underline !important;
}

.single-notification .right-content {
  float: left;
  width: 240px;
  width: calc(100% - 60px);
}

h5.notification-heading .shipm-ref {
  color: #143200;
  float: right;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.5px;
}

.right-content .msg {
  padding: 0 0 10px 0;
  color: #143200;
  font-size: 14px;
  letter-spacing: 0.5px;
}

h5.notification-heading {
  line-height: 100%;
  font-size: 14px !important;
  font-weight: bold;
  color: #143200;
}

.notif-cog .cog-ico {
  display: block;
  height: 25px;
  width: 30px;
  margin: 0px auto;
  background-position: 1px -304px;
  text-align: left;
  text-indent: -9999px;
}

.shipment-notifications .state-ico { /*color:$basic-color-bbbbbb;//BBBBBB;*/ }
.shipment-notifications .state-ico.BOOKED, .shipment-notifications .state-ico.SHPCRE, .shipment-notifications .state-ico.PCKDUP .state-ico.INTRNST,
.shipment-notifications .state-ico.OUTFDL, .shipment-notifications .state-ico.DELVERD,
.shipment-notifications .state-ico.AWTCOL, .shipment-notifications .state-ico.COLLCTD, .shipment-notifications .state-ico.CANCLD,
.shipment-notifications .state-ico.PRTDEL, .shipment-notifications .n-state-ico.BOOKED, .shipment-notifications .n-state-ico.SHPCRE,
.shipment-notifications .n-state-ico.PCKDUP, .shipment-notifications .n-state-ico.INTRNST, .shipment-notifications .n-state-ico.OUTFDL,
.shipment-notifications .n-state-ico.DELVERD, .shipment-notifications .n-state-ico.AWTCOL, .shipment-notifications .n-state-ico.COLLCTD,
.shipment-notifications .n-state-ico.CANCLD, .shipment-notifications .n-state-ico.PRTDEL {
  font-size: 30px;
}
.shipment-notifications .state-ico.BSHIPFAILED, .shipment-notifications .n-state-ico.BSHIPFAILED {
  font-size: 30px;
  color: #DF2D1C !important;
}
.shipment-notifications .state-ico.BSHIPCREATED, .shipment-notifications .n-state-ico.BSHIPCREATED {
  font-size: 30px;
  color: #7ed321 !important;
}
.shipment-notifications .state-ico.EXCEPTIONS, .shipment-notifications .n-state-ico.EXCEPTIONS {
  font-size: 30px;
  color: #ff9800 !important;
}
.shipment-notifications .state-ico:before {
  margin: 0;
}

.myteamge #header-right-ctrls .notification.active span#count {
  display: block;
}
.myteamge #header-right-ctrls .notification.active span#count .num-of-notif .additional-notif {
  line-height: 100%;
}
.myteamge #header-right-ctrls .notification.opened .ico-up {
  display: block;
}
.myteamge #header-right-ctrls ul#header-notification li .notif-section-scrollable {
  overflow-y: auto;
}
.myteamge #header-right-ctrls ul#header-notification li .full-device-scroll {
  height: 450px;
}
.myteamge #header-right-ctrls ul#header-notification li #no-notif-found .ico-notification {
  margin-right: 5px;
}
.myteamge #header-right-ctrls ul#header-notification li #no-notif-found .edit-pref-btn {
  background-color: #143200;
  font-size: 12px;
  line-height: 15px;
  padding: 15px 42px;
  letter-spacing: 1px;
  width: 230px;
  margin: 30px auto;
}
.myteamge #header-right-ctrls ul#header-notification li #no-notif-found .no-result-inner {
  padding-left: 20px;
  padding-right: 20px;
}
.myteamge #header-right-ctrls ul#header-notification li #no-notif-found .no-result-inner .edit-preferences-btn {
  margin-bottom: 30px;
}
.myteamge #header-right-ctrls ul#header-notification li #no-notif-found .no-result-inner .edit-preferences-btn a {
  background-color: #143200;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 20px;
  font-size: 12px;
  text-decoration: none;
  margin: 0;
  padding: 20px 20px;
  width: 50%;
  border-radius: 6px;
}
.myteamge #header-right-ctrls ul#header-notification li #notification-ctrl {
  padding-top: 2px;
  border-top: 1px solid rgba(20, 50, 0, 0.2);
}
.myteamge #header-right-ctrls ul#header-notification li #notification-ctrl a.box-50pc {
  padding: 20px 0;
  width: 50%;
  float: left;
}
.myteamge #header-right-ctrls ul#header-notification li #notification-ctrl a.box-50pc.view-all-notif {
  background-color: #143200;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
  line-height: 20px;
  font-size: 12px;
  text-decoration: none;
  margin-top: 10px;
  border-radius: 6px;
}
.myteamge #header-right-ctrls ul#header-notification li #notification-ctrl a.box-50pc.view-all-notif:hover {
  text-decoration: none;
  background-color: #143200;
  color: #ffffff;
  text-align: center;
  letter-spacing: 1px;
}
.myteamge #header-right-ctrls ul#header-notification li #notification-ctrl a.box-50pc.notif-cog {
  text-align: center;
  border-left: 2px solid #ffffff;
  color: rgba(20, 50, 0, 0.8);
  font-size: 32px;
  padding: 5px 0 7px 0px;
  margin-top: 10px;
  border-radius: 6px;
}
.myteamge #header-right-ctrls ul#header-notification li #notification-ctrl a.box-50pc.notif-cog:hover {
  background-color: #143200;
  color: #ffffff;
  border-left: 2px solid #ffffff;
}

@media (max-width: 767px) {
  .myteamge #header-right-ctrls .notification + ul#header-notification {
    max-width: 100%;
    position: fixed;
  }
  .myteamge #header-right-ctrls .notification + ul#header-notification .single-notification .left-icon {
    margin: 5px 20px 15px 0;
  }
  .myteamge #header-right-ctrls .notification + ul#header-notification .single-notification .right-content {
    width: calc(100% - 40px);
  }
}