md-dialog.nps-metric-dialog .container-main-dialog { height: 500px; width: 650px; }
md-dialog.nps-metric-dialog.thankyou .container-main-dialog { height: 300px; width: 650px; }
md-dialog.nps-metric-dialog .container-main-dialog .header-container{max-height: 100px;height: 100px;padding: 20px;}
md-dialog.nps-metric-dialog .container-main-dialog .header-container .dialog-header{ padding:10px; }
md-dialog.nps-metric-dialog .container-main-dialog .header-container .icon-dialog { justify-content: start; height: 100%; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose {height:42px;width:42px;border:dashed 1px black;font-weight:bold;font-size:16px;border-radius:8px;text-align:center;vertical-align:middle;line-height: 42px;cursor:pointer}
md-dialog.nps-metric-dialog .container-nps-metric .number-choose:hover {background-color:#EFF8FF; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.zero {border-color:#EF554F; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.zero.selected {background-color:#EF554F; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.one {border-color:#EF704D; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.one.selected {background-color:#EF704D; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.two {border-color:#EF864A; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.two.selected {background-color:#EF864A; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.three {border-color:#EF9A48; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.three.selected {background-color:#EF9A48; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.four {border-color:#EFAE46; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.four.selected {background-color:#EFAE46; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.five {border-color:#EFC743; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.five.selected {background-color:#EFC743; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.six {border-color:#C1CD59; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.six.selected {background-color:#C1CD59; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.seven {border-color:#79CC7B; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.seven.selected {background-color:#79CC7B; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.eight {border-color:#34CA9D; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.eight.selected {background-color:#34CA9D; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.nine {border-color:#27CCA4; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.nine.selected {background-color:#27CCA4; }

md-dialog.nps-metric-dialog .container-nps-metric .number-choose.ten {border-color:#21CEA8; }
md-dialog.nps-metric-dialog .container-nps-metric .number-choose.ten.selected {background-color:#21CEA8; }

md-dialog.nps-metric-dialog .container-nps-metric .number-subtitle{color:#5C5C5C; font-size:12px; font-weight:400;}
md-dialog.nps-metric-dialog .container-nps-metric .feedback-title{color:#202020; font-size:16px; font-weight:600;}

md-dialog.nps-metric-dialog .container-nps-metric .feedback-details{color:#222B45; font-size:16px;border-radius:12px;padding:10px;}