body{
    min-width:750px;
    font-size:16px;
    font-family:'Open Sans',sans-serif;
}
strong,strong p{color:inherit !important;}
textarea:focus,input:focus,select:focus{
    outline: none
}
/*.contentOverWhite a,.contentOverWhite a:href,.contentOverWhite a:hover,.contentOverWhite a:focus,.contentOverWhite a:visited{
    color:inherit;
}*/
a,a:link,a:hover,a:focus,a:visited{
    color:inherit;
}

a:link,a:hover,a:focus,a:visited{
    text-decoration: underline;
}

audio{
    display:block;
    margin:0 auto;
    background-color:white;
    border:1px solid white;
    border-radius:5px;
    box-shadow:2px 2px 5px #cccccc;
}

p:empty {
  margin: 0 !important;
  padding: 0 !important;
}

/* Styling for Chrome, Edge, and Safari */
audio::-webkit-media-controls-panel {
    background-color: white;
    border-radius: 0px;
}

.main{
    margin:0 auto;
}
.nextButton input[type=button],.nextButton input[type=submit]{
    min-height:45px;
    text-transform:uppercase;
}
.nextButton input[name=next]{
    float:right;
    width:81px;
}
.nextButton input[name=previous]{
    width:118px;
    background-color:#ffffff !important;
    color: #ff0096 !important;
    border:1px solid #ff0096 !important;
}
a.nextButtonLink{
    float:right;
    display:block;
    background-color:#ff0096;
    border-radius:5px;
    color:white;
    font-weight:bold;
    padding:10px 20px;
}
a.nextButtonLink:hover{
    color:white;
    text-decoration: none;
}
a.prevButtonLink{
    float:left;
    display:block;
    border:1px solid #ff0096;
    border-radius:5px;
    color:#ff0096;
    padding:10px 20px;
    margin:0 auto;
    background-color:white;
    text-align:center;
    font-weight:bold;
    margin-bottom:30px;
}
a.prevButtonLink:hover{
    color:#ff0096;
    text-decoration: none;
}
.prewizard_form{
    background:white;
}
.prewizard_form>div{
    width:750px;
    margin:0px auto;
    padding:50px 0 0 0;
}

.wizard_form_submit{
    background-color:white;
}
.wizrd_form_cont{
    width:750px;
    margin:0 auto;
    padding:50px 0;
}
.wizrd_form_cont p:last-child{
    margin-bottom:0 !important;
}

.wizard-contents{
    width:750px;
    margin:0px auto !important;
    padding:23px 0;
}
.wizard-contents a,.wizard-content-white a:not(:has .staticNav){
    color:inherit;
    text-decoration: underline;
}

h3.wizard-contents{
    color:#651dc4;
    font-size:18px;
    line-height:33px;
    padding:30px 0 2px 0;
    font-weight: 600;
    margin-bottom:0px !important;
}
.wrapper-content  h3{
    font-size:18px;
    font-weight:600;
}
.contentOverWhite h3.wizard-contents:first-child{
    padding-top:0px;
    margin-top:0px !important;
}


.wizard-contents-quote{
    width:650px;
    font-style: italic;
    font-family: "Open Sans" !important;
    font-size:19px !important;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: 1.32;
    margin:45px auto 45px auto !important;
    border-radius:8px;
    background-color:#fbf2fe;
    color:#651dc4 !important;
    padding:20px 68px;
    position: relative;
    font-size:19px;
    text-align:center;
    font-weight:normal;
}
.wizard-contents-quote p{
    color:#651dc4 !important;
    font-size:19px !important;
    margin:0 !important;
    text-align:center;
}
.simple-quote{
    text-align:center;
    color:#651dc4 !important;
    font-style:italic;
    font-size:19px !important;
    margin:30px auto !important;
    width:80%;
}
/*
.wizard-contents-quote:after{content: '';
                             position: absolute;	top: 0;	left: 85%;	width: 0;	height: 0;	border: 20px solid transparent;
                             border-bottom-color: #fbf2fe;	border-top: 0;	border-right: 0;	margin-left: -10px;	margin-top: -20px;}
*/
.wizard-contents-quote:after{
    content: '';
    top: -30px;
    right: 10%;
    position: absolute;
    border: 0px solid;
    display: block;
    width: 38px;
    height: 26px;
    background-color: transparent;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: -16px 9px 0px 8px #fbf2fe;
    -webkit-transform: rotate(280deg);
    transform: rotate(280deg);
}
.wizard-contents{
    margin:0px auto !important;
    margin-bottom:20px !important;
    position:relative;
}
.wizard-contents:has(.contentOverWhite,.wizard_form_submit){
    margin:0px auto !important;
}
p.wizard-contents:not(:last-child){
    margin:10px auto !important;
}
.white-bk{
    background-color:white;
    border-radius: 8px;
    padding:50px 50px;
    color:#656565;
}

.white-bk p:last-child{
    margin-bottom:0 !important;
}
.white-bk.spiralpink p{
    color:#ff0096 !important;
}
.white-bk.spiralpurple p{
    color:#651dc4 !important;
}

.white-bk{
    position:relative;
}
.white-bk.withheadimage{
    margin-top:90px;
}

.white-bk .head-image{
    position:relative;
    margin:0 auto;
    width:187px;
    height:60px;
    top:-140px;
}

.white-bk .head-image-p3-icon{
    position:relative;
    margin:0 auto;
    width:126px;
    height:105px;
    top:-109px;
}

.wizard-contents ul li,.wizard-content-white ul li{
    margin-bottom:10px;
}

.wizard-contents ul li::marker,.wizard-content-white ul li::marker{
    font-size:22px;
}

figure.wizard-contents{
    padding:10px 0;
}
.wizard-content-white{
    width:100%;
    background-color:white;
    padding-top:50px;
    padding-bottom:50px;
}
.wizard-content-white .contentOverWhite,.wizard-content-white .contentOverPink{
    width:750px;
    margin:0 auto !important;
}
.wizard-content-white .contentOverPink{
    background-color:#fbf2fe;
    padding:50px 50px 30px 50px;
}

.wizard-content-white .contentOverWhiteWide,.wizard-contents.contentOverPinkWide{
    /* width:1200px !important; */
    width:100% !important;
}
.wizard-content-white .contentOverWhite h3{
    font-size:18px;
}
.wizard-content-white .contentAboveHead{
    padding:50px 0 0px 0;
    text-align:center;
    width:750px;
    margin:0 auto;
    margin-bottom:0 !important;
}
.wizard-content-white .contentAboveHead:first-child{
    padding-top:0 !important;
}

.wizard-content-white:has(.only-image),.wizard-contents:has(.only-image){
    padding:0 !important;
}

