﻿.sg-progress-bar {display:none;}


.survey-gizmo-control.backdrop
{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
			background:#000;
			opacity: .5;
			filter:alpha(opacity=5);
			z-index:50;
			display:none;
}

.survey-gizmo-control.lightbox
{
  			position:absolute;
			top:15%;
			margin-left:auto;
			margin-right:auto;
			width:90%;
			max-width:900px;
			/*height:500px;*/
			background:#ffffff;
			z-index:51;
			left:0;
			right:0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow:0px 0px 5px #444444;
			-webkit-box-shadow:0px 0px 5px #444444;
			box-shadow:0px 0px 5px #444444;
			display:none;
}

.survey-gizmo-control-submit
{
    text-align:center;    
    padding-bottom:10px;
}

.sg-title{display:none;}
.sg-page-title{display:none;}
.sg-header {display:none;}
.sg-footer {display:none;}
.sg-message{color: red;} 
.survey-gizmo-validation-message { color:Red; padding-bottom:5px; }
.survey-gizmo-required-validation-message-template {display:none;}



/* CRM Survey */

.sg-survey-form {
    width: 100% !important;
}
    .sg-survey-form .sg-question-title label {
        padding-bottom: 0 !important;
        font-family: "Omnes",Arial,sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        color: #666666;
    }
.sg-survey-form .sg-question-options select {
    color: #666666 !important;
    font-family: Arial !important;
    font-size: 12px !important;
}
.form-group-error .sg-body, .form-group-error .sg-body .sg-wrapper{
    background-color: #f7d6d6;
}
#consumer_Gender_group .consumer-input-wrap.row.form-group,
#consumer_Gender_group .consumer-input-wrap.row.form-group{
    margin: 0 !important;
    padding: 0 !important;
}
.sg-survey-form div.survey-gizmo-validation-message {
    font-family: "Omnes",Arial,sans-serif !imortant;
    margin-top: 13px !important;
    padding: 0 0 12px !important;
}
.sg-survey-form .sg-wrapper, .sg-survey-form .sg-question-title{
    font-family: "Omnes",Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
}
.sg-survey-form input[type="radio"], .sg-survey-form input[type="checkbox"]{
    display: inline-block !important;
}

.consumer-survey .multiquestions .consumer-input-wrap label {
    display: block;
    float: left;
    margin-right: 0;
    width: 180px;
    margin-top: 2px
}
.consumer-survey .multiquestions .consumer-input-wrap input[type='radio'] {
    margin: 6px 0 0 0;
    width: 12px;
    padding: 0
}
.consumer-survey .multiquestions .consumer-input-wrap span.consumer-survey-input {
    display: block;
    float: left;
    width: 386px
}
.consumer-survey .multiquestions .consumer-input-wrap span.consumer-survey-input:after {
    content: " ";
    clear: both
}
.consumer-survey .consumer-input-wrap label {
    text-transform: none
}
.survey1_survey {
    width: 175px
}
#consumer-survey1 .consumer-input-wrap label {
    display: block
}
.iesurvey .radiobar {
    top: -2px;
    left: -5px!important;
    margin-right: 0!important;
    padding: 0 14px 0 18px!important
}
.radiobar {
    background-color: #e3e3e3;
    cursor: pointer;
    font-size: 16px;
    left: -17px;
    line-height: 8px;
    margin: 0 0 0 -11px;
    padding: 0 17px;
    position: relative;
    top: -3px
}
.mac .radiobar {
    top: 1px;
    padding-top: 1px
}
.radiobar:hover,
.radiobar_selected {
    background-color: #5d5c5e
}
.mac .radiobar {
    margin-right: -14px;
    top: 2px
}
.mac.safari .radiobar {
    top: 0
}
.labeldisp {
    float: right !important;
    font-size: 12px !important;
    font-style: italic !important;
    font-weight: normal !important;
    margin-right: 10px;
    margin-top: 3px;
    text-align: right;
    width: 236px !important;
    display: none;
}
.multiquestions div.consumer-input-wrap,
.multiquestions {
    margin-top: 6px!important
}
#consumer-0_survey .consumer-input-wrap label,
.survey-data>div>label {
    display: block
}
.survey-data span label {
    font-weight: normal
}

.survey-data .highlight {
    background-color: Yellow
}
.survey-data .consumer-input-wrap:after {
    clear: both;
    content: " ";
    display: table
}

.safSurvey .consumer-survey .multiquestions .consumer-input-wrap input[type='radio'] {
    width: 13px
}

.sg-type-table {
    padding: .3em 0 1em!important
}
.sg-type-table .sg-table thead th {
    border: none!important;
    background: none!important;
    width: 14% !important;
}
    .sg-type-table .sg-table thead th.sg-first-cell {
        width: 38% !important;
    }
.sg-type-table .sg-table {
    border: none!important
}
.sg-type-table .sg-table td {
    padding: 0!important
}
.sg-type-table .sg-table .sg-even-row th {
    background: none!important
}
.sg-type-table .sg-table .sg-even-row td {
    background: none!important
}
.sg-question label {
    display: inline-block!important;
    margin: 0;
    width: 100%
}
.sg-question-options table input[type=radio]+label {
    content: "";
    background: #e7e7e7;
    height: 11px;
    width: 23%;
    margin: 0 2px 0 0!important;
    padding: 0;
    cursor: pointer;
    top: 0;
    position: relative;
    left: 0
}

.form-group-error .sg-question-options table input[type=radio] + label {
    width: 22%;
}

.sg-question-options table input[type=radio]+label:before {
    content: ""
}
.sg-question-options table input[type=radio]+label:hover,
.sg-question-options table label.selected {
    background: #5a5a5a!important
}

.sg-question-number {
    display: none
}
.sg-type-table .sg-first-cell {
    width: 38%!important
}
.sg-type-table td {
    border-left: 1px solid #ddd;
    padding: .5em;
    vertical-align: middle;
    width: 62% !important
}
.sg-type-table .sg-table .sg-odd-row th,
.sg-type-table .sg-table tbody th {
    padding-left: 0
}
.sg-table tr td.radio_btn input[type=radio] {
    visibility: hidden;
    height: 0;
    width: 0
}
.sg-question-set {
    margin-top: -10px!important;
    padding-top: 0!important
}
.sg-question-options table input[type="radio"]+label::before {
    content: ''!important
}

.sg-question-options table input[type="radio"]+label {
    left: 3px;
    margin: 4px 2px 0 0!important;
    border: none!important;
    border-radius: 0!important;
    font-size: 0!important
}
.sg-type-table .sg-table .sg-odd-row td,
.sg-type-table .sg-table .sg-even-row td {
    margin-bottom: 5px
}

.sg-question-options table.sg-table tr th {
    font-family: "Omnes",Arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    padding-top: 5px;
	padding-left: 0;
    padding-right: 0;
}

.sg-question-options table.sg-table .sg-header-row-first tr th{
    font-size: 10px;
    overflow: hidden;
}
.fr-ca .sg-question-options table.sg-table .sg-header-row-first tr th {
    word-wrap: break-word;
}
.consumer-child-actions .consumer-addchild-link.add-another{
    padding: 10px;
}

.sg-question-options table.sg-table tr:nth-of-type(even){
    background: #fff;
}

.sg-survey .sg-body.sg-int-virtual-page .sg-footer, .sg-survey .sg-mobile-optimized .sg-footer{
    display: none;
}

/* Tablet */
@media only screen and (max-width: 1019px) and (min-width: 640px) {
}

/* Mobile */
@media only screen and (max-width: 540px) {
    .labeldisp {
        margin-right: 8px;
        width: 100% !important;
        display: block;
    }
    .consumer-control.consumer-ConsumerLinkAccount #consumer_dateofbirth_year_group .date-columns .small-12.medium-4.columns{
        padding: 0 0 5px !important;
    }
    .sg-table tr th,
    .sg-table tr td,
    .sg-type-table .sg-first-cell {
        display: block;
        margin: 0;
        width: 100%!important;
        padding: 0
    }
    .sg-question-set {
        margin-top: 0!important
    }
    .sg-table {
        overflow-x: auto;
        display: block;
        margin-top: 0;
        margin-bottom: 6px;
    }
    .sg-table thead, .sg-survey .sg-mobile-optimized .sg-question .sg-question-options table[class^=sg-] thead{
        display: none
    }
    .sg-question-options table input[type=radio] + label {
        width: 22%;
    }
}


/* To overwrite - CRM survey html font size*/
html{
    font-size: 10px !important;
}

#CRMSurveyGizmo.form-group-error{
    background-color: none;
}

#missingfields_tab .sg-body {
    padding-bottom: 0;
}
#missingfields_tab .sg-type-table, #missingfields_tab .form-group {
    padding-bottom: 0 !important;
}
#missingfields_tab button.consumer-profile-button {
    margin-top: 0 !important;
    padding: 11px;
}
#missingfields_tab .row.form-group.form-group-error-message.form-group-error {
    margin-bottom: 20px;
}
#missingfields_tab .form-box-container {
    margin-bottom: 20px;
    margin-left: -3px;
}