html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
a,abbr,acronym,address,applet,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,span,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}

html,body {
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;    height: 100%;
}
body {
    color: #333333;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    background: #108AE6;
    font-family: Rubik, sans-serif;
	
}

img{vertical-align:middle}
sup{font-size:60%}
h1,h2,h3,h4,h5,h6{font-weight:500;color:#333}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h3{font-size:22px;line-height:28px;margin-bottom:20px}
h4{font-size:20px;line-height:24px;margin-bottom:5px}
h5{font-size:18px;line-height:22px}
h6{font-size:15px;line-height:20px}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
p{line-height:20px;margin:0 0 8px;font-size:14px}
.button,button,.gpt_right_panel_promptaction a{outline:0;cursor:pointer;display:inline-block;border-radius:5px;border:1px solid #188de8;color:#fff;padding:10px 25px;overflow:hidden;line-height:18px;font-weight:500;font-size:14px;background:#188de8}
.greenbutton{background:#1BCB83;border:1px solid #1BCB83}
a {text-decoration: none;color:#333}
a, a:hover {text-decoration: none;}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h2 {
	color: #333;
	    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
}
pre {
/* 	background-color: #f8f8f8;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ddd; */
	white-space: pre-wrap;
	word-wrap: break-word;
}
.clearfix{    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;}
.relative{position: relative;}
textarea{font-family: inherit;}
#other_reason{display: none;}
.active{display: inline-block;}
input.error, textarea.error, select.error{border-color: red;font-size: 13px;}
label.error{color: red;}
.reasontoleave>div label.error, .rate label.error{position: absolute;top: 16px;left: 0;}
.reasontoleave>div label.error, .rate label.error{top: 18px;}
.reasontoleave>div label.error#other_reason-error{position: static;}
.reasontoleave>div input:not(.active.error) ~ label.error#other_reason-error{display: none;}
.surveyform_header{background: #fff;}
.surveyform_container ,.crform_container{
width: calc(100% - 40px);
    margin: 30px auto;
    background: #fff;
    border-radius: 20px;
    max-width: 800px;

}
form#withdrawConsentForm .full-width.reasontoleave .form-group.full-width input[type=checkbox] {
    width: 13px;
    margin-right: 15px;
    margin-top: -1px;
}
form#withdrawConsentForm .full-width.reasontoleave .form-group.full-width {
    flex-flow: nowrap;
}
form#withdrawConsentForm .full-width.reasontoleave .form-group.full-width input#retainDays {
    max-width: 100px;display: inline-block;
}
.form-group.radio-group > div input[type="radio"] {
    margin: 6px 10px 12px 0;
}
form#withdrawConsentForm .form-group.radio-group > div label {
    width: auto;
    margin-right: 20px;}
.form-group.radio-group > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-flow: row nowrap;
    justify-content: start;
}
.uknowva_logo{padding:20px 10px;text-align: center;}
.uknowva_logo a{display:block}
.surveyform_container_inner,.crform_container_inner {
    padding: 25px 20px;
}
.surveyform_note{background: #FFE4E1;padding: 10px 32px 10px 15px;display: flex;margin-bottom: 25px;border-radius: 5px;align-items: center;}
.surveyform_note h3{margin-bottom: 10px;}
form#withdrawConsentForm label{
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
form#withdrawConsentForm .full-width.reasontoleave h3 {
    width: 100%;
}
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  margin-right: 5px;
}
form#withdrawConsentForm .full-width.reasontoleave>div label, form#withdrawConsentForm .full-width.rate_service>div>label {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
form#changeRequestForm label {
    display: inline-block;
    width: 30%;
	vertical-align: top;
}
form#withdrawConsentForm ul li,form#changeRequestForm ul li {
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}
form#changeRequestForm input,form#changeRequestForm select,form#changeRequestForm textarea {
            width: 60%;
box-sizing:border-box;
        }
#thankYouMessage {
display: none;
text-align: center;
padding: 50px;
margin: 0 auto;
}
div#thankYouMessage p {
    text-align: center;
    margin: 0 0 20px;
}
#withdrawConsentForm h3, #withdrawConsentForm .form-group.full-width.reasontoleave h3, #withdrawConsentForm .form-group.full-width.rate_service h3{font-size: 14px;margin-bottom: 20px;line-height: 19px;}
#withdrawConsentForm .full-width h3{margin-bottom: 10px;}
.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.form-group {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 1;
    min-width: calc(50% - 20px);
    margin-bottom: 20px;
}
.form-group.full-width{min-width: calc(100% - 20px);}
.form-group.full-width.reasontoleave, .form-group.full-width.rate_service {
    flex-direction: row;
}
form#withdrawConsentForm .full-width.reasontoleave>div {
    width: 100%;
    margin-bottom: 12px;
}
.form-group.full-width.rate_service>div{width: calc(50% - 15px);margin-right: 15px;margin-bottom: 16px;}
.form-group.full-width.rate_service>div:nth-child(2n+1){margin-right: 0;margin-left: 15px;}
input, select, textarea {
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    width: 100%;
}
input:focus, select:focus, textarea:focus {
    border: 1px solid #108AE6;
}

.rate {
    width: auto;
    float: right;
}
form#withdrawConsentForm .rate:not(:checked) > input {
    position:absolute;
    opacity: 0;
}
form#withdrawConsentForm .rate:not(:checked) > label.star {
    float:right;
    width:30px;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
    position: relative;
    z-index: 9999;
    box-sizing: border-box;
}
form#withdrawConsentForm .rate:not(:checked) > label.star:before {
    content: '★ ';
}
form#withdrawConsentForm  .rate > input:checked ~ label.star {
    color: #FCB923;    
}
form#withdrawConsentForm .rate:not(:checked) > label.star:hover,
form#withdrawConsentForm .rate:not(:checked) > label.star:hover ~ label {
    color: #FCB923;  
}
form#withdrawConsentForm .rate > input:checked + label.star:hover,
form#withdrawConsentForm .rate > input:checked + label.star:hover ~ label,
form#withdrawConsentForm .rate > input:checked ~ label.star:hover,
form#withdrawConsentForm .rate > input:checked ~ label.star:hover ~ label,
form#withdrawConsentForm .rate > label.star:hover ~ input:checked ~ label.star {
    color: #FCB923;
}
.form-group.form-button{align-items: center;}
.button {
    width: 100px;
}

.button:hover {
    background-color: #45a049;
}
#loader-div, #progress-loader {
    top: 0;
    left: 0;
    text-align: center;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
}
#loader-div img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    max-width: 50px;
}
@media (max-width: 850px){
    .form-group.full-width.rate_service>div, .form-group.full-width.rate_service>div:nth-child(2n+1){
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    form#withdrawConsentForm .full-width.reasontoleave>div{
        width: 50%;
    }
}
@media (max-width: 600px) {
    .form-row {
        flex-direction: column;
    }
    .surveyform_note img{display: none;}
    .surveyform_note h3{font-size: 16px;line-height: 16px;}
    .surveyform_note p{font-size: 13px;line-height: 16px;}
    .form-group {
        width: 100%;
    }
    form#withdrawConsentForm .full-width.reasontoleave>div{
        width: 100%;
    }
    form#withdrawConsentForm .full-width.rate_service>div>label{width: 50%;}
    .surveyform_container{margin: 15px auto;width: calc(100% - 30px);}
    .uknowva_logo img{width: 120px;}
}
@media (max-width: 400px) {
form#withdrawConsentForm .rate:not(:checked) > label.star{width: 22px;font-size: 22px;}
}