body{font-family:'Roboto',sans-serif;font-size:14px;font-weight:400}
.modal-feedback .overlayContent .header .title{font-size:20px;text-transform:none;padding-top:15px;font-weight:500;padding-bottom:50px}
.modal-feedback .overlayContent .header{float:left;width:100%;background:#2B3393;height:100%;display:none}
.modal-feedback .modal-content .modal-body{padding:0}
.modal-feedback .modal-content{border-radius:0;overflow:hidden;width:100%;-webkit-box-shadow:none;box-shadow:none;border:none;background-color:transparent}
.modal-feedback .overlayContent .content.active{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;float:left;width:100%;margin-top:-30px;padding:30px 20px}
.modal-feedback{z-index:9999;top:0;padding-left:0!important}
.list-group-flush>.list-group-item{margin-bottom:0;border:0}
div#FeedbackModal{background-color: rgba(0,0,0,0.5); padding-right: 0 !important;}
div#FeedbackModal .modal-dialog{max-width:850px;padding: 15px 0; margin: 0 auto;transform: none;}
div#FeedbackModal .content.active{background:#fafafa;position:relative;border-radius:0;width:100%;}
.icon-1,.icon-2,.icon-3,.icon-4,.icon-5{background-repeat:no-repeat;width:60px;height:60px;display:block;margin:auto}
.icon-1{background-image:url(../images/1.svg)}
.icon-2{background-image:url(../images/2.svg)}
.icon-3{background-image:url(../images/3.svg)}
.icon-4{background-image:url(../images/4.svg)}
.icon-5{background-image:url(../images/5.svg)}
.icon-1-active{background-image:url(../images/1-active.svg)}
.icon-2-active{background-image:url(../images/2-active.svg)}
.icon-3-active{background-image:url(../images/3-active.svg)}
.icon-4-active{background-image:url(../images/4-active.svg)}
.icon-5-active{background-image:url(../images/5-active.svg)}
.list-group-icon{display:flex;text-align:center; justify-content:space-between}
.list-group-icon>li{padding-left:12px;padding-right:12px}
.list-group-icon>li:first-child{padding-left:5px}
.custom-checkbox{margin-left:0}
.checkbox-list{margin:0;padding:0;list-style:none}
.checkbox-list li{margin-bottom:0;display:inline-block}
[type="checkbox"]:checked + label,[type="checkbox"]:not(:checked) + label,[type="radio"]:checked + label,[type="radio"]:not(:checked) + label{position:relative;padding-left:30px;cursor:pointer;line-height:20px;display:inline-block;color:#2c2c2c;font-size:16px;font-weight:700;margin-bottom:0}
[type="checkbox"]:checked + label:before,[type="checkbox"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:3px solid #dadada;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
[type="checkbox"]:checked + label:after,[type="checkbox"]:not(:checked) + label:after,[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after{content:'';background:#fff;height:20px;width:20px;position:absolute;top:0;left:0;border:5px solid #2b3393;-webkit-transition:all .2s ease;transition:all .2s ease}
[type="checkbox"]:not(:checked) + label:after,[type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
[type="checkbox"]:checked + label:after,[type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:before{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
[type="radio"]:checked + label:after,[type="radio"]:not(:checked) + label:after{-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.list-feedback-title{margin-bottom:20px;color:#353535;font-weight:400;font-size:16px;font-family:'Roboto',sans-serif}
.checkbox-list li:not(:last-child){margin-right:18px}
.list-feedback-textarea label{display:block}
div#FeedbackModal .content.active .modal-header h3 {font-size: 18px; margin-bottom: 0; font-weight: 500;}
.list-feedback-label{margin-top:5px;font-weight:400;color:#000;font-size:10px;display:block}
.modal-dialog{margin-top:0}
.list-feedback-textarea textarea{width:100%;border:1px solid #ddd;padding:9px 14px;border-radius:5px;resize:none}
.list-feedback-textarea textarea::placeholder{color:#353535;font-size:16px;font-family:'Roboto',sans-serif;font-weight:400;opacity:.25}
.btn-submit{cursor:pointer;background-color:#2D3594;border-radius:4px;color:#fff;font-size:16px;text-transform:uppercase;font-weight:700;padding:12px 32px;margin-top:15px}
.text-right{text-align:right}
.list-feedback{-webkit-box-shadow:0 0 14px #00000012;-moz-box-shadow:0 0 14px #00000012;box-shadow:0 0 14px #00000012;border-radius:10px;padding:18px 0;padding:18px 45px 18px 25px}
.list-feedback:not(:last-child){margin-bottom:15px}
.btn-submit:hover,.btn-submit:focus{color:#fff}
.rating-stars ul{list-style-type:none;padding:0;-moz-user-select:none;-webkit-user-select:none}
.rating-stars ul > li.star{display:inline-block;cursor:pointer}
.rating-stars ul > li.star > i.fa{font-size:2.5em;color:#ccc}
.rating-stars ul > li.star.hover > i.fa{color:#2d3393;cursor:pointer}
.rating-stars ul > li.star.selected > i.fa{color:#2d3393}
ul#stars li span{font-size:13px;font-weight:600;margin:10px 5px 0}
ul.list-group.list-group-flush li.list-group-item.list-feedback{padding:15px 10px}
.list-feedback label.list-feedback-title{margin-bottom:15px}
div#FeedbackModal .list-feedback-textarea textarea{overflow:hidden;height:45px;line-height:45px;padding-top:0}
div#detail_thankYouPop{z-index:999999;background:#000000e0!important}
.listofCheckbox{margin-top: 5px;}
.listofCheckbox .checkboxMain {margin-bottom: 17px;padding-left: 35px !important;}
.listofCheckbox .checkboxMain strong{font-weight: 500;padding-top: 4px;display: block;font-size: 14px;}
.listofCheckbox .checkboxMain .checkBoxmark{height: 21px;width: 21px;border-radius: 50%;}
.listofCheckbox .checkboxMain .checkBoxmark:after{left: 50%;top: 46%;transform: translate(-50%, -50%) rotate(45deg);-webkit-transform: translate(-50%, -50%) rotate(45deg);}
@media(min-width:1200px) {
.modal-feedback .overlayContent .content.active{margin-top:15px;border-radius:0}
.ml-30{margin-left:30px}
}
@media(max-width:767px) {
.list-feedback{padding-right:25px}
.list-group-icon>li{padding-left:6px;padding-right:6px}
.modal-feedback .overlayContent .header{display:block}
div#FeedbackModal .modal-body {padding: 10px 5px;}
.rating-stars ul > li.star > i.fa {font-size: 20px; color: #ccc;}
ul#stars li span {font-size: 12px; font-weight: 400; margin: 10px 0px 0;}
.list-feedback label.list-feedback-title {font-size: 13px; margin-bottom: 10px; line-height: 18px;}
.listofCheckbox .checkboxMain strong{font-size: 12px;}
.listofCheckbox .checkboxMain{padding-left: 30px !important;}
form#getFormInfo {height: calc(100% - 65px); overflow-y: scroll; background: #fff; padding-left: 0 !important;}
#FeedbackModal{z-index: 10500;}
#FeedbackModal h5{font-size: 12px;line-height: 20px;margin-bottom: 10px;}
div#FeedbackModal .modal-dialog{padding: 10px;}
div#FeedbackModal .content.active .modal-header h3{font-size: 16px;}
div#FeedbackModal .modal-header {padding: 0.5rem;}
form#getFormInfo .btn-submit{font-size: 14px;padding: 10px 25px; margin-top: 0;}
}
@media(max-width:350px) {
	form#getFormInfo {height: calc(100% - 87px);}
}