.wizard_form label{
    color:#651dc4;
    font-size:16px;
    margin-bottom:10px;
}
.wizard_form label.error{
    color:#FF0000;
    font-size:12px !important;
    font-weight:600;
}
.wizard_form textarea.error,.wizard_form input[type=text].error,.wizard_form input[type=password].error{
    border:2px solid #ff0000;
}
.errorDiv{
    color:red;
    font-size:12px;
    font-weight:bold;
    display:none;
}
.uyh_wizard{
    margin-bottom:50px;
}
.uyh_wizard span.part1from{
    font-size:14px;
    color:#af92d4;
    line-height:30px;
}
.uyh_wizard *::placeholder{
    color:grey !important;
    font-size:smaller;
}

.uyh_wizard input:disabled,
.uyh_wizard textarea:disabled,
.uyh_wizard select:disabled,
.uyh_wizard button:disabled,
.bulletedTxtArea[contenteditable=false]{
    background-color:#f5f5f5 !important;
}

.wizard-content-header{
    width:100%;
    margin:0 0 0px 0;
    background-color:transparent;
}
.wizard-content-header img{
    width:100%;
}

.uyhSection .white-bk:has(.moveUpOverImg){
    position:relative;
    top:-135px;
}

.uyh_wizard input[type=text],.uyh_wizard textarea,.decent-man-popup textarea{
    height: 40px;
    border-radius: 8px;
    border: solid 1px #651dc4;
    background-color: #ffffff;
    padding:5px 10px;
    color:#ff0096;
    width:100%;
}
.uyh_wizard input[type=text]::placeholder,.uyh_wizard textarea::placeholder,.decent-man-popup input[type=text]::placeholder,
.decent-man-popup textarea::placeholder{
    color:#a6a6a6 !important;
    font-size:16px;
    font-style: italic;
}
.uyh_wizard textarea,.decent-man-popup textarea{
    height: 120px;
}

.wizard-button a,.uyh_wizard input[type=button],.uyh_wizard input[type=submit]{
    color:white;
    padding:10px 20px;
    border-width:0;
    border-radius: 5px;
    background-color: #ff0096;
}
.wizard-button a:hover,.uyh_wizard input[type=button]:hover,.uyh_wizard input[type=submit]:hover{
    background-color:#ff0096;
    cursor:pointer;
    text-decoration: none !important;
    color:white;
}
.uyh_wizard textarea{
}
.footer-general-instructions{
    text-align:center;
    margin:10px 0 30px 0;
    color:#651dc4 !important;
}
.footer-general-instructions p{
    text-align:center;
    color:#651dc4 !important;
}

.bullet-heart{
    list-style-image: url('images/bullet-heart.png');
    margin-bottom:0px;
}
.bullet-heart-strght{
    list-style-image: url('images/bullet-heart-strght.png');
    margin-bottom:0px;
}
.bullet-pink-tick{
    list-style-image: url('images/tick-pink.png');
    margin-bottom:0px;
}
.bullet-purple-cross{
    list-style-image: url('images/cross-purple.png');
    margin-bottom:0px;
}
.bullet-purple-cross > li,.bullet-pink-tick > li{
    line-height:26px;
    margin-bottom:10px;
}
.pink-tick{
    list-style-image: url('images/pink-tick.png');
    margin-bottom:0px;
}
.purple-tick{
    list-style-image: url('images/purple-tick.png');
    margin-bottom:0px;
}
.bullet-heart li,.bullet-heart-strght li,.purple-tick li,.purple-tick li,.bullet-tear li{
    line-height:24px !important;
    font-size:16px;
    font-family:"Open Sans", sans-serif;
    padding-bottom:12px;
}
.bullet-heart li,.bullet-heart-strght li,.purple-tick li{
    color:#651dc4;
}
.pink-tick li{
    color:#ff0096;
}
.bullet-tear{
    list-style-image: url('images/tear.png');
    padding-left:20px;
}
.bullet-tear li:last-child{
    padding-bottom:0px;
}
.purple-li li{
    color:#651dc4 !important;
    margin-bottom:10px;
}
ul.bullet-purple,ul.bullet-pink{
    list-style: none;
}
ul.bullet-purple > li,ul.bullet-pink > li{
    color:#656565;
    margin-bottom:10px;
    margin-left:10px;
}
ul.bullet-purple > li::before,ul.bullet-pink > li::before{
    content: "\2022" '  ';
    vertical-align:middle;
    color:#651dc4;
    display: inline;
    width: 1em;
    margin-left: -20px;
    font-weight:bold;
    font-size:28px;
}
ul.bullet-pink > li::before{
    color:#ff0096;
}

ul.no-bullets{
    list-style-type: none;
}
ul.no-bullets li{
    padding-left:0;
    margin-left:0;
}

.nobulletspurple{
    list-style: none;
}

.part2_3_ol{
    margin-left:30px;
}
.part2_3_ol li{
    margin-top:20px;
    color: #651dc4;
}
.part2_3_ol li::marker {
    content: "#3." counter(list-item) "    ";
    padding-right:10px;
    color: #ff0096;
}

.readmore_less{
    overflow-y:hidden;
}
.read_less_text,.read_more_text{
    color:#ff0096 !important;
    font-size:12px !important;
    font-weight:bold !important;
    cursor:pointer !important;
    margin-top:15px !important;
}
.read_less_text{
    display:none;
}


#nextPopup{
    display:none;
}


#heartbreakers-list{
    width:100%;
}
#heartbreakers-list::before,#heartbreakers-list:after{
    content: " ";
    display: table;
}
#heartbreakers-list::after{
    clear:both;
}
#heartbreakers-list>div{
    width:47%;
    margin:5px;
    background-color:#ffd4db;
    float:left;
    padding:10px;
}
#heartbreakers-list>div::after {  /* Imaginary class name */
    content: "";
    clear: both;
    display: table;
}
#heartbreakers-list>div>div{
    color:magenta;
    padding:10px;
    height:60px;
    overflow:hidden;
    font-size:12px;
    font-weight:bold;
    line-height:40px;
    text-decoration: underline;
    cursor:pointer;
}
#heartbreakers-list .heartbreaker-image{
    width:55px;
    height:40px;
    background-position: center;
    background-repeat: no-repeat;
    float:left;
    margin-right:10px;
}


