/** Custom css **/

.radio-button-container input[type=checkbox], input[type=radio]
{
    display     : none;
}
.square-radio {
    border      : 1px solid black;
    margin      : 2px;
    width       : 40px;
    height      : 40px;
    position    : relative;
    
}
.radio-button-container label
{
    display     : inline;
    float       : left;
    color       : #000;
    cursor      : pointer;
    /*text-indent : 30px !important;*/
    white-space : nowrap;
}
        
/*.radio-button-container input[type=radio] + label  
{
    display          :block;
    width            : 30px;
    height           : 30px;
    padding-top      : 20px;
    border           : 0.0625em solid rgb(208, 185, 73);
    border-radius    : 1em;
    background       : rgb(208, 185, 73);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -webkit-linear-gradient(rgb(208, 185, 73),rgb(208, 185, 73));
    background-image : linear-gradient(rgb(255,255,255),rgb(255,255,255));
            
    vertical-align   : middle;
    line-height      : 1em;
    font-size        : 16px;
}
.radio-button-container input[type=radio]:checked + label  
{
    display          :block;
    width            : 20px;
    height           : 20px;
    border           : 0.0625em solid rgb(208, 185, 73);
    border-radius    : 1em;
    background       : rgb(208, 185, 73);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -webkit-linear-gradient(rgb(208, 185, 73),rgb(208, 185, 73));
    background-image : linear-gradient(rgb(208, 185, 73),rgb(208, 185, 73));
            
            
    vertical-align   : middle;
    line-height      : 1em;
    font-size        : 16px;
}*/
.radio-button-container input[type=radio]:checked + label::before
{
    /*content       : "\2714";*/
    color           : transparent;
    display         : inline;
    width           : 20px;
    height          : 20px;
    margin-right    : -26px;
    margin-left     : 13px;
}
/*.radio-button-container1 label
{
    display     : inline;
    float       : left;
    color       : #000;
    cursor      : pointer;
    text-indent : 30px !important;
    white-space : nowrap;
}
        
.radio-button-container1 input[type=radio] + label  
{
    display          : block;
    width            : 30px;
    height           : 30px;
    padding-top      : 20px;
    border-radius    : 0em;
    background       : rgb(208, 185, 73);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(208, 185, 73));
    background-image : -webkit-linear-gradient(rgb(208, 185, 73),rgb(208, 185, 73));
    background-image : linear-gradient(rgb(255,255,255),rgb(255,255,255));
            
    vertical-align   : middle;
    line-height      : 1em;
    font-size        : 10px;
}
.radio-button-container1 input[type=radio]:checked + label  
{
    display          : block;
    width            : 30px;
    height           : 30px;
    background       : url(../assets/Images/Ratings/selected.png) left center no-repeat;
    border-radius    : 0em;
    vertical-align   : middle;
    line-height      : 1em;
    font-size        : 10px;
    background-size  : 30px;
}*/
/*.radio-button-container1 input[type=radio]:checked + label::before
{
    color           : transparent;
    display         : inline;
    width           : 30px;
    height          : 30px;
    margin-right    : -26px;
    margin-left     : 13px;
}*/

.radio-button-label{
    font-weight     : 600;
    padding-left    : 0px !important;
    padding-right   : 110px !important;

}
.radio-button-label2{
    font-weight     : 600;
    padding-left    : 0px !important;
    padding-right   : 96px !important

}
.myTextBox
{
    height      : 75px; 
    width       : 100%;
}  
.f-wght{
    font-weight : 600;
}
/*.nosmy input[type=radio]:checked + label::before{
    content : "\2714" !important;
    color : #fff;
}*/

@media only screen and (min-width: 320px) and (max-width: 479px){ 
    .radio-button-label
    {
        font-weight     : 600;
        padding-left    : 0px !important;
        padding-right   : 25px !important;
    }
    
    .myTextBox
    {
        height: 100px; 
        width: 96%;
        margin-right: auto;
        margin-left: auto;
    }  
    .modern-browser .question-matrix-table.reflow .spcl td 
    {
        /*display: -webkit-inline-box !important;*/
    }
}
@media only screen and (min-width: 480px) and (max-width: 779px){ 
    .radio-button-label
    {
        font-weight: 600;
        padding-left: 0px !important;
        padding-right: 30px !important;
    }
    .myTextBox
    {
        height: 100px; 
        width: 100%;
    }  
    .modern-browser .question-matrix-table.reflow .spcl td 
    {
        /*display: -webkit-inline-box !important;*/
    }
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(218,218,218,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(218,218,218,0.4); 
}

@media only screen and (min-width: 750px) { 
    #logo-container {
        /*content:url("Images/hd_desk.jpg");*/
        width: 100%;
    }
}

