@charset "UTF-8";
@-webkit-keyframes fa-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.text-note {font-size: 9pt;color: #FF0000;font-weight: bold;}
.loading-icon {
    width:100%;
    text-align: center;
    font-size: 30px;
    display: none;
}
.SurveyLoad{
    display: block;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}
.SurveyLoad >div{
    display: inline-block;
}
.lds-loading {
    display: inline-block;
    position: relative;
    width: auto;
    height: 35px;
}
.lds-loading div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #717171;
    animation: lds-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-loading .lds-loading-1 {
    left: 6px;
    animation-delay: -0.24s;
}
.lds-loading .lds-loading-2 {
    left: 26px;
    animation-delay: -0.12s;
}
.lds-loading .lds-loading-3 {
    left: 45px;
    animation-delay: 0;
}
@keyframes lds-loading {
    0% {
        top: 6px;
        height: 51px;
    }
    50%, 100% {
        top: 19px;
        height: 26px;
    }
}

.AnsChoices{display:inline-flex;flex-flow: column;width: 100%;}

.AnsChoices input[type="text"], .AnsChoices input[type="date"], .AnsChoices input[type="number"]{border:1px solid #345E9D !important;background-color: #fff !important;color: #345E9D;}
.AnsChoices select{
    border:1px solid #345E9D !important;
    background-color: #fff !important;
    color: #345E9D;
    font-size: 18px;
    padding: 10px 0;
    margin: 3px 0;
    max-width: 98%;
    border-radius: 0.5em;
}
.AnsChoices textarea{border:1px solid #345E9D;background-color: #fff;color: #345E9D;border-radius: 0.5em;}

.AnsChoices input[type="radio"], .AnsChoices input[type="checkbox"]{
    display: none;
}
.AnsChoices label {
    position: relative;
    color: #345E9D;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #345E9D;
    padding: 10px;
    border-radius: 0.5em;
    margin:3px;
    background-color: #fff;
}
.AnsChoices input[type="radio"] + label:before {
    content: "O";
    text-align:center;
    font-weight:normal;
    font-size: 18px;
}
.AnsChoices input[type="checkbox"] + label:before {
    content: "";
    text-align:center;
    height: 20px;
    width: 20px;
    border: 1px solid #345E9D;
    border-radius: 5px;
}
.AnsChoices input[type="radio"]:checked + label:before, .AnsChoices input[type="checkbox"]:checked + label:before{
    content:"\2713";
    font-weight:bold;
    color: #fff;
    background-color: #345E9D;
}
.AnsChoices input[type="checkbox"]:checked + label:before{
    border-color: #fff;
    font-size: 16px;
}
.AnsChoices input[type="radio"]:checked + label, .AnsChoices input[type="checkbox"]:checked + label{
    background-color: #345E9D;
    color: #ffffff;
}


#customBtn {
    display: inline-block;
    background: #4285f4;
    color: white;
    width: 190px;
    border-radius: 5px;
    white-space: nowrap;
}
#customBtn:hover, .Pointer {
    cursor: pointer;
}
.popupmessage{display:inline-block;position:fixed;top:150px;left:0;right:0;margin:0 auto;width:500px;max-width:80%;text-align:left;color:#716e6e;font-weight:600;background-color:#f4f4f4;border:3px solid maroon;border-radius:10px;padding:2em 1em 2em 1em;z-index:2;}
.popupmessage > .CloseText{font-size:0.9em;font-weight:400;margin-top:25px;margin-bottom:0;text-align:center;cursor:pointer;}

.SurveyTypes{display:flex;width:100%;flex-wrap: none;}
.SurveyTypes > div:first-of-type{width:100%;}
.SurveyTypes > div:last-of-type{padding:10px;}
.SurveyTypes ol{list-style-type: none;padding:0;}

span.label {
    font-weight: bold;
}
span.icon {
    background: url('{{path to your button image}}') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    border-right: #2265d4 1px solid;
}
span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    padding-right: 42px;
    font-size: 14px;
    font-weight: bold;
}
#logoAssistant{margin-top:50px;max-width:800px;width:100%;}
.faText{color:#0865AB;text-align:center;padding-bottom:30px;}
.detailText{padding-top:15px;}
.fa-header{color:#0865AB;font-weight:bold;padding-top:20px;}

.fontBold{font-weight:bold;}
.sitecompany{color:#1F497D;}
.sitename{color:#0865AB;}
.loginBtnSmall {
    box-sizing: border-box;
    position: relative;
    /* width: 13em;  - apply for fixed size */
    margin: 0.2em;
    padding: 0 0 0 28px;
    border: none;
    text-align: left;
    line-height: 30px;
    white-space: nowrap;
    border-radius: 0.35em;
    font-size: 16px;
    cursor: pointer;
}
.loginBtnSmall:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}
.loginBtnSmall:focus {
    outline: none;
}
.loginBtnSmall:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* button login Facebook Small */
#LOGfacebookSmall:after {
    content: "\f230";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 22px;
    color: #ffffff;
    top: 0;
    left: 6.2px;
    z-index: 1;
}
/* button login Google Small */
#LOGgoogleSmall:after {
    content: "\f1a0";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 22px;
    color: #ffffff;
    top: 0.5px;
    left: 7px;
    z-index: 1;
}
.loginBtn:focus {
    outline: none;
}
.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}
/* button login Facebook */
#LOGfacebook:after {
    content: "\F230";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    font-size: 26px;
    color: #ffffff;
    top: 5px;
    left: 5.2px;
    z-index: 1;
}
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/
    text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
}
.loginBtn--facebook:hover {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}
/* button login Google */
.loginBtn--google {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #DD4B39;
}
.loginBtn--google:before {
    border-right: #BB3F30 1px solid;
}
.loginBtn--google:hover {
    background: #E85947;
}
/* button login withEmail */
.loginBtn--email {
    /*font-family: "Roboto", Roboto, arial, sans-serif;*/
    background: #7B7B7B;
    font-size: 34px;
    font-weight: normal;
    width: 310px;
}
.loginBtn--email:before {
    border-right: #686868 1px solid;
}
.loginBtn--email:hover {
    background: #929292;
}
#BannerImg{position:fixed;top:0px;left:0px;max-width:600px;width:100%;}
#BannerImgSmall{display:none;}
#EditButtons{position:fixed;top:0px;left:0px;z-index:20;}
#EditButtons div{margin:10px;font-family:arial;font-size:0.8rem;font-weight:600;color:#FF8080;background-color:#e0e0e0;border:2px solid black;border-radius:0.75em;padding:3px 7px 3px 7px;cursor:pointer;}
#EditButtons div div{color:#000;font-weight:600;}
#EditButtons div div div{background-color:#fff;max-width:500px;margin-top:0px;font-size:1.2rem;}
#CloseMeta{display:none;position:absolute;right:-5px;top:-5px;}
#DataSaved{display:none;position:fixed;width:200px;height:100px;top:50%;left:50%;margin-top:-50px;margin-left:-100px;background-color:red;border:2px solid black;border-radius:0.75em;color:white;padding:1em;text-align:center;}
#EditorToolbar{position:fixed;bottom:5px;left:5%;padding:5px;max-width:90%;background-color:black;border-radius:0.75em;z-index:14;}
#FormattingButtons{display:none;float:left;}
#EditorToolbar button{float:left;display:inline;font-family:FontAwesome;font-size:18px;font-style:normal;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid black;border-radius:0.35em;background-color:white;margin:3px;width:40px;height:25px;cursor:pointer;vertical-align:top;}
#EditorToolbar button.savebutton{background-color:red;color:white;width:80px;}
#EditorToolbar button.collapse{background-color:black;color:white;float:right;display:none;}
div.dashed-box{width:100%; padding:10px 25px; text-indent: -25px;}
.footerDivBTN{width:100%;display:block;margin:0 auto;padding:5px;box-sizing:border-box;overflow:hidden;}
.footerDivBTN > div:first-child{float:left;width:50%;text-align:left;}
.footerDivBTN > div:last-child{float:right;width:50%;text-align:right;}
.EditorBlocks{border:1px solid red;}
/*.btnCenter{text-align:center;padding-top:1em;}
.btnSubmit{position:relative;display:inline-block;border-radius:0.35em;color:#ffffdd;background-color:#00376F;text-decoration:none;font-weight:600;padding:0.3em 0.5em 0.3em 0.5em;margin:0.5em;width:150px;height:45px;text-align:center;border:3px solid #00376F;cursor:pointer;}*/
.ContactForm{width:50%;margin:0 auto;}
.Required{color:#ff0000;padding:5px;}
.SurveyQuestion{font-weight:600;font-size:1.1em;}
.widthLoginAff{width:50%;margin:0 auto;}
.widthType{max-width:600px;margin:0 auto;}
.btnadd{width:14px;height:14px;}
.btnminus{width:20px;height:20px;}
.cta-row { display: flex; justify-content: space-around; text-align:center; }
.TakeSurvey{float:left;margin-bottom:20px;margin-right:10px;width:48%;}
#opacity{width:100%;height:100%;opacity:0.5;background-color:#00376F;}
#ViewPopup{background-color:white;border:2px solid #585858;border-radius:0.75em;position:fixed;z-index:16;left:0;right:0;width:90% !important;max-width:800px;margin:auto auto;overflow:auto;max-height:500px;padding:2%;}
#ViewPopup header{font-size:1.5em;font-weight:bold;}
#ViewPopup > div{padding:0.5em 1em 2em 1em;}
#ClosePopup{position:absolute;right:-20px;color:#ff0000;z-index:18;padding:1px 4px;font-size:36px;font-weight:600;cursor:pointer;}
.AnswerBlock{display:table;margin:0 15px 15px 15px;}
.AnswerBlock ul{display:table-row;}
.AnswerBlock ul li{display:table-cell;font-weight:400;padding:3px;}
.TableBlock{display:table;margin:0;font-size: 16px;}
.TableBlock ul{display:table-row;}
.TableBlock ul li{display:table-cell;font-weight:400;padding:3px;text-align:left;}
.TableBlock ul li:first-of-type{font-weight:600;text-align:right;}
.TableBlock ul li:first-of-type:after{content:": ";}

.MemberDetails ul{list-style-type: none;padding:0;}
.MemberDetails ul li{display:inline-block;vertical-align: top;}
.MemberDetails ul li:first-of-type{font-weight:bold;}
.MemberDetails ul li:first-of-type:after{content:":";}
.MemberDetails ul li:last-of-type{margin-left:10px;}

#ViewForm article{margin:20px auto;text-align:center;}
#ViewForm ol li{text-align:start;}
#ViewForm ol li p{font-size: 14px;}
.ChartsHead{clear:both;display:block;font-weight:600;color:#00376F;text-align:left;margin:10px 0 0 0;text-decoration:underline;}
.ChartsHead:first-of-type{text-decoration:none;font-size:1.2em;}
.Charts{clear:both;padding:0;margin:0;display:block;width:90%;}
.Charts div{font-weight:400;width:120px;float:left;overflow:hidden;padding-left:3em;margin-bottom:0.5em;text-align:center;}
.LoadingImg{margin-left:15px;margin-top:10px;display:none;}
#ViewPopup .Graph{font-family:Arial, Helvetica, sans-serif;font-size:8pt;text-align:center;}
#ViewPopup .Graph ul{list-style:none;}
#ViewPopup .Graph ul li{display:inline;float:right;margin:5px 10px;}
.RotageText{font-size:13px;font-weight:bold;margin:0px;padding:0px;-webkit-transform:rotate(-90deg) translate(0px,50px);-moz-transform:rotate(-90deg) translate(0px,50px);-ms-transform:rotate(-90deg) translate(150px,150px);-o-transform:rotate(-90deg) translate(0px,50px);}
/*.SurveyList{display:inline-block;}*/
.button-27 {
    position: relative;
    padding: 3px;
    background: linear-gradient(0deg, #fcfcfc 0%, #f5f5f5 100%);
    border: 4px solid white;
    border-radius: 16px;
    background-clip: padding-box;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5), 1px 3px 3px 2px #fff, 0 0 0 6px #ECECEC;
    /*  font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 1;
    transition: border 0.1s ease-in-out, padding 0.1s ease-in-out, margin 0.1s ease-in-out;*/
}
.button-27:hover {
    border: 2px solid white;
    background-image: linear-gradient(180deg, #E6E6E6 0%, #F7F7F7 100%);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35), 0 0 0 6px #ECECEC;
    padding: 5px;
}
.SurveyList{width:100%;display:flex;flex-flow:wrap;justify-content: center;}
.SurveyList ul{margin:8px;width:120px;height:auto;cursor:pointer;}
/*.erg-background ul{color:#333;background: url('/images/survey-button-bg.png');background-size:100% 100%;}*/
.SurveyList ul:first-child{display: none;}
.SurveyList ul li:first-child{height:40px;font-size: 12px;overflow:hidden;}
.SurveyList ul li{text-align:center;word-break:normal;margin:0;padding:0;}
.SurveyList ul li:nth-child(2){color:maroon;font-size:30px;font-weight:bold;text-shadow: 2px 2px 0px #c5c5c5;padding-bottom:10px;}
.SurveyList ul li:nth-child(3){font-size:14px;}
.SurveyList ul li .currency{font-size:16px;}
.SurveyList ul:first-child li:first-of-type{font-weight:600;color:blue;}
.SurveyList ul:not(:first-of-type) li:first-of-type{text-align:left;}
.SurveyList ul li{text-align:center;word-break:normal; list-style-type: none;}
.erg-background ul:hover{color:black;background: url('/images/survey-button-hover.png');background-size:100% 100%;}

.QuestionExtra-box{display:none;width:100%;padding-left:1.5em;box-sizing:border-box;}
.Question-highlight > span:last-child:before, .requiredQ:before{content:"\f06a";color:#FF0000;font-size:1.2em !important;padding-left:5px;box-sizing:border-box;}
.question-error{text-align:center;color:#FF0000;font-size:1.2em;}
.text-center{text-align:center;}
.text-red{color:#FF0000;}
.survey-page{color:#000080;font-weight:bold;text-decoration:underline;margin-bottom:1em;}
.comment-box{margin:20px 0 5px 0;}
.comment-box >div:first-of-type{padding:5px;}
.boxCategory{
    display: block;
    min-width: 50%;
    border:2px solid #00376F;
    padding: 5px;
    box-sizing: border-box;
    margin: 5px;
}
.boxCategory p{
    margin:2em 0 0.5em 0;
}
.boxCategory b{
    cursor:pointer;
}
.boxCategory input[type="button"]{
    margin: 2em 3px;
}
.text-blue{
    color: #00376F;
}
@media (max-width:800px){
    .SubLoginStyle{width:80%;}
    .TakeSurvey{width:100%;}
    .btnadd{width:30px;height:30px;}
    .btnminus{width:40px;height:40px;}
    .widthLoginAff{width:100%;max-width:600px;}
    .cta-row { flex-flow:column; }
    #ViewPopup{max-width:90%;}
    #ViewPopup, #Div33{width:86%;}
    /*    .fa-chart-bar{display:none;}
    .fa-chart-line{display:none;}
    .Graph .fa-chart-pie{display:none;}*/
    .ContactForm{width:95%;margin-left:0px;}
    #ClosePopup{right:0;}
    #BannerImg{display:none;}
    #BannerImgSmall{display:block;padding-bottom:5px;max-width:90%;margin:0 auto;background-color:white;}
    #EditButtons div{font-size:0.8em;}
    #EditButtons div div div{max-width:300px;font-size:1em;}
    #EditorToolbar button.collapse{display:inline;}
    .loginBtnSmall { padding: 8px 0 8px 70px;}
    #LOGgoogleSmall { width: 60% !important;margin: 0 auto;}
    #LOGfacebookSmall:after { top: auto;left: 0;font-size: 30px;width: 100%;text-align: center;}

    .TableBlock{margin:0; font-size: 14px;}
    .MemberDetails ul li{display:block;}
    .SurveyTypes{flex-wrap: wrap !important;flex-direction:column-reverse;}
    .SurveyTypes ol{display:inline-flex; flex-wrap: wrap;}
    .SurveyTypes .NewButton{font-size:12px;margin:5px;}
}