/*Client Specific Styles */

div#QT7 {
    font-weight: bold;
    margin-top: 10px;
}

div#QT509, div#QT510 {
    font-weight: 500;
    margin-top: 10px;
}
div#Q74HeaderContainer, div#Q4HeaderContainer, div#Q9HeaderContainer, div#Q10HeaderContainer, div#Q11HeaderContainer, div#Q12HeaderContainer, div#Q13HeaderContainer, div#Q16HeaderContainer, div#Q17HeaderContainer,
div#Q18HeaderContainer, div#Q19HeaderContainer, div#Q20HeaderContainer, div#Q23HeaderContainer, div#Q25HeaderContainer, div#Q27HeaderContainer, div#Q29HeaderContainer, div#Q31HeaderContainer, div#Q33HeaderContainer,
div#Q35HeaderContainer, div#Q37HeaderContainer, div#Q39HeaderContainer, div#Q41HeaderContainer, div#Q43HeaderContainer, div#Q165HeaderContainer, div#Q45HeaderContainer, div#Q63HeaderContainer, div#Q65HeaderContainer, div#Q67HeaderContainer,
div#Q69HeaderContainer, div#Q74HeaderContainer, div#Q87HeaderContainer, div#Q88HeaderContainer, div#Q89HeaderContainer, div#Q90HeaderContainer, div#Q91HeaderContainer, div#Q94HeaderContainer, div#Q96HeaderContainer, div#Q147HeaderContainer,
div#Q98HeaderContainer, div#Q100HeaderContainer, div#Q102HeaderContainer, div#Q104HeaderContainer, div#Q112HeaderContainer, div#Q123HeaderContainer, div#Q125HeaderContainer, div#Q127HeaderContainer, div#Q155HeaderContainer {
    width: 77% !important;
}

textarea#Q75, textarea#Q4, textarea#Q9, textarea#Q10, textarea#Q11, textarea#Q12, textarea#Q13, textarea#Q5, textarea#Q8, textarea#Q14, textarea#Q15, textarea#Q24, textarea#Q26, textarea#Q21, textarea#Q22, textarea#Q28, 
textarea#Q30, textarea#Q32, textarea#Q34, textarea#Q36, textarea#Q38, textarea#Q40, textarea#Q42, textarea#Q44, textarea#Q166, textarea#Q46, textarea#Q48, textarea#Q50, textarea#Q52, textarea#Q54, textarea#Q56, textarea#Q58, textarea#Q60, textarea#Q62, textarea#Q64, textarea#Q66, textarea#Q68, textarea#Q70, textarea#Q73, textarea#Q75, textarea#Q71, textarea#Q77, textarea#Q78, textarea#Q85, textarea#Q92, textarea#Q93, textarea#Q95, textarea#Q97, 
textarea#Q99, textarea#Q101, textarea#Q103, textarea#Q105, textarea#Q106, textarea#Q107, textarea#Q108, textarea#Q113, textarea#Q124, textarea#Q126, textarea#Q128, textarea#Q120, textarea#Q122, textarea#Q141, textarea#Q168 {
    height: 60px !important;
}

div#QT86 {
	margin-top: 10px;
}

/*Global Styles*/
body, html {
    font-family:"Gotham A","Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
    color:#666666 !important;
	color: black !important;
    font-size:10pt;
}

.page-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

div.csmm_msgs {
    padding: 0 0 0 5px !important;
    color: red;
}

select::-ms-expand {
    display:none;
}

select {
    -webkit-appearance:none;
    -moz-appearance:none;
    border:0;
    border-bottom:1px solid #666666;
    background-image:url(../../../Global/Images/CSBlueDropDown.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding:3px;
    color:#666666;
    padding-right:20px;
    font-size:10pt;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.page-content {
    margin: 20px auto 0 auto;
    width: calc(100% - 100px);
}

.SurveyWindow {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-weight:300;
    position:relative;
}

#ValidationSummary li {
    list-style-type:none;
}

#ValidationSummary ul {
    margin-left:0 !important;
    padding-left:0 !important;
}