@media only screen and (min-width: 450px) and (max-width: 749px) { 
    #logo-container {
        /*content:url("Images/hd_700.jpg");*/
        width: 100%;
    }
}

@media only screen  and (max-width: 449px) { 
    #logo-container {
        /*content:url("Images/hd_400.jpg");*/
        width: 100%;
    }
}



@font-face 
{
    font-family: 'Futura';
    src: url('fonts/Futura Book font.woff') format('woff');
}

@font-face 
{
    font-family: 'Helvetica';
    src: url('fonts/HelveticaNeueLTArabic-Roman.woff') format('woff');
}

div .eng
{
    font-family: Futura !important;
    padding-bottom: 5px;
}

div .arb
{
    font-family: Helvetica !important;
    padding-bottom: 5px;
}

h2
{
    font-size:18px;
}

/** End of Custom css **/










/*th {
    text-align: right !important;
}

body{
    text-align: right !important;
}*/

.survey-page .question-pre-set-icon {
    color: #fff;
    font-size: 12px
}

.report-problem-container {
    background-color: #fff
}

.survey-page .question-preset-theme {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    outline: 0;
    text-decoration: none
}

.survey-page .question-validation-icon {
    background-color: #c00;
    color: #fff;
    font-size: 12px
}

.survey-page {
    background-color: #fff;
    font-family: open sans, sans-serif
}

.survey-page .survey-page-header .survey-title-container {
    background-color: #fff;
}

.survey-page .survey-title,
.survey-page .page-title-wrapper {
    background-color: initial !important
}

.page-title-container {
    background-color: #000
   
}

.survey-page .question-matrix-row-even td,
.survey-page .question-matrix-row-even .matrix-row-label-cell {
    background-color: #fbf3ca
}

.survey-page .checkbox-button-label.no-touch:hover,
.survey-page .checkbox-button-label.touch-sensitive.touchdown,
.survey-page .radio-button-label.no-touch:hover,
.survey-page .radio-button-label.touch-sensitive.touchdown {
    background-color: #f2f2f2;
    border-left-color: #2f4c69
}

.survey-page .slider-wrapper {
    background-color: #f2f2f2
}

.survey-page .question-body-emoji {
    text-decoration: none !important;
    font-style: normal !important;
    font-weight: normal !important
}

.nps-radio-button-container:hover,
.nps-radio-button-container.touch-sensitive.touchdown {
    background-color: #f2f2f2 !important;
    border-left-color: #2f4c69
}

.nps-radio-button-container .radio-button-input {
    cursor: pointer
}

.survey-page [data-preset-question] .checkbox-button-label.no-touch:hover,
.survey-page [data-preset-question] .checkbox-button-label.touch-sensitive.touchdown,
.survey-page [data-preset-question] .radio-button-label.no-touch:hover,
.survey-page [data-preset-question] .radio-button-label.touch-sensitive.touchdown {
    background-color: #2f4c69;
    border-left-color: #2f4c69
}

.question-ranking-rank-hover {
    background-color: #f2f2f2
}

.radio-button-label.focus .radio-button-display,
.checkbox-button-label.focus .checkbox-button-display {
    outline-color: #706f65
}

.modern-browser .radio-button-label.focus .radio-button-display,
.modern-browser .checkbox-button-label.focus .checkbox-button-display {
    border-color: #2f4c69;
    box-shadow: 0 0 4px #2f4c69
}

.survey-page .progress-bar-container {
    border-spacing: 0;
    width: 60%;
    margin: 0 auto 32px auto
}

.survey-page .progress-bar-section {
    background-color: #fff;
    color: #000;
    font-size: 12px
}

.survey-page .progress-bar-indicator-wrapper {
    border-color: #ccc;
    border-width: 1px
}

.survey-page .progress-bar-indicator {
    background-color: #9b9b9b
}

.survey-page .exit-survey {
    color: white;
    font-size: 12px;
    font-weight: 300
}

.survey-page .question-body select {
    font-size: 14px
}

.survey-page .question-body .slider-wrapper .slider-labels {
    font-size: 14px !important;
    font-weight: bold
}

.survey-page .required-asterisk {
    color: #66a4c1;
    font-size: 18px;
    font-family: palatino, palatino linotype, serif;
    font-weight: 300
}