@media (min-width:576px) {
    .cont-full-width {
        max-width:100% !important;
        padding:0 !important;
    }
}
@media (min-width:768px) {
    .cont-full-width {
        max-width:100% !important;
        padding:0 !important;
    }
}
@media (min-width:992px) {
    .cont-full-width {
        max-width:100% !important;
        padding:0 !important;
    }
}
@media (min-width:1200px) {
    .cont-full-width {
        max-width:100% !important;
        padding:0 !important;
    }
}
.partTitle{
    text-align:center;
    padding-top:16px;
    font-size:22px !important;
    color:#651dc4 !important;
    line-height:26px !important;
}
#wizard-page{
    width:100%;
    margin:0 auto;
    padding:0;
    background-color:#FBF2FE;
}
#wizard-page p{
    font-size:16px;
    line-height:26px;
    color:#656565;
    margin-bottom:16px;
    font-weight:normal;
}
#wizard-page strong{
    font-weight:600;
    font-size:inherit;
    color:inherit;
}
h3.wizard-preheading{
    width: 750px;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: 0.59px;
    text-align: center;
    color: #ff0096;
    margin:0 auto;
    padding:24px 0 18px 0;
    background-color:#FBF2FE;
}
.wizard-title h2::before,h2.wizard-title::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    /*background-image: url("images/h2-arrow.jpg");*/
    background-repeat: no-repeat;
    position: absolute;
    left: -24px;
    top:12px;
}
.wizard-title h2,h2.wizard-title{
    width:750px;
    margin: 0 auto;
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.34;
    letter-spacing: 0.86px;
    text-align: center;
    color: #651dc4;
    background-color:white;
    padding-top: 0px;
    padding-bottom: 40px;

    /*position:relative;font-size: 26px; font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 1.46;  letter-spacing: 0.5px;  text-align: center;  color: #651dc4;*/}

.wizard-title h2:last-child{
    padding-bottom:0px !important;
}
.wizard-title{
    padding:50px 0;
}
.wizard-title h2 span{
    color:#ff0096;
    font-size:inherit;
}
.wizard-title.wizard-content-white .contentOverWhite{
    padding-top:0px !important;
    text-align:center;
}
h3.wizard-title{


    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: 0.5px;
    text-align: left;
    color:#ff0096
}

.showreply_box{
    background-color:transparent;
    padding:10px;
    color:#ff0096;
    border:1px solid #651dc4;
    margin:10px 0;
    border-radius:8px;
    line-height: 32px;
}

.showreply_box ul li{
    color:#ff0096;
}
.wizard-intro{
    list-style: none;
    width:84%;
    max-width:580px;
}
.wizard-intro li{
    line-height:36px;
    color:#651dc4;
    line-height:32px;
}

.hb-quiz-question-box{
    margin:30px 0;
    position:relative;
}
.hb-quiz-question-box .uyh_overlay{
    display:none;
    position:absolute;
    width:0;
    height:0;
    background-color: transparent;
}
.hb-quiz-question-box .hb-quiz-question{
    width:750px;
    padding:48px;
    background-color:#ffffff;
    border-radius: 8px;
    border-width:0px;
}
.hb-quiz-question-box .hb-quiz-question:first-child{
    margin-top:0px;
}
.hb-quiz-question-box .hb-quiz-question .description{
    color:#651dc4;
    margin:10px 0;
}
.hb-quiz-question-box .hb-quiz-question .buttons input[type=button]{
    background-color:white;
    color:#ff0096;
    border-color:#ff0096;
}
.hb-quiz-question-box .hb-quiz-question .buttons input[type=button].selected{
    background-color:#ff0096;
    color:white;
}
.hb-quiz-question-box .hb-quiz-question h5{
    color:#ff0096;
    font-size:18px;
}
.hb-quiz-question-box .hb-quiz-question .buttons{
    margin-top:20px;
}
.hb-quiz-question-box .hb-quiz-question .more-link,.hb-quiz-question-box>div .less-link,.hb-quiz-question-box>div .read-more-link{
    color:#FF0096;
    text-decoration:underline;
}
.hb-quiz-question-box .hb-quiz-question .more-text{
    font-size:inherit;
    color: inherit;
}

/* When form is disabled */
.uyh_wizard.disabled .hb-quiz-question-box .uyh_overlay{
    position:absolute;
    width:100%;
    height:100%;
    z-index:999;
    display:block;
    top:0;
    left:0;
}
.uyh_wizard.disabled .hb-quiz-question-box .hb-quiz-question{
    background-color:rgb(251, 242, 254) !important;
    border:1px solid #651dc4 !important;
}
.uyh_wizard.disabled .hb-quiz-question-box .hb-quiz-question .description{
    color:#651dc4 !important;
}
.uyh_wizard.disabled .hb-quiz-question-box .hb-quiz-question .buttons input[type=button]{
    background-color:white;
    color:#651dc4;
    border-color:#651dc4;
}
.uyh_wizard.disabled .hb-quiz-question-box .hb-quiz-question .buttons input[type=button].selected{
    background-color:#651dc4;
    color:white;
}
.uyh_wizard.disabled .hb-quiz-question-box .hb-quiz-question h5{
    color:#ff0096 !important;
}
.uyh_wizard.disabled .hb-quiz-question-box .hb-quiz-question .more-link,.hb-quiz-question-box .hb-quiz-question .less-link,.hb-quiz-question-box .hb-quiz-question .read-more-link{
    color:#FF0096 !important;
}


.share-your-story{
    padding:30px 0 50px 0;
}
.cant-find-my-type{
    padding-bottom:50px;
}
.hb-quiz-question-box>div input[type=button],
.pitfall-question input[type=button],.suggest-theme input[type=button],.decent-man-popup input[type=submit],
.share-your-story input[type=button],.cant-find-my-type input[type=button]
{
    cursor:pointer;
    padding:0;
    width: 200px;
    height: 32px;
    border-radius: 5px;
    border: solid 1px #ff0096;
    background-color: #ffffff;
    color:#ff0096;
    font-size:14px;
}
.share-your-story input[type=button]:hover,.decent-man-popup input[type=submit]:hover,.suggest-theme input[type=button]:hover,
.cant-find-my-type input[type=button]:hover{
    color:white;
    background-color:#ff0096;
}
.pitfall-question input[type=button]{
    width:122px;
}
.hb-quiz-question-box>div input[type=button]:hover,
.pitfall-question input[type=button]:hover{
    background-color:#ffffff;
    color: #ff0096;
}
.hb-quiz-angry-warning{
    font-size: 16px;
    text-align:center;
    color:#ff0096;
    padding:18px;
    width: 650px;
    margin:20px 0 30px 0;
    border-radius: 8px;
    border: solid 1px #ff0096;
    background-color: #ffffff;
}

