#sender-config {
    padding: 10px;
    margin: 0px 0px 0px 10px;
}

#sender-setting-container { /* Main Text Style */
    letter-spacing: 0px;
    opacity: 1;
    color: var(--main-text-color);
    font: normal normal normal 14px/18px Lato;
    text-align: left;
}

#sender-setting-container .header-button-container {
    display: flex;
    justify-content: space-between;
    height: 30px;
    align-items: center;
    margin-top: 3px;
}

#sender-setting-container .alerting-sender-text {
    font: normal normal bold 14px/30px Lato;
}

#sender-setting-container .edit-btn {
    border: 1px solid var(--main-border-color);
    border-radius: 5px;
    width: 70px;
    height: 30px;
    background: var(--base-background) 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal bold 14px/30px Lato;
    cursor: pointer;
    margin-right: 10px;
}

#sender-setting-container .edit-btn:hover {
    background-color: var(--hover-normal-button-backgorund);
    border-color: var(--hover-normal-button-border);
}

#sender-setting-container .alerting-sender-detail-container {
    /* display: flex; */
    margin-top: 10px;
    padding-left: 10px;
    align-items: center;
}

#sender-setting-container .alert-topic-header {
    color: var(--main-placeholder-color);
    text-align: left;
    font: normal normal bold 12px/18px Lato;
    width: 211px;
}

#sender-setting-container .sender-value {
  margin: 5px 0px 0px 15px ;
}

#sender-setting-container .no-sender-text {
    color: var(--main-placeholder-color);
    font: normal normal italic 14px/18px Lato;
}
#hostname-setting-section{
  margin-top: 20px;
  border-top: #BEBEC8 solid 1px;
  padding-top: 10px;
}
#hostname-input-container{
  margin: 5px 0px 0px 15px ;
}
#hostname-input-container .ant-input-affix-wrapper{
  max-width: 300px;
}
#hostname-check-icon{
  margin-left: 10px;
  cursor: pointer;
}
#hostname-close-icon{
  margin-left: 5px;
  cursor: pointer;
}