.survey-body {
    //background-color: #32373c;
    background-image: url('Images/bd_pattern.jpg');
    background-repeat: repeat;
}

.survey-page .page-subtitle {
    font-size: 14px;
    color: #706f65;
    line-height: 172%;
    padding: 0 0 32px 6px;
    text-decoration: none;
    font-weight: 300;
    font-style: normal
}

.survey-page .page-title-wrapper {
    font-size: 18px;
    color: #af9433;
    text-decoration: none;
    padding: 0 0 0 8px;
    font-weight: 300;
    font-style: normal;
    background-color: #9b9b9b
}

.survey-page .question-body,
.survey-page .question-body-font-theme {
    color: #706f65;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none
}

.survey-page .question-body {
   /* margin: 0 0 0 12px*/
}

.survey-page .question-container .question-matrix-table .matrix-col-label {
    font-weight: 600
}

.survey-page .question-container .question-matrix-table .matrix-row-label {
    font-weight: 300;
    color: #a5a5a5;
}

.survey-page .question-row {
    margin: 0 0 14px 0
}

.survey-page .question-title-container {
    color: #2f4c69;
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-align: center !important;
}

.survey-page .question-validation-theme {
    color: #c00;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none
}

.survey-page .survey-page-body {
    padding: 32px 44px 1px 38px;
    font-size: 14px;
    font-family: open sans, sans-serif;
    /*background-color: #fff*/
    background-color: white
}

.survey-page .survey-page-button.done-button {
    color:#c3a63f;
    background-color: black;
    font-size: 20px;
    font-weight: 600;
    width: 55%!important;
    border-radius: 10px;
}

.survey-page .survey-page-button.next-button {
    color: #fff;
    background-color: #2f4c69
}

.survey-page .survey-title {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    padding: 0 0 0 8px;
    font-weight: 700;
    font-style: normal;
    background-color: #2f4c69
}

.top-logo-section {
    background-color: #fff
}

.spacing {
    padding-top:10px;
}

.small-spacing {
    padding-top:5px;
}

@media only screen and (max-width:480px) {
    .modern-browser .survey-page .question-matrix-table.reflow .question-matrix-row-odd td,
    .modern-browser .survey-page .question-matrix-table.reflow .menu-matrix-select-cell td {
        background-color: #f2f2f2
    }
    .modern-browser .survey-page .question-matrix-table.reflow .other-answer-container {
        padding: 0
    }
    .modern-browser .survey-page .question-matrix-table.reflow .other-answer-label {
        background-color: #f2f2f2;
        padding: 5px;
        margin: 0
    }
    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-rating {
        text-align: left;
        padding: 0 15px 0 15px
    }
    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-color {
        left: auto;
        right: auto
    }
    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-border {
        left: auto;
        right: auto
    }
    .modern-browser .survey-page .question-emoji-rating-table.reflow .emoji-label-text {
        display: inline;
        position: absolute;
        top: 10px;
        left: 50px
    }
    .modern-browser .survey-page .question-emoji-rating-table.reflow .radio-button-label {
        padding: 8px 8px 8px 15px
    }
    .modern-browser .survey-page .question-emoji-rating-table.reflow .radio-button-label-text {
        text-align: left;
        margin: 0 0 0 35px
    }
}

.quiz-results .quiz-score-header,
.quiz-results .quiz-custom-results-banner,
.quiz-results .quiz-score-points,
.quiz-results .quiz-question-score,
.quiz-results .quiz-question-feedback,
.quiz-results .quiz-question-skipped {
    color: #2f4c69;
    font-weight: 300;
    font-family: ;
    text-decoration: none
}

.quiz-custom-results-banner .text-banner {
    font-family: open sans, sans-serif
}

.quiz-results hr {
    border-color: #2f4c69
}

.quiz-results .question-body,
.quiz-results .question-body-font-theme,
.quiz-results .question-number,
.quiz-results .question-title-container,
.quiz-results .required-asterisk,
.quiz-results .quiz-result-page-number {
    color: #706f65;
    font-weight: 300;
    font-family: ;
    text-decoration: none
}

.quiz-results {
    background-color: #fff
}

.radiobtn{
    text-align: center;
}

@media only screen and (max-width:768px) {
    .survey-page .survey-footer {
        margin: 0
    }
}