.pitfall-question{
    border-radius:8px;
    background-color:white;
    padding:30px 50px;
}
.pitfall-question{
    color:#651dc4;
    margin:30px 0;
}
.pitfall-question:first-child{
    margin-top:10px;
}
.pitfall-question table{
    width:100%;
    margin-top:20px;
}
.pitfall-question table td{
    width:20%;
}
.pitfall-question table td{
    text-align:center;
}
.pitfall-question table div.answer{
    color:#651dc4;
    cursor:pointer;
    font-weight:bold;
}
.pitfall-question table div.hover{
    color:#ff0096;
}

/* Star selection */
.motivated-question{
    margin-bottom:30px;
}
.motivated-question>div{
    color:#651dc4;
    margin:0;
    background-color:white;
    border-radius:8px;
    padding:10px 50px;
}
.motivated-question>div table{
    width:100%;
    margin:20px 0;
}
.motivated-question>div table td{
    width:10%;
}
.motivated-question>div table a{
    font-size:11px;
    width:40px;
    height:38px;
    background-image:url('images/star-line-pink.png');
    margin:0 auto;
    display:block;
    padding-top:9px;
    color:#ff0096;
    text-decoration: none;
}

.motivated-question.part1 > div table a{
    padding-top:14px !important;
}
.motivated-question>div table a.hover{
    background-image:url('images/star-pink.png');
    text-decoration:none;
    color:white;
}
.motivated-question>div table td{
    text-align:center;
}
.motivated-question>div table tr td:first-child,.motivated-question>div table tr td:last-child{
    width:64px;
    font-size: 14px;
    color: #af92d4;
}
.motivated-question>div table tr td:first-child{
    padding-right:15px;
}
.motivated-question>div table tr td:last-child{
    padding-left:15px;
}
.redBorder{
    border:2px solid #ff0000;
}

#uyh_popup{
    padding: 0;
}

.decent-man-popup{
    display:none;
    padding:0 24px !important; /* horizontal padding was 24px */
    font-family:"Open Sans", sans-serif;
}
.ui-dialog{
    color:#656565;
    background: #ffffff none 100% 100% repeat-x !important;
    color:#656565;
    border-radius: 8px;
    box-shadow: 0px 10px 33.1px 2.9px rgba(0, 0, 0, 0.45);
}
.ui-dialog-titlebar-close{
    border-width:0px;
    background-color:transparent;
    color:#ff0096;
    width:14px;
    height:14px;
    background-image:url('images/close-icon.png');
    background-repeat: no-repeat;
    background-position:center center;
    outline:none !important;
}
.decent-man-popup .ui-dialog-titlebar{
    background:none;
    height:60px;
}
.decent-man-popup h3{
    font-size: 16px;
    font-weight: 600;
    color:#651dc4;
}
.decent-man-popup h6{
    font-size: 18px;
    font-weight: 600;
    color: #651dc4;
}
.decent-man-popup p{
    font-size:16px;
}

/* All jQuery dialogs */
.ui-dialog-title{
    font-size:19px;
    color:#651dc4;
    font-weight:normal;
    display:none;
}
.ui-widget-header{
    border-width:0px !important;
}
.ui-widget-content{
    border-width:0 !important;
    border-radius: 8px !important;
}

#exitpopup{
    margin:0px auto;
    display:none;
    position:fixed;
    overflow:hidden;
    width:670px;
    height:450px;
    color:#333;
    padding:20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:999999;
    background:rgb(256, 256, 256);
}
#exitpopup a{
    color:#ff0096;
}
#exitpopup h4{
    color:#651dc4;
    font-weight:bold;
}
#exitpopup p{
    font-size:smaller;
    line-height:20px;
    color:#651dc4;
}
#exitpopup_bg,#ajax-submit-bg{
    display: none;
    width:100%;
    height:100%;
    position:fixed;
    background:#000000;
    opacity: .8;
    filter:alpha(opacity=0.8);
    z-index:999998;
    left:0;
    top:0;
}
#exitpopup_close{
    position:absolute;
    right:10px;
    top:10px;
    cursor:pointer;
    width:26px;
    height:26px;
    text-align:center;
    color:#ff0096;
}

#ajax-submit-bg .please-wait{
    margin:200px auto;
    font-size:40px;
    text-align:center;
}

.temp-calc-table table{
    width:100%;
    border:1px solid red;
    border-collapse: collapse;
}
.temp-calc-table table td,.temp-calc-table table th{
    border:1px solid red;
}

.textarea-with-textbox{
    width:750px;
    position:relative;
}
.textarea-with-textbox input[type=text].error{
    border-width:0 2px !important;
    border-color: #ff0000 !important;
}
.textarea-with-textbox .input-line:first-child input[type=text].error{
    border-width:2px 2px 0 2px !important;
    border-color: #ff0000 !important;
}
.textarea-with-textbox .input-line:last-child input[type=text].error{
    border-width:0px 2px 2px 2px !important;
    border-color: #ff0000 !important;
}
.textarea-with-textbox label.label-in-input{
    position:absolute;
    left:10px;
    top:2px;
    display:inline;
    color:#a6a6a6;
    font-style:italic;
}
.textarea-with-textbox input[type=text]{
    width:100%;
    background-color: white;
    margin:0;
    border-radius:0;
    border:1px solid #651dc4;
    border-top-width: 0;
    padding:0 0 0 35px;
    border-bottom-width: 0;
    height:30px;
}
.textarea-with-textbox .input-line:first-child input[type=text]{
    border-radius:5px 5px 0 0;
    border:1px solid #651dc4;
    border-bottom-width: 0;
}
.textarea-with-textbox .input-line:last-child input[type=text]{
    border-radius: 0 0 5px 5px;
    border:1px solid #651dc4;
    border-top-width: 0;
}
.textarea-with-textbox .input-line{
    position:relative;
}

.modelChart{
    color:#651dc4;
    position: relative;
    width: 776px;
    height: 1041px;
    margin-bottom: 50px;
    background: url('/wp-content/uploads/2021/10/intro5-chart.jpg') no-repeat;
}
.modelChart .chartBox1{
    padding:30px;
    border-radius: 5px;
    background-color:#eee1ff;
    text-align: center;
    font-weight:bold;
    font-size:16px;
    position:absolute;
    top:8px;
    left:14px;
    width:340px;
    height:104px;
}
.modelChart .chartBox2{
    padding:30px;
    border-radius: 5px;
    background-color:#eee1ff;
    text-align: center;
    font-weight:bold;
    font-size:16px;
    position:absolute;
    top:8px;
    right:11px;
    width:340px;
    height:104px;
}
.modelChart .chartBox3{
    padding:30px 10px;
    border-radius: 5px;
    background-color:#eee1ff;
    position:absolute;
    font-weight:bold;
    font-size:16px;
    top:210px;
    left:14px;
    width:340px;
    height:289px;
}
.modelChart .chartBox4{
    padding:30px 10px;
    border-radius: 5px;
    background-color:#eee1ff;
    position:absolute;
    font-weight:bold;
    font-size:16px;
    top:210px;
    right:11px;
    width:340px;
    height:289px;
}
.modelChart .chartBox5{
    padding:30px;
    border-radius: 5px;
    background-color:#eee1ff;
    position:absolute;
    font-weight:bold;
    font-size:16px;
    top:597px;
    left:14px;
    width:750px;
    height:238px;
}