#ValidationSummary {
    padding-left:0 !important;
}

#PercentCell {
    vertical-align:middle;
    position:relative;
}

#PercentTable {
    margin-top: 15px;
}

#PercentBar {
    height: 7px;
    width: 200px;
    float:left;
    display:inline;
    margin-left:22%;
    border-style: solid;
    border-width: 1px;
    font-size: 6px;
    text-align: left;
}

#PercentBarImg {
    background:var(--color-blue-80);
    height:7px;   
}

.PercentText {
    font-family: "Gotham A","Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
    font-weight:500;
    padding-left: 15px;
    width: 20px; 
    display: inline;
    float: left;
    margin-top: -4px;
}

#LastCommand {
    padding-left: 10px;
}

#FirstCommand {
    padding-left: 60px;
}

#FirstButtonCell {
    text-align:right;
    width:1% !important;
    vertical-align:top;
}

#LastButtonCell {
    text-align:left;
    width:1% !important;
    vertical-align:top;
}

#NextButtonCell #SubmitCommand {
    float:right;
    margin-right: 4px;
}

#SaveButtonCell input {
    margin-left:auto;
    margin-right:auto;
}

.Mandatory {
    color:red;
    float:left;
    margin-left: -10px;
}

#NavigationButtonsTable {
    width:100% !important;
    position:relative;
}

#SurveyFooterContainer {
    width: calc(100% - 100px);
    margin-left: auto;
    margin-right: auto;
    position:relative;
    max-width:1200px;
}

#cati-footer-content {
    padding:5px;
}

/*Standard layouts for different question types*/
/*ShellText*/
.shellText {
    margin-bottom:15px;
}

/*column option*/
.ColOptBase {
    
}

.ColOptHeadG {
    float:left;
    width:100%;
    border-style: solid;
    border-width: 1px;
    padding-left:2px;
    background-color:#444444;
}

.ColOptHead {
    float:left;
    color:#ffffff;
    width:9%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0; 
    padding-left:2px;
    text-align: center;
    background-color:#444444;
}

.ColOptHead_-2 {
    color:#FFFFFF;
    width:6%;
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0; 
    text-align: center;
    left:8px; 
}

.ColOptHead_-4  {
    color:#FFFFFF;
    width:6%;
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0; 
    text-align: center;
    left:8px; 
}

.ColOptTopLeft1 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu1 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft2 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu2 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft3 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu3 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft4 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu4  {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft5 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu5 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft6 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu6 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft7 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu7 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft8 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu8  {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft9 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu9  {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeft10 {
    width:47%;
    float:left;
    background-color:#444444;
}

.ColOptQu10 {
    width:47%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:15px;
}

.ColOptTopLeftM {
    width:100%;
    float:left;
    background-color:#444444;
}
.ColOptQuM {
    width:100%;
    float:left;
    padding-right: 10px; 
    text-align:left;
    padding-top:2px;
}

.ColOptQuG {
    width:100%;
    border-style: solid;
    border-width: 1px;
    float:left;
    padding-left:4px; /*-- Centralises radio buttons under text--*/
}

.ColOptResp {
    width:9%;
    float:left;
    text-align: center;
}

.ColOptResp_-2{
    width:6%;
    float:left;
    text-align: center;
    left:8px;
}

.ColOptResp_-4 {
    width:6%;
    float:left;
    text-align: center;
    left:15px;
}

/*Drop Down listS*/
.DropListQu {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 20px; 
}

.DropListQuG {
    float:right;
    padding-top: 10px;
    padding-right: 3px;
}

.DropListCaption {
}

/* -- Label question -- */
.LabelQu {
    width:100%;
    float:left;
    padding-top: 5px;
    padding-right: 10px;
}

/* -- Textarea question layout -- */
.TextAreaQu {
    width:47%;
    float:left;
    padding: 0;
    padding-top:15px;
}

.TextAreaQuResp {
    float:right;
    padding: 0;
    width:47%;
    margin-top:15px;
}

/* -- Text question layout -- */
.TextQu {
    width:47%;
    float:left;
    padding-top:15px;
}

.TextQuResp {
    float:right;
    padding: 0;
    width:47%;
    margin-top:15px;
}

textarea {
    border: 1px solid #666666;
    background-color: white;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    padding: 3px;
    color: #666666;
    font-family: "Gotham A","Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
    font-weight: 300;
    font-size:10pt;
    height: 120px;
    width: 98%;
}

.TextQuResp input[type="text"] {
    border: 1px solid #666666;
    background-color: white;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    padding: 3px;
    color: #666666;
    font-family: "Gotham A","Gotham B", Segoe UI,Arial,Helvetica, sans-serif;
    font-weight: 300;
    font-size:10pt;
    height: 20px;
    width: 98%;
}

/* -- Checkbox standard two col layout -- */
.ChkQuG {
    width:100%;
    float:left;
    border: 1px solid #C0C0C0;
    padding: 0;
    margin-top:15px;
}

.ChkQu {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 30px;
}

.ChkCaption {
    float:right;
    padding-top: 2px;
    width:20%;
}

.ChkCaption Input {
    position:absolute;
    right:5px;
    top:0;
}

/*Button layouts*/
#AddBtn {
    display:none;
}

.StdButQu1 {
    width:100%;
    float:left;
    padding-top: 15px;
    padding-right: 50px;
}

.StdButQuG1 {
    float: left;
    margin-top:15px;
}

.StdButCaption1 {
    float:right;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
}

.StdButCaption1 Input {
    float:left;
    top:0; 
    width:40px;
}

.StdButQu2 {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 50px;
}

.StdButQuG2 {
    float: right;
    margin-top:15px;
}

.StdButCaption2 {
    float:left;
    padding-left:30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
}

.StdButCaption2 Input {
    float:left;
    top:0; 
}

.StdButQu3 {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 50px;
}

.StdButQuG3 {
    float: right;
    margin-top:15px;
}

.StdButCaption3 {
    float:left;
    padding-left:30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
}

.StdButCaption3 Input {
    float:left;
    top:0; 
}

.StdButQu5 {
    width:100%;
    float:left;
    padding-top: 5px;
    padding-right: 50px;
}

.StdButQuG5 {
    float: left;
    margin-top:15px;
}

.StdButCaption5 {
    float:left;
    padding-left:30px;
    padding-top: 5px;
    padding-right: 0;
}

.StdButCaption5 Input {
    float:left;
    top:0; 
}

.StdButQuM {
    width:50%;
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 50px;
}

.StdButQuGM {
    float: left;
    margin-top:15px;
}

.StdButCaptionM {
    width:0%;
    float:left;
    padding-left:40px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
}

.StdButCaptionM Input {
    float:left;
    top:0; 
}

/*Option Lists*/
.OptListQu1 {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 50px;
}

.OptListQuG1 {
    float: right;
    margin-top:5px;
}

.OptListCaption1 {
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    white-space:nowrap;
}

.OptListCaption1 Input {
    left:12px;
    top:3px; 
}

.OptListQu2 {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 10px;
}

.OptListQuG2 {
    float: right;
    margin-top:5px;
}

.OptListCaption2 {
    float:left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    white-space:nowrap;
}

.OptListCaption2 Input {
    /*left:10px;
    top:3px;*/ 
}

.OptListQu3 {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 10px;
}

.OptListQuG3 {
    float: right;
    margin-top:5px;
}

.OptListCaption3 {
    float:left;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    white-space:nowrap;
}

.OptListCaption3 Input {
    left:10px;
    top:3px; 
}

.OptListQu4 {
    width:47%;
    float:left;
    padding-top: 15px;
    padding-right: 20px;
}

.OptListQuG4 {
    float: right;
    margin-top:5px;
}

.OptListCaption4 {
    float:left;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    white-space:nowrap;
}

.OptListCaption4 Input {
    left:10px;
    top:3px; 
}

.OptListQu5 {
    width:100%;
    float:left;
    padding-top: 5px;
    padding-right: 50px;
}

.OptListQuG5 {
    float: left;
    margin-top:5px;
}

.OptListCaption5 {
    float:left;
    padding-left:10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    white-space:nowrap;
}

.OptListCaption5 Input {
    left:10px;
    top:0; 
}

.OptListQuM {
    width: 47%;
    padding-top:15px;
}

.OptListQuGM {
    float:right;
}

.OptListQuGM .Mandatory {
    margin-top:-21px;
}

.OptListQuGM .OptListRespContainer {
    margin-top:-21px;
}

/*Add Comments*/
.AddCommentContainer {
    text-align:right;
    width:30px;
    vertical-align:top;
}

.AddCommentContainer img {
    padding-left:8px;
    padding-top:12px;
    margin-top:7px;
}

/*Grouped Questions*/
.QuestionGroup {
    vertical-align:top;
    padding-top:15px;
}

/**********Footer**********/
#tblFooter {
    width:calc(100% - 60px);
}

.footer-content {
    position: relative;
    bottom: 0;
    margin-top: 20px;
}

.link-acuigen {
    width:33%;
}

.link-privacy, .link-terms {
    width:33%;
    text-align:right;
}

#QT411{
	width: 50%;
}


.shellText{
	font-weight: 500;
}

.RadioBoxesQuG {
    width: 47%;
    padding: 0;
}

#Q416G .RadioBoxesLabelRight,
#Q418G .RadioBoxesLabelRight,
#Q419G .RadioBoxesLabelRight,
#Q450G .RadioBoxesLabelRight,
#Q455G .RadioBoxesLabelRight{
	margin-right: 45px;
}

#Q444G .RadioBoxesLabelRight {
	margin-right: 35px;
}

#Q416G .RadioBoxesLabelLeft,
#Q416G .RadioBoxesLabelRight,
#Q418G .RadioBoxesLabelLeft,
#Q418G .RadioBoxesLabelRight,
#Q419G .RadioBoxesLabelLeft,
#Q419G .RadioBoxesLabelRight,
#Q444G .RadioBoxesLabelLeft,
#Q444G .RadioBoxesLabelRight,
#Q450G .RadioBoxesLabelLeft,
#Q450G .RadioBoxesLabelRight,
#Q453G .RadioBoxesLabelLeft,
#Q453G .RadioBoxesLabelRight,
#Q455G .RadioBoxesLabelLeft,
#Q455G .RadioBoxesLabelRight,
#Q473G .RadioBoxesLabelLeft,
#Q473G .RadioBoxesLabelRight,
#Q474G .RadioBoxesLabelLeft,
#Q474G .RadioBoxesLabelRight,
#Q484G .RadioBoxesLabelLeft,
#Q484G .RadioBoxesLabelRight,
#Q492G .RadioBoxesLabelLeft,
#Q492G .RadioBoxesLabelRight
{
	font-weight: 500;
}

#tblShell79 > tbody > tr:nth-child(3),
#tblShell79 > tbody > tr:nth-child(7),
#tblShell79 > tbody > tr:nth-child(11),
#tblShell79 > tbody > tr:nth-child(15),
#tblShell79 > tbody > tr:nth-child(19)
{
   background-color: #eeeeee;
}

#tblShell79 .RadioBoxesQu{
	/* padding-bottom: 28px; */
    margin-bottom: 0px;
	padding-left: 5px;
}

#tblShell79 .RadioBoxesQuG{
	padding-right: 5px;
}

.shellText{
	padding-top: 20px;
}

.shellText:empty {
    padding-top: 0px;
}

#Q456G{
	margin-top: 15px;
}


/*iPhone styles*/
@media (max-device-width:667px) {
    body {
        -webkit-text-size-adjust: 150%;
        text-size-adjust: 150%;
	font-size: 12pt;
    }

    .ColOptQu1, .ColOptQu2, .ColOptQu3, .ColOptQu4, .ColOptQu5, .ColOptQu6, .ColOptQu7, .ColOptQu8, .ColOptQu9, .ColOptQu10, .DropListQu, .DropListQuG, .TextAreaQu,
    .TextAreaQuResp, .TextQu, .TextQuResp, .ChkQu, .StdButQu2, .StdButQu3, .StdButQuM, .OptListQu1, .OptListQu2, .OptListQu3, .OptListQu4, .OptListQu5, .OptListQuM,
    .DropListCaption, textarea {
        width:100%;
    }

    .OptListQuGM {
        top: 24px;
        position: relative;
        margin-top: 15px;
        margin-bottom: 15px;
        width:100%;
    }

    .OptListRespContainer table {
        width:100%;
        text-align:center;
        padding-bottom:15px;
    }

    .OptListQuG1 .Mandatory, .OptListQuG2 .Mandatory, .OptListQuG3 .Mandatory, .OptListQuG4 .Mandatory, .OptListQuG5 .Mandatory {
        padding-top:15px;
    }

    .OptListQuG1, .OptListQuG2, .OptListQuG3, .OptListQuG4, .OptListQuG5 {
        float:none;
    }

    #NavigationButtonsTable {
        zoom:175%;
    }

    .OptListQuGM .Mandatory {
        position:relative;
        left:15px;
    }
	
	#Q411,#Q439, #Q441, #Q452{
		width: 20%;
	}
	
	.TextQuResp input[type="text"] {
		height: 30px;
	}
	
	#QT416, #Q416G,#QT418, #Q418G, #QT444, #Q444G, #QT411, #QT453, #QT437, #QT435, #Q453G, #Q437G, #Q435G, #QT455, #QT433, #Q455G, #Q433G{
		width: 100%;
	}
	#Q416HeaderContainer, #Q418HeaderContainer, #Q419HeaderContainer, #Q444HeaderContainer{
		padding: 0px;
	}
	
	#Q416G .RadioBoxesLabelRight,
	#Q418G .RadioBoxesLabelRight,
	#Q419G .RadioBoxesLabelRight,
	#Q450G .RadioBoxesLabelRight,
	#Q453G .RadioBoxesLabelRight,
	#Q455G .RadioBoxesLabelRight	{
		margin-right: 74px;
	}
	
	#Q444G .RadioBoxesLabelRight{
		margin-right: 60px;
	}
	
	#Q416G, #Q421G, #Q419G, #Q444G, #Q453G, #Q423G, #Q427G, #Q429G, #Q431G{
		margin-top: -5px;
	}
	
	#Q444G, #Q418G, #Q455G{
		margin-top: 25px;
	}
	
	#tblShell79 .RadioBoxesQu,
	#tblShell79 .RadioBoxesQuG{
		width: 100%;
	}
	
	#Q447{
		width: 45%;
	}
	#Q448, #Q456{
		width: 50%;
	}
	
	#Q459,#Q443{
		width: 80%;
	}
	
	#tblShell79 .RadioBoxesQuG{
		padding-bottom: 8px;
	}
	#tblShell80 .Mandatory{
		padding-top: 0px;
	}
	#Q444G .RadioBoxesLabelLeft{
		    width: 200px;
	}
	
	#tblShell79 .RadioBoxesQu{
	padding-left: 2px;
	}

	#tblShell79 .RadioBoxesQuG{
		padding-right: 2px;
	}
	
	.RadioBoxRespContainer{
		padding-top: 35px;
	}
	
	#tblShell79 .RadioBoxesQu{
		padding-top: 5px;
	}
	
	#div450{
		padding-top: 20px;
	}
	
	.dxbButton_MetropolisBlue{
		min-width: 35px;
	}

	#RadioBoxResp453 {
		margin-top: 10px;
	}
}



@media screen and (max-width: 667px), screen and (max-device-width: 667px) {
    .responsive-element {
        width: 100%;
    }
}