@media only screen and (max-width:480px) {
    .survey-body .survey-page .survey-page-header .page-title-container {
        padding: 8px 18px
    }
    .survey-page .page-title-wrapper {
        font-size: 14px
    }
    .survey-page .question-title-container {
        font-size: 15px;
        
    }
    .survey-page .survey-page-body {
        padding: 16px 4px 1px 6px
    }
    .survey-page .survey-page-button.prev-button {
        margin-right: 5px
    }
    .survey-page .survey-title {
        font-size: 16px
    }
    .survey-title-container .survey-title-table {
        margin: 15px 18px
    }
}

html.auto-scroll .new-button {
    background-color: #2f4c69;
    color: #fff;
    font-family: open sans, sans-serif
}

.sm-progressbar {
    background-color: #9b9b9b
}

.sm-progressbar .sm-progress-container .sm-progress {
    color: #fff;
    font-size: 12px
}

.sm-progressbar .sm-progress-container .bar {
    background: rgba(255, 255, 255, 0.5)
}

.sm-progressbar .sm-progress-container .bar div {
    background-color: #fff
}

.survey-page .question-container  .question-body {
    margin: 0;
}
.survey-page .question-container .radio-button-container table,.survey-page .question-container table {
    width: 100%;
}

.modern-browser .survey-page .question-container .question-matrix-table.reflow .spcl td {
    /*display: block!important;*/
    padding: 0;
}
.survey-page .question-container .radio-button-container table td {
    display: block!important;
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 0 10px 0!important;
    height: 40px;
}

.survey-page .question-container .radio-button-container table td label {
    line-height: 40px;
    position: relative;
    width: 100%;
    height: 40px;
    vertical-align: top;
    text-align: right;
    float: right;
    padding: 0 50px 0 0;
}