.hb-result-table {
    border-radius:8px;
    background-color:white;
    padding:20px;
}
.hb-result-table table{
    border-radius:8px;
    background-color:white;
    width:100%;
}
.hb-result-table table th{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color:#ff0096;
    font-size:14px;
}
.hb-result-table table th:first-child{
    background-color:white;
}
.hb-result-row-mark,.hb-result-table table th{
    background-color:#fbf2fe;
    border-right:1px solid white;
    text-align:center;
    vertical-align:bottom;
}
.hb-result-table tr:last-child td:last-child{
    border-bottom-right-radius: 8px;
}
.hb-result-row-mark div{
    margin-bottom:7px;
}
.hb-result-row-heading {
    width: 149px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: right;
    color: #651dc4;
    padding-right:6px;
}
.dark-tick{
    width: 15px;
    height: 11px;
    background-image:url('images/dark-tick.jpg');
    margin:0 auto;
}
.light-tick{
    width: 15px;
    height: 11px;
    background-image:url('images/light-tick.jpg');
    margin:0 auto;
}

.pinkhashbullets{
    list-style: none;
    counter-reset: li;
    line-height:26px;
}
.pinkhashbullets li{
    margin-bottom:15px;
    counter-increment: li;
    color: #651dc4;
}
.pinkhashbullets li::marker {
    content:'#' counter(li) ' ';
    color: #ff0096;
    display: inline-block;
    width: 25px;
    margin-left: -20px;
    padding-right:10px;
    font-size:inherit !important;
}

#uyhSection1{
    line-height: 1.34;
}

/* Line box - White box with pink or puple line. .line-box-heading can be used to display a heading on top of top border.*/
.line-box{
    background-color:#ffffff;
    padding:50px 50px 30px 50px;
    margin:20px auto 30px auto;
    border-width:1px;
    border-style:solid;
    position:relative;
    border-radius:8px;
    border-color:#ffffff;
}
.line-box h5{
    padding:20px 0;
    font-size:18px;
    font-weight:600;
    padding-top:15px !important;
}
.line-box .line-box-heading{
    font-weight:600;
    border-width:1px;
    border-style:solid;
    width:450px;
    position: absolute;
    text-align:center;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:#ffffff;
    border-radius:8px;
    padding:5px 10px;
    font-size:18px;
}

.line-box:has(.head-image){
    margin-top:50px;
}

.line-box .head-image{
    position:absolute;
    margin:0 auto;
    width:120px;
    height:120px;
    top:-7%;
    left:50%;
    transform:translate(-50%,0%);
    text-align:center;
    vertical-align:middle;
    border-radius: 50%;
    background-color:white;
    box-shadow: 0px 5px 9px 0 rgba(0, 0, 0, 0.29);
}

.line-box .head-image img{
    transform:translate(0%,50%);
}

.line-box.purple .head-image{
    border:1px solid #651dc4;
}

.line-box .head-image + p{
    margin-top:50px;
}

.line-box.purple{
    border-color:#651dc4;
    color:#ff0096;
}
.line-box.purple .line-box-heading{
    border-color:#651dc4;
    color:#ff0096;
}
.line-box.purple h5{
    color:#ff0096;
}

.line-box.pink{
    border-color:#ff0096;
    color:#651dc4;
}
.line-box.pink .line-box-heading{
    border-color:#ff0096;
    color:#651dc4;
}
.line-box.pink h5{
    color:#651dc4;
}

.line-box.suggest-theme{
    text-align:center;
    color: #656565 !important;
    font-size:16px;
}

.line-box:last-child{
    margin-bottom:0 !important;
}

.line-box .callout-heading{
    position:absolute;
    font-weight:bold;
    font-size:18px;
    padding:5px;
    width:162px;
    height:37px;
    top:-24px;
    left:288px;
    border-radius:5px;
    text-align:center;
    color:white;
}
.line-box .callout-heading div{
    position:absolute;
    top:37px;
    left:76px;
    width:30px;
    height:28px;
    border-radius:0 -10px -10px 0px;
}
.line-box .callout-heading.pink{
    background-color:#ff0096;
}
.line-box .callout-heading.pink div{
    background:url(/wp-content/uploads/2021/10/callout-pink.jpg) center center no-repeat;
}
.line-box .callout-heading.purplelight{
    background-color:#af92d4;
}
.line-box .callout-heading.purplelight div{
    background:url(/wp-content/uploads/2021/10/callout-purple.jpg) center center no-repeat;
}

.suggest-theme input[type=button],share-your-story input[type=button],
.cant-find-my-type input[type=button]{
    cursor:pointer;
}



/* Your Insights box - First page it was added - Part 2 - Page 10 - #1.2 Sensitive people – born or made?.  */
.white-bk.insight{
    position:relative;
    margin-top:70px;
}
.white-bk.insight .insightIcon{
    width:174px;
    height:115px;
    background:url('images/insights.png') center top no-repeat;
    position:absolute;
    top:-38px;
    left:290px;
    padding:0;
    padding-top:85px;
    color:#ff0096;
    font-weight:bold;
    text-align:center;
}
.white-bk.insight .insightQuestion p{
    color: #651dc4 !important;

}

.white-bk.insight .insightQuestion p:first-child{
    margin-top:30px;
}
.white-bk.insight .insightQuestion ul li{
    color: #651dc4 !important;
}
.white-bk.insight .insightQuestion .bulletedTxtArea ul li{
    color: #ff0096 !important;
}
.white-bk.insight .insightQuestion ul {
    padding-inline-start: 20px !important
}

.white-bk.insight textarea{
    width:100%;
    height:120px;
    border:1px solid #651dc4;
    border-radius:5px;
    padding:8px;
}

.white-bk .line-box{
    padding-left:0px !important;
    padding-right:0px !important;
}


.info-hover-box{
    position:absolute;
    top:10px;
    left:10px;
}

.hasHoverInfoBox {
    border-bottom: 1px dashed;
    text-decoration: none
}
.hasHoverInfoBox:hover {
    cursor: help;
    position: relative;
}
.hasHoverInfoBox span {
    display: none;
}
.hasHoverInfoBox:hover span {
    background-color:#ede0ff;
    border-radius:5px;
    color:#656565;
    padding:18px;
    text-align:left;
    font-size:14px !important;
    display: block;
    z-index: 100;
    left: 0px;
    margin: 10px;
    width: 360px;
    position: absolute;
    top: 10px;
    text-decoration: none
}
.hb-result-row-heading .hasHoverInfoBox{
    border-bottom: 0px solid #651dc4 !important;
}
.hb-result-row-heading .hasHoverInfoBox:hover{
    border-bottom: 1px solid #651dc4 !important;
}
.hb-result-row-heading .hasHoverInfoBox:hover span{
    left: auto !important;
    line-height:20px;
    right:0px !important;
    top:30px !important;
    box-shadow:0px 5px 5px #cccccc;
}
.hb-result-row-heading .hasHoverInfoBox:hover span .hb-quiz-angry-warning{
    width:100%;
    margin-bottom:10px;
    margin-top:5px;
}
.scenario-box{
    background-color:white;
    border-width:0px;
    border-radius:8px;
    color:#651dc4 !important;
    padding:30px 50px;
}
.scenario-box p{
    color:#651dc4 !important;
}
.scenario-box p:last-child{
    margin-bottom:0px !important;
}
.scenario-box h4{
    color: #651dc4;
    font-size:16px;
    font-weight: 600;
    text-align:center;
    padding:20px 0 30px 0;
}
.scenario-box .scenario-content{
}

.hb-group{
    position:relative;
    border-top:1px solid #ff0096;
    text-align: center;
    margin:60px auto 80px auto !important;
}
.hb-group .hb-group-heading{
    position:relative;
    top:-15px;
    background-color:#fbf2fe;
    margin:0 auto;
    width:160px;
}
.hb-group .hb-group-heading,.hb-group .hb-group-description{
    font-size: 26px;
    color:#ff0096;
}
.hb-group .hb-image-row{
    margin-top:30px;
}
.hb-group .hb-image-row div{
    float:left;
    width:229px;
    margin-left:30px;
}
.hb-group .hb-image-row div img{
    margin-bottom:18px;
    border-width:0px;
}
.hb-group .hb-image-row div a,.hb-group .hb-image-row div a:link{
    font-size:20px;
    font-weight:600;
    color:#651dc4;
    text-decoration: underline;
}
.hb-group .hb-image-row div:first-child{
    margin-left:0 !important;
}
.hb-group .hb-image-row::after{
    content: " ";
    clear:both;
    display: block;
    height: 0;
}

#hb-list-hb-page-dialog{
    overflow:hidden;
}
#hb-list-hb-page-dialog iframe{
    border-width:0;
}
.hb-overlay{
    padding:0 !important;
}
.ui-dialog-titlebar-close{
    margin-right:20px !important;
}

#error-white-box,.error-white-box {
    width: 301px;
    height: 45px;
    border-radius: 8px;
    border: solid 2px #ff0000;
    background-color: #ffffff;
    float:right;
    margin-right:10px;
    display:none;
    font-size: 16px;
    color: #ff0202;
    text-align:center;
    padding:7px;
}
.wizard-contents h4{
    padding-bottom:4px;
}



/* Part 2 Born Sensitive 6 Ls - Hs Chart */
.hsLsChartContainer{
    background: url('/wp-content/uploads/2021/10/hs-ls-full-chart-part2bornses6.png') center center no-repeat;
    width: 765px;
    height: 884px;
    position: relative;
}
.hsLsChartContainer>div>a{
    font-style: italic;
    color:#651dc4;
}
.hsLsChartContainer .hsLsChartTopLeft,.hsLsChartContainer .hsLsChartTopRight,.hsLsChartContainer .hsLsChartBottomLeft,
.hsLsChartContainer .hsLsChartBottomRight{
    position: absolute;
    text-align: center;
    padding:20px 20px 19px 20px;
    font-size:14px;
    line-height:1.36;
}
.hsLsChartContainer .hsLsChartTopLeft{
    width: 200px;
    height: 200px;
    top: 120px;
    left: 95px;
}
.hsLsChartContainer .hsLsChartTopLeft h3,.hsLsChartContainer .hsLsChartTopRight h3,
.hsLsChartContainer .hsLsChartBottomLeft h3,.hsLsChartContainer .hsLsChartBottomRight h3{
    color: #651dc4;
    font-size:18px;
    line-height:1.39;
    margin-bottom:10px;
    font-weight:bold;
}

.hsLsChartContainer .hsLsChartTopRight{
    width: 200px;
    height: 200px;
    top: 120px;
    left: 473px;
}
.hsLsChartContainer .hsLsChartBottomLeft{
    width: 200px;
    height: 200px;
    top: 560px;
    left: 95px;
}
.hsLsChartContainer .hsLsChartBottomRight{
    width: 200px;
    height: 200px;
    top: 560px;
    left: 473px;
}


.uyhWizCheckBxQues table td{
    padding-bottom:40px;
    color:#651dc4;
}
.uyhWizCheckBxQues.pinkText table td{
    color:#ff0096;
}

/* Customize the label (the container) */
.cusChBxcontainer{
    display: block;
    position: relative;
    padding-left: 35px;
    left:18px;
    top:-15px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.cusChBxcontainer input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    border:1px solid #ff0096;
    background-color:white;
    border-radius:8px;
    ;
}

.checkmark.checkmark-purple{
    border-color:#651dc4;
}

/* On mouse-over, add a white background color */
.cusChBxcontainer:hover input ~ .checkmark {
    background-color: white;
}

/* When the checkbox is checked, add a pink background */
.cusChBxcontainer input:checked ~ .checkmark {
    background-color:  #ff0096;
}.cusChBxcontainer input:checked ~ .checkmark.checkmark-purple {
    background-color:  #651dc4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cusChBxcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cusChBxcontainer .checkmark:after {
    left:15px;
    top: 10px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bs9-empathy-info-box{
    clear:both;
}
.bs9-empathy-info-box,.bs9-empathy-info-box p,.bs9-empathy-info-box-in1,.bs9-empathy-info-box-in1 p,
.bs9-empathy-info-box-in2,.bs9-empathy-info-box-in2 p,
.bs9-empathy-info-box-in3,.bs9-empathy-info-box-in3 p{
    font-size:14px !important;
    line-height:1.36 !important;
    color:#656565 !important;
}
.bs9-empathy-info-box-in1{
    text-align: center;
    width: 340px;
    float:left;

    min-height:291px;
    height:100%;

    margin: 21px 0px 32px 0px;

    padding: 31px 22px 30px 21px;

    border-radius: 5px;

    box-shadow: 0px 5px 5.5px 0.5px rgba(8, 8, 8, 0.16);

    background-color: #ede0ff;
}
.bs9-empathy-info-box-in2{
    text-align: center;
    width: 70px;
    float:left;
    min-height:291px;
    height:100%;
    background-image:url('/wp-content/uploads/2022/01/invalid-name.png');
    background-size:auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.bs9-empathy-info-box-in3{
    text-align: center;
    width: 340px;
    float:left;

    min-height:291px;
    height:100%;

    margin: 21px 0px 32px 0px;

    padding: 41px 22px 30px 21px;

    border-radius: 5px;

    box-shadow: 0px 5px 5.5px 0.5px rgba(8, 8, 8, 0.16);

    background-color: #ede0ff;
}

.bs9-empathy-info-box-full-width,.bs9-empathy-info-box-full-width p{
    font-size:14px !important;
    line-height:1.36 !important;
    color:#651dc4 !important;
}
.bs9-empathy-info-box-full-width{
    font-size:14px;
    line-height:1.36;
    color:#651dc4;
    text-align:center;
    width: 750px;

    height: 416px;

    margin: 20px 0px 30px;

    padding: 31px 25px 30px;

    border-radius: 5px;

    box-shadow: 0px 5px 5.5px 0.5px rgba(8, 8, 8, 0.16);

    background-color: #ede0ff;

}

span[class^="openPop_"]{
    text-decoration:underline;
    cursor:pointer;
}



.lesley-thinks{
    display:none;
    color:#651dc4;
    border:1px solid #651dc4;
    padding:20px;
    border-radius: 8px;
    margin-bottom:40px;
}
.lesley-thinks .bullet-purple li{
    color:#651dc4 !important;
}
.lesley-thinks .your_answer{
    color:#ff0096;
}

#empSympPopup{
    font-size:16px;
    font-weight:normal;
    color:#656565;
    max-height:920px;
    overflow:hidden;
}
#empSympPopup .pinkbox{
    margin-top:34px;
    color:#651dc4;
    border: 1px solid #ff0096;
    padding: 25px 50px;
    border-radius: 8px;
}
#empSympPopup .wizard-contents-quote{
    padding:30px 50px;
    font-weight:normal;
    margin-bottom:30px;
    font-family: "Open Sans",sans-serif;
    font-style: italic;
    font-size:16px !important;
    text-align:center;
}

.tableInput select,.tableInputSelect {
    border:none;
    color:#ff0096;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;       /* Remove default arrow */
    background-origin: content-box; /* This will make image respect the padding of the box. */
    padding-right:25px;
    background:white url(images/drop-down.png) right .75rem center/12px 10px no-repeat!important;   /* Add custom arrow */
}

.tableInput input[type=text]{
    width:100%;
    border-width:0;
    color:#ff0096;
}
.tableInput option .placeholderOption,.tableInput input[type=text]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #a6a6a6;
    font-style: italic;
    font-size:14px;
    opacity: 1; /* Firefox */
    text-align:center;
}

.tableInput input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a6a6a6;
    font-style: italic;
    text-align:center;
    font-size:14px;
}

.tableInput input[type=text]::-ms-input-placeholder { /* Microsoft Edge */
    color: #a6a6a6;
    font-style: italic;
    text-align:center;
    font-size:14px;
}


.whitebk,.pinkbk{
    border-radius:8px;
    padding:30px 50px;
    margin:20px auto;
    max-width:750px;
}
.whitebk{
    background-color:white;
}
.pinkbk{
    background-color:#fbf2fe;
    padding:50px 50px 30px 50px;
}

.whitebk:not(.insight):has(p img),.white-bk:not(.insight):has(p img){
    padding-left:0 !important;
    padding-right:0 !important;
}


.whitebk:not(.insight):has(p img) > p:not(:has(img)),
.white-bk:not(.insight):has(p img) > p:not(:has(img)),
.whitebk:not(.insight):has(p img) > div > p:not(:has(img)),
.white-bk:not(.insight):has(p img) > div >  p:not(:has(img)){
    padding-left:50px !important;
    padding-right:50px !important;
}

.whitebk:not(.insight):has(p img) ul,.whitebk:not(.insight):has(p img)  ol,
.white-bk:not(.insight):has(p img) ul,.white-bk:not(.insight):has(p img) ol{
    padding-left:70px !important;
    padding-right:60px !important;
}
.whitebk>p>img,.white-bk>p>img{
    max-width:750px;
}

.uyh_wizard input[type=button].white{
    border:1px solid #ff0096;
    background-color:white;
    color:#ff0096;
    font-weight: bold;
    height:46px;
    padding-left:18px;
}

.line-box-half{
    float:left;
    width:340px;
    background-color:white;
    border-radius:10px;
    height:227px;
    border:1px solid #651dc4;
    padding:30px 20px;
    text-align:center;
    font-size:16px;
}

.openPop_relaxationButton{
    text-decoration:underline;
}


/* Added by Vijeet */
.colorp{
    color:#ff0096 !important;
}
.colorv{
    color:#651dc4 !important;
}
/*

.hb-quiz-question-box .hb-quiz-question .buttons input[type=button].selected {
    background-color: #651dc4;
    color: #fff;
    font-weight:600;
}
.hb-quiz-question-box .hb-quiz-question .buttons input[type=button] {
    color: #651dc4;
    border: solid 1px #651dc4;
    background-color: #fbf2fe;
    font-weight:600;
}
.hb-quiz-question
{
    background-color: #fbf2fe !important    ;

}

.hb-quiz-question-box .hb-quiz-question {
    width: 750px;
    padding: 48px;
    background-color: #ffffff;
    border-radius: 8px;
    border-width: 0px;
    border: solid 1px #651dc4 ;
}*/

.editing .hb-quiz-question
{
    background-color: #fff !important;

}
.editing .hb-quiz-question-box .hb-quiz-question .buttons input[type=button].selected {
    background-color: #ff0096 !important;
    color: #fff !important;
    font-weight:600 !important;
}
.editing .hb-quiz-question-box .hb-quiz-question .buttons input[type=button] {
    color: #ff0096 !important;
    ;
    border: solid 1px #ff0096 !important;
    ;
    background-color: #ffffff !important;
    ;
    font-weight:600 !important;
    ;
}
.edit-section{
    background-color: inherit;
}
.H3-purple{
    width: 457px;
    height: 53px;
    margin: 33px 141px 110px 11px;
    font-family: "Open Sans",sans-serif;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: 0.7px;
    text-align: center;
    color: #651dc4;
}
.H3-purple .text-style-1 {
    color: #ff0096;
}



[class^="nextButton"]:not([class="nextButton"]) {
    margin: 0 auto;
    text-align: center;
}
.insightQuestion
{
    padding-top:30px !important
}

.H6-purple-left {
    width: 324px;
    height: 18px;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: left;
    color: #651dc4;
}
.bodycopy {
    width: 722px;
    height: 43px;
    margin: 29px 23px 54px 226px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #656565;
}
.bodycopy-purple {
    width: 742px;
    height: 43px;
    margin: 0 116px 20px 223px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #651dc4;
}

.bodycopy-purple .text-style-1 {
    font-weight: 600;
}
.Rectangle-547-copy {
    width: 1200px;
    height: 1820px;
    margin: 54px 0 44px;
    padding: 45px 0 54px;
    background-color: #fbf2fe;
}
.bodycopy {
    width: 738px;
    height: 293px;
    margin: 31px 119px 40px 224px;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #656565;
}

.bodycopy .text-style-1 {
    color: #ff0096;
}
.playback-box {
    width: 100%;
    padding: 11px 28px 20px 9px;
    border-radius: 8px;
    border: solid 1px #651dc4;
    background-color: #fbf2fe;
    color:#ff0096;
}

/*.wizrd_form_cont{
    padding-bottom:5px
}*/


input[name='save'],input[name='cancel'] {
    margin-left:10px;
    margin-right:10px;
}
.uyh_wizard {
    margin-bottom:0px;
}

/* Added by Vijeet ends */


/* UYH Content Creator */
.add-sections,.form-button{
    background-color:#ff0096;
    border-radius:5px;
    color:white;
    font-weight:bold;
    padding:10px 20px;
    cursor:pointer;
    border-width:0px;
}

.mce-content-body .readmore_less{
    overflow-y:auto;
    border:1px dashed red;
}
.mce-content-body .readmore_less::after{
    content: 'Read More/Less';
    font-size:10px;
    color:red;
}
.mce-content-body .read_less_text,.mce-content-body .read_more_text{
    display:none;
}
.mce-content-body .read_less_text{
    display:none;
}
.mce-content-body.line-box{
    margin-top:50px;
}
.mce-content-body.line-box .line-box-heading{
    /* transform:translate(-50%,0) !important; */
}

.wp-editor-container{
    border-width:0px !important;
}

.mce-top-part{
    border-radius:5px;
}

.partTitle.mce-content-body{
    background-color:#fbf2fe;
}
#sCPrinter{
    display:none;
    width:450px;
    height:100%;
    overflow:visible;
    position:fixed;
    left:0;
    top:00px;
    padding:20px;
    background-color:white;
    box-shadow: 5px 5px 5px;
    z-index:999
}

#sCPrinter ol li .aIcons{
    display:inline-block;
    padding:0px 0px;
    border:1px solid black;
    float:right;
    margin:0 5px;
    width:30px;
    text-align:center;
}
#sCPrinter ol li .aText{
    display:inline-block;
    max-width:245px;
}

#sCPrinter #activePage{
    font-weight:bold;
    border-bottom:2px dashed #bbbbbb;
    padding:10px;
}
#sCPrinter .inactivePage{
    padding:10px;
}
#sCPrinter .inactivePage:not(:last-child){
    border-bottom:1px dashed #cccccc;
}
.topLeftIcon{
    position:absolute;
    left:100%;
    width:70px;
    height:auto;
    top:40px;
}
.topLeftIcon > *{
    display:block;
    width:64px;
    height:55px;
    font-size:36px;
    color:#ff0096;
    box-shadow: 5px 1px 5px #aaaaaa;
    cursor: pointer;
    transition:left 5s;
    padding:10px;
    font-weight:bold;
    background:white;
    border:1px solid white;
    border-left-width: 0px;
    border-radius: 0  5px 5px 0;
    margin-bottom:10px;
}

.white-bk.cont11{
    padding:36px 50px !important;
}

/*
 * Start: Styling for Part 3 Rainbow Meter
 */


.meter-rainbow{
    position: relative;
    width:137px;
    height:78px;
    display:grid;
    align-items:end;
    text-align:center;
    font-size:26px;
    color:#651dc4;
    font-family:"Open Sans";
    background-repeat: no-repeat;
    background-image:url('images/meter-white.png');
    overflow:hidden;
    z-index:1;
}

.meter-rainbow-nonzero{
    background-image:url('images/meter-colored.png');
}

.meter-rainbow .percent{
    z-index:3;
    background: linear-gradient(to bottom, transparent 50%, #ffffff 50%);
}

.meter-rainbow .arrow{
    position:absolute;
    z-index:2;
    width:103px;
    height:68px;
    top:27px;
    left:12%;
    border-width:0px;
    transform:rotate(0deg);
    filter: drop-shadow(0px -2px 1px #222222);
    background-repeat:no-repeat;
    background-image:url('images/circle-arrow.png');
}

/*
 * End: Styling for Part 3 Rainbow Meter
 */

.part3_percent_input{
    width:100%;
    margin:0 auto;
    text-align:center;
}

.part3_percent_input input[type="text"]{
    font-size:26px;
    height:40px;
    width:80px;
    padding:5px;
    text-align:center;
    color: #651dc4;
}

.part3_percent_input input[type="text"]+span{
    font-size:26px;
    color: #651dc4;
}

.bulletedTxtArea ul li{
    font-size:inherit;
    font-style:inherit;
    font-family:inherit;
    color:inherit;
    text-align:inherit;
}

.insightQuestion .bulletedTxtArea ul li{
    color:#ff0096 !important;
}

.bulletedTxtArea:before{
    content: 'Make your list here';
    color:#cccccc;
    font-size:14px;
    font-style:italic;
    font-family:inherit;
}

/*
 * Start - Used only in /wiz-part-3-intro-public/wiz-part-3-2b-beyond-the-big-seven/
 */

#response1,#response2{
    border:1px solid #651dc4;
    border-radius:8px;
    padding:12px;
}
#response1,#response1 *, #response2,#response2 *{
    color:#ff0096 !important;
}
/*
 * End - Used only in /wiz-part-3-intro-public/wiz-part-3-2b-beyond-the-big-seven/
 */

.close_section{
    width: 150px;
    height: 30px;
    border-radius: 5px;
    border: solid 1px #ff0096;
    background-color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.83;
    letter-spacing: normal;
    text-align: center;
    color: #ff0096 !important;
    text-transform: uppercase;
}

.clearing-delete-msg{
    font-size:14px;color:#af92d4;margin:0px auto 20px auto;padding:0px;
}

.testDataDump{
    border:1px solid orangered;
    border-radius: 5px;
    font-size:12px;font-weight:bold;
    padding:20px;
    width:80%;
    margin:20px auto;
}
.testDataDump .close{
    color:red;
    float:right;
    cursor:pointer;
}
.testDataDump pre{
    display:none;
}