/* Override border for SweetAlert icon */
.swal2-icon,
.swal2-icon-show {
  border: none !important;
  width: 90px !important;
  height: 90px !important;
}

.swal2-icon{
  margin: 0 auto !important;
}

.custom-alert-icon {
    width: 174px !important;
    height: 174px !important;
  /* Add any other styles you want to apply to the custom icon */
}
@media (min-width:768px) {
.diyservicehard{
  padding-bottom: 80px;
}
}

#swal2-html-container{
  margin: 1em 0.6em .3em !important;
}
@media (max-width:767px) {

.cmp-reconfirmation-data-table{
  overflow: hidden;
}
.cmp-reconfirmation-data-table tr{
display: grid;
}
.cmp-reconfirmation-data-table tr td{
  position: relative;
  left: 37%;
  top: -10px;
  line-height: 0;
}
}
@media (min-width:361px) and (max-width:767px) {
  .cmp-reconfirmation-data-table tr td{
    left: 37%;
  }
}
@media (max-width:360px) {
  .cmp-reconfirmation-data-table tr td{
    left: 41%;
  }
}
@media (max-width: 649px) {
  #dishtv-theme-initialise .container--headercontainer .cmp-container{
    background: #fff !important;
  }
}