.survey-page .question-container .question-matrix-row-even td {
    background-color: #ffffff;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2 {
    padding: 0!important;
    display: block;
    width: 100%;
    height: 40px;
    position: relative;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2:before {
    display: block;
    width: 30px;
    height: 30px;
    content: '-';
    position: absolute;
    left: 5px;
    top: 6px;
    font-size: 0;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2.smily1:before {
    background: url(images/Very-happy.png) left top;
    background-size: cover;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2.smily2:before {
    background: url(images/happy.png) left top;
    background-size: cover;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2.smily3:before {
    background: url(images/neutral.png) left top;
    background-size: cover;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2.smily4:before {
    background: url(images/unhappy.png) left top;
    background-size: cover;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2.smily5:before {
    background: url(images/very-unhappy.png) left top;
    background-size: cover;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2 label:after {
    display: block;
    width: 30px;
    height: 30px;
    background: #fff;
    content: '-';
    position: absolute;
    right: 8px;
    top: 6px;
    font-size: 0;
    background: url(images/smiley_not_selected.png) left top;
    background-size: cover;
}

.survey-page .question-container .radio-button-container table td span.radio-button-label2 input[type=radio]:checked + label:after {
    background: url(images/smiley_selected.png) left top;
    background-size: cover;
}

.myTextBox {
    border: 1px grey solid;
    border-radius: 10px;
}


@media (min-width: 768px){
    .survey-page .question-container .radio-button-container table td {
        width: 20%;
        float: right;
        height: inherit;
    }
    .survey-page .question-container .radio-button-container table td label {
        float: none;
        text-align: center;
        display: inline-block;
    }
    .survey-page .question-container .radio-button-container table td span.radio-button-label2 {
        height: 120px;
        padding: 0!important;
    }
    .survey-page .question-container .radio-button-container table td span.radio-button-label2:before {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 80px;
    }
    .survey-page .question-container .radio-button-container table td span.radio-button-label2 label:after {
        position: static;
        margin: 0 auto;
    }
    
    .survey-page .question-container .radio-button-container table td span.radio-button-label2 input[type=radio] {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 40px;
        z-index: 9;
        opacity: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        cursor: pointer;
        display: block;
    }
    .question-yes-no table table {
        background-color: #f5f5f5;
    }
    
}

/*Ratings Container*/
.ratings-container {
    max-width: 1000px;
    margin: 0 auto;
    background: #fbf2d3;
    text-align: center;
}
.ratings-container table,.ratings-container table td table {
    width: 100%;
}
.ratings-container table td table td{
    width: 9%;
    display: inline-block!important;
    padding: 20px 0;
    vertical-align: top;
}
.ratings-container table td table td span.radio-button-label1{
    display: block;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    font-family: Helvetica !important;
}
.ratings-container table td table td span.radio-button-label1 label {
    font-size: 20px;
}
.ratings-container table td table td span.radio-button-label1 input[type=radio] {
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: 55px;
    height: 55px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.ratings-container table td table td span.radio-button-label1 input[type=radio]:checked + label:after {
    background: url(images/radiobg_active.jpg) left top;
    background-size: cover;
}

.ratings-container table td table td span.radio-button-label1 label:after{
    display: block;
    content: '-';
    width: 55px;
    height: 55px;
    margin: 10px auto 0;
    font-size: 0;
    background: url(images/radiobg.jpg) left top;
    background-size: cover;
}

/*.ratings-container table td table td span.radio-button-label1.rating1 label:before{
    background: url(images/rating0.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating2 label:before{
    background: url(images/rating1.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating3 label:before{
    background: url(images/rating2.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating4 label:before{
    background: url(images/rating3.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating5 label:before{
    background: url(images/rating4.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating6 label:before{
    background: url(images/rating5.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating7 label:before{
    background: url(images/rating6.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating8 label:before{
    background: url(images/rating7.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating9 label:before{
    background: url(images/rating8.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating10 label:before{
    background: url(images/rating9.png) left top;
    background-size: cover;
}
.ratings-container table td table td span.radio-button-label1.rating11 label:before{
    background: url(images/rating10.png) left top;
    background-size: cover;
}*/
@media (max-width: 767px){
    .ratings-container table td table td {
        width: 7.66%;
    }
    .ratings-container table td table td:nth-child(7) {
        clear: both;
    }
    .ratings-container table td table td span.radio-button-label1 label:after {
        width: 25px;
        height: 25px;
    }    
}


/*thank you page*/

.thankyou-container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    padding-top:10%;
}
.thankyou-container p {
    margin: 0;
}
.thankyou-container p.shukran {
    color: #b19528;
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.thankyou-container .social-container {
    border: 1px #b19528 solid;
    border-right: 0;
    border-left: 0;
    margin: 20px 0;
    padding: 20px 0;
}
.thankyou-container .social-container p.heading {
    margin: 0 0 15px 0;
}
.thankyou-container .social-container a {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.thankyou-container .social-container a img{
    max-width: 100%;
}

.thankyou-container p.error {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

#logo-container .logo {
    max-width: 300px;
    margin: 0 auto;
}

#logo-container {
    padding: 40px 0;
    background: url(../assets/Images/header_bg.jpg) right top no-repeat;
}

#logo-container .logo img {
    max-width: 100%;
}

@media only screen and (max-width:767px) {
    #logo-container .logo {
        max-width: 200px;
    }
    
}

.question-container-input {
    background: #f3f3f3;
    padding: 20px;
    margin: 30px 0;
}

.survey-page .question-container .question-container-input .question-matrix-row-even td {
    background-color:transparent;
}

.survey-page .question-container .question-container-input .ratings-container {
    background: none;
}

.question-container-input .comment {
    padding: 10px 20px 0;
    text-align: left;
}

.question-container-input .comment span {
    display: block;
    color: #898989;
    font-size: 14px;
    font-weight: bold;
}

.question-container-input .comment.text-right {
    text-align: right;
}
@media only screen and (max-width:1024px) {
    .emf-field-radio label[for=element_0_0] {
        left: 5% !important;
        position: relative !important;
    }

    .emf-field-radio label[for=element_0_1] {       
        position: relative;
        top: 0;
        left: 5% !important;
    }
}

@media only screen and (max-width:920px) {    

    .emf-field-radio label[for=element_0_0] {
        left: 10% !important;
        position: relative !important;
    }

    .emf-field-radio label[for=element_0_1] {       
        position: relative;
        top: 0;
        left: 10% !important;
    }
}
@media only screen and (max-width:690px) {
   
    .emf-field-radio label[for=element_0_0] {
        left: 24% !important;
        position: relative !important;
    }

    .emf-field-radio label[for=element_0_1] {       
        position: relative;
        top: 0;
        left: 50% !important;
    }
    .emf-field-radio label[for=RBQ1_1] {
        left: 43% !important;
    }
}


.p-b-0 {
    padding-bottom: 0 !important;
  }
  .p-b-10 {
    padding-bottom: 10px !important;
  }
  .p-b-15 {
    padding-bottom: 15px !important;
  }
  .p-b-20 {
    padding-bottom: 20px !important;
  }
  .p-b-30 {
    padding-bottom: 30px !important;
  }
  .p-b-40 {
    padding-bottom: 40px !important;
  }

  .pull-left {
      float: left;
  }

  .pull-right {
    float: right;
}