/* used for employee profile */
/* not used */
/** alerts code **/
.mydeloitte-alert {
  font-size: 10px;
  padding: 1.2em;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1999;
  box-sizing: border-box;
}
.mydeloitte-alert .container {
  max-width: 1200px;
  margin: 0 auto;
}
.mydeloitte-alert .col-md-1 {
  width: 8%;
}
.mydeloitte-alert .col-md-7 {
  width: 67%;
}
.mydeloitte-alert .col-md-8 {
  width: 72%;
}
.mydeloitte-alert .col-md-3 {
  width: 20%;
  margin-right: 50px;
}
.mydeloitte-alert .col-md-4 {
  width: 25%;
  margin-right: 50px;
}
.mydeloitte-alert .mydeloitte-alert-body-text {
  font-size: 1.4em;
}
.mydeloitte-alert .mydeloitte-alert-body-text p {
  margin: 0;
}
.mydeloitte-alert--danger .col-md-4 button,
.mydeloitte-alert--danger .col-md-4 a {
  margin-right: 10px;
  display: inline-block;
}
.mydeloitte-alert--danger {
  border-top: 4px solid #da291c;
}
.mydeloitte-alert--danger .mydeloitte-alert-body__icon {
  background: #da291c;
}
.mydeloitte-alert--warning {
  border-top: 4px solid #ed8b00;
}
.mydeloitte-alert--warning .mydeloitte-alert-body__icon {
  background: #ed8b00;
}
.mydeloitte-alert--success {
  border-top: 4px solid #86bc25;
}
.mydeloitte-alert--success .mydeloitte-alert-body__icon {
  background: #86bc25;
}
.mydeloitte-alert .mydeloitte-alert-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.mydeloitte-alert .mydeloitte-alert-body__icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border: 0;
}
.mydeloitte-alert .mydeloitte-alert-body__icon:before {
  font-size: 2em;
}
.mydeloitte-alert .mydeloitte-alert-body .close {
  position: absolute;
  top: 10px;
  right: 0;
  border: 1px solid #97999b;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #fff;
  font-size: 1.6em;
  padding-left: 0 !important;
  padding-right: 0 !important;
  color: #000;
}
.mydeloitte-alert .mydeloitte-alert-body .close span {
  color: #000;
}
.secondary-small-button {
  font-size: 1.2em;
  font-weight: bold;
  color: #0076a8;
  border: 1px solid #0076a8;
  background: #ffffff;
  border-radius: 2px;
  padding: 0 20px;
  height: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .mydeloitte-alert .col-md-7 {
    width: 60%;
  }
  .mydeloitte-alert .col-md-4 {
    width: 32%;
  }
}

@media screen and (max-width: 767px) {
  .mydeloitte-alert {
    max-width: 100%;
    box-sizing: border-box;
  }
  .mydeloitte-alert .col-md-1,
  .mydeloitte-alert .col-md-7,
  .mydeloitte-alert .col-md-8,
  .mydeloitte-alert .col-md-4,
  .mydeloitte-alert .col-md-3 {
    display: inline-block;
  }
  .mydeloitte-alert .col-md-1 {
    width: 6%;
    display: inline-block;
    vertical-align: top;
  }
  .mydeloitte-alert .col-md-8,
  .mydeloitte-alert .col-md-7 {
    width: 80%;
  }
  .mydeloitte-alert .col-md-3,
  .mydeloitte-alert .col-md-4 {
    width: 84%;
    float: right;
    display: block;
    text-align: center;
  }
  .mydeloitte-alert .mydeloitte-alert-body {
    display: block;
  }
  .mydeloitte-alert .mydeloitte-alert-body__icon {
    margin: 0;
    width: 20px;
    height: 20px;
    font-size: 0.6em;
  }
  .mydeloitte-alert .mydeloitte-alert-body .close {
    top: 1px;
  }
  /*MyDeloitte alert css*/
  .mydeloitte-alert-body .ctrl-btns .secondary-small-button {
    margin: 5px auto;
  }
  .mydeloitte-alert-body__icon {
    margin: 10px auto;
  }
  .myD-reg-signin-wrapper .myD-signin-headline {
    padding: 10px 20px;
  }
}