*, :before, :after { box-sizing: border-box; }
img             {max-width: 100%}
.sys45gt78g     {display:none;}

.blankline      {background-color: inherit;}
.clear          {clear:both;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:before{clear:both;}
.table-style    {padding: .3em .625em .3em .625em;}
/*.mBackground    {z-index:50;filter:alpha(opacity=70);opacity:0.7;background-color: gray;}
.mBackground2   {z-index:1000;filter:alpha(opacity=70);opacity:0.7;background-color: gray;}
.mBackgroundEx  {z-index:70000 !important; filter: alpha(opacity=40); opacity: 0.4; background-color: gray;}
.mPopup         {padding:.2em; border:2px solid gray;border-radius:1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; background-color: #f1f1f1;}*/
.tooltip        {z-index: 999999;display:none;font-size:12px;background-color:#EFEFF7;padding:25px;color:#555555;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border:1px solid #b2b6b7;max-width:150px;}
.input          {vertical-align:middle;}
.subHeader      {vertical-align:middle;height:100%;text-align:center;}
/*.sImage         {height:16px; width:16px;}
.mImage         {height:24px; width:24px;}
.lImage         {height:32px; width:32px;}*/
ul.qlist        {list-style: none; position:relative; padding:0px; margin:0px;width:100%; }
div.labelstyle  {float:left; }
div.labelstyle2 {float:left; margin-left:.625em; }
.fMessage       {background-color:#FEF8CB;border:solid 1px #DEBE00;width:100%;}
.leftFloat      {float:left;}
.rightFloat     {float:right;}
.tmatrixvar tr:nth-child(even) td {background: #e8eae9;background: linear-gradient(#f7faf9, #e8eae9);border-left: 1px solid #d5d8db;}
ul.AnswerList   {list-style:none;list-style-type:none;margin:0px;padding:0px;width:100%;}
.AnswerList > li {vertical-align: top;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;border: 1px solid transparent;}
.AnswerList > li > span > input {position:absolute;}
.AnswerList > li > span > label {padding-left: 1.5em;padding-bottom: 5px;display:block;}
.AnswerList > li:hover {}
ul.AnswerList.label-top .rb > label {padding-left: 0;}
ul.AnswerList.label-top .rb > input {left: 50%;margin-left: -.5em;bottom: .5em;}
ul.AnswerList.label-top > li {position: relative;padding-bottom:  1.5em;}
.tTOCSpace      {background:url("images/TOCDot.png") bottom left repeat-x;width:100%;}
.tTOCSecQ       {padding-left: .625em;}
.tTOCPage       {background:url("images/TOCDot.png") bottom left no-repeat;padding-left:3px;}
.reqFlag        {color:Red;font-weight:bold;}
.reqText      {color:Red;font-weight:bold;padding-left:0.25em;}
.OSSCtrl__pgbContent{border:1px black solid; vertical-align:middle; text-align:left;}
/*.OSSCtrl__pgbFill {background-color:#00A2EF;}
.PageProgressBar {padding-bottom:.625em;}*/
.numStyle       {text-align:right;}
.customFooter   {text-align:center;}
.pDoc           {text-align:left;}
.pDocTitle      {font-weight:bold;}
.ui-slider .ui-slider-handle {cursor:pointer;}
.ui-widget-content .ui-state-hover,
.ui-widget-content .ui-state-focus {border:1px solid #ddd;background:#ddd;}
.signature-pad > canvas { display: block; margin-bottom: 5px; border: 1px solid #ddd;}
.cmd-lnk {color:#333;}
.divSkipRuleDisplay{background-color:white;border-left:solid 2px black;padding:.2em;} 
.divEndPageDisplay {background-color:white;border-left:solid 2px black;padding:.2em;border-top:dashed 2px black;margin-bottom:2em;font-weight:bold;}
.remTime {font-size:1.2em;font-weight:bold;width:100%;text-align:right;padding-right:10px;margin-bottom:15px;}
.ss-sr-only {position: absolute!important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #767676;opacity: 1;}
::-moz-placeholder { /* Firefox 19+ */
    color: #767676;opacity: 1;}
:-ms-input-placeholder { /* IE 10+ */
    color: #767676;opacity: 1;}
:-moz-placeholder { /* Firefox 18- */
    color: #767676;opacity: 1;}


/*Choices*/
.AnswerList.col li > span > label {display:inline-block;}

.AnswerList.horizontal.col li{display:inline-block;}
.AnswerList.horizontal.col.c2 li  { width:49%;}
.AnswerList.horizontal.col.c3 li  { width:32%; }
.AnswerList.horizontal.col.c4 li    { width:24%; }
.AnswerList.horizontal.col.c5 li    { width:19%; }

.AnswerList.vertical.col {display:inline-block;vertical-align:top;}
.AnswerList.vertical.col.c2  { width:49%;}
.AnswerList.vertical.col.c3  { width:32%; }
.AnswerList.vertical.col.c4  { width:24%; }
.AnswerList.vertical.col.c5  { width:19%; }

@media screen and (max-width: 769px) {
    .AnswerList.horizontal.col li   { width:99%!important; }
    .AnswerList.vertical.col        { width:99%!important; }
}

/*Grid system*/
.row {}
.row:before {display: table;content: " ";}
.row:after {display: table;content: " ";clear:both;}
@media (min-width: 768px){
    .col-var {float:left;}
    .col-var-2{width:50%;}
    .col-var-3{width:33%;}
    .col-var-4{width:25%;}
    .col-var-5{width:20%;}
    .col-var-6{width:15%;}
}

/*Modals*/
.fade.in {opacity: 1;}
.ss-modal {position: fixed;z-index: 1050;display: none;-webkit-overflow-scrolling: touch;outline: 0;}
.ss-modal-dialog {position: relative;width: auto;margin: 10px;top:10%;}
.ss-modal-content {position: relative;background-color: #fff;background-clip: padding-box;
    border: 1px solid #999;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;
    outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.ss-modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;}
.ss-modal-body {position: relative;padding: 15px;}
.ss-modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;background-color: #fff;}
.ss-modal-footer:before, .ss-modal-header:after, .ss-modal-header:before{display: table;content: " ";}
.ss-modal-footer .btn+.btn {margin-bottom: 0;margin-left: 5px;}
.ss-modal-sm{width:300px}
@media (min-width:768px) {
    .ss-modal-dialog {width: 600px;margin: 30px auto;}
}
.ss-modal-backdrop.in {filter: alpha(opacity=50);opacity: .5;}
.ss-modal-backdrop {position: fixed;z-index: 1040;background-color: #000;}
.ss-modal, .ss-modal-backdrop {top: 0;right: 0;bottom: 0;left: 0;}

/*Scale question*/
.ss-scale-labels {display:table;width:99%;}
.ss-scale-label {display:table-cell;}
.ss-scale-label-left {width:33%;text-align:left;}
.ss-scale-label-center {width:33%;text-align:center;}
.ss-scale-label-right {width:33%;text-align:right;}
.ss-scale-label-value {padding-top:3px;text-align:center;}
.ss-scale-label-sm {display:none;}
.ss-scale-label-not-sm {display:table-cell;}
.ss-scale-options {width:99%;}

.ss-nps .ss-scale-options table {width:99%;}

/*FileUpload keybord hack*/
.ss-file-upload > input[type="file"]:focus + label,
.ss-file-upload > label:hover {
    border: 1px solid #ccc;
}

.ss-text-muted {
}

.ss-form-text {
    display: block !important;
    margin-top: 0.25rem;
}

.ss-ui-numeric {
    text-align: right;
}
/*.ss-file-upload {
        display: inline-block;
        border: 1px dashed rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        outline: 0;
        padding: .375em .75em;
        cursor: pointer;
    }

    .ss-file-upload-ctrl {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute !important;
        white-space: nowrap;
        width: 1px; 
    }

    .ss-file-upload-ctrl:focus + label,
    .ss-file-upload-ctrl + label:hover {
        border-style: solid;
    }
 
    .ss-file-upload-ctrl:focus + label {
        outline: 1px dotted #000;
        outline: -webkit-focus-ring-color auto 5px;
    }
*/
/*AutoComplete*/
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/*Range slider*/
.ss-slider {width:50%;}
.rangeslider {background: #d9d9d9;position: relative;overflow: hidden;-webkit-border-radius: .5em;border-radius: .5em;}
.rangeslider--horizontal {height: 1.5em;margin-top: .125em;width: 100%;}
.rangeslider--disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=38);opacity: 0.38;}
.rangeslider__fill {background: #d9d9d9;position: absolute;}
.rangeslider--horizontal .rangeslider__fill {height: 100%;}
.rangeslider__handle {background: #fff;cursor: pointer;display: inline-block;border: 2px solid #999999;width: 1.5em;height: 1.5em;position: absolute;border-radius: 50%;}
    .rangeslider__handle:active, .rangeslider--active .rangeslider__handle {background: #999999;}
input[type="range"]:focus + .rangeslider {box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(1, 140, 229, 0.25);}
.rangeslider--horizontal .rangeslider__handle {touch-action: pan-y;-ms-touch-action: pan-y;}

.subSection {
    background: inherit;
    padding: 0px 32px 32px;
}
    .subSection + .subSection {
    padding-top: 32px;}
.ttImage        {height:1em;width:1em;vertical-align:middle;}
/*.chHDisplay     {padding-right:1.25em;}*/
.sSecAnswerDownload {padding-top:.3em;}
.sSecUnsub      {padding-top:.3em;}
/*.aButton        {border:1px solid #AD7D4A; background:url("images/magnifier.png") top left no-repeat;padding-left:1.5em;padding-right:.3em;text-decoration:none;}*/
.buttonListElem label {width:inherit; }
.listRowleft    {text-align:left;}
.listRowcenter  {text-align:center;}
.listRowright   {text-align:right;}
ul.AnswerList.listRowcenter > li > span > label, ul.AnswerList.listRowright > li > span > label {display:inline-block;}
.table-responsive {min-height: .01%;overflow-x: auto;}
@media screen and (max-width: 767px){
    .table-responsive {width: 100%;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
}

/*Navigation Section and Buttons*/
.ss-nav-skip {
    text-align: center;
}

    .ss-nav-skip a {
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0;
    }

        .ss-nav-skip a:focus {
            position: relative !important;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0px;
            overflow: hidden;
            clip: auto;
        }

.navDisconnect {text-decoration:none;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-weight: 400;line-height: 1.42857143;
        cursor: pointer;text-align: center;white-space: nowrap;vertical-align: middle;
        -ms-touch-action: manipulation;touch-action: manipulation;text-decoration:none;
        -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
        background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn:hover {text-decoration:none;}
    .btn.navButton {
        white-space: normal;
    }
.btn-default {color: #333;background-color: #fff;border-color: #ccc;}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;}
.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;}

.navSection {text-align:center;}
.subNav{margin-top:20px;}
/*.mainNav, .navPrev, .navLater, .navNext, .navSubmit, .navClear {}*/

.imageUploaderField input{width:200px!important;}
.langSel-ptitle{}
.langSel-plink{font-family:Arial;font-size:large;font-weight:bold;}

input[type=radio], input[type=checkbox] {border: 0px; height: 1em; width: 1em; }
input[type=checkbox], input[type=radio] {line-height: normal;vertical-align: -0.15em;}
button, input, optgroup, select, textarea {font: inherit;color: inherit;}
button, input, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}

/*Form*/
.wrapper {height: auto;text-align:center;}
.language_selector {text-align:right;}
.footerBrand {
    color: inherit;
    background-color: inherit;
    text-align: center;
    padding-bottom: 2em;
}

/*PinPage*/
.pinpagelogo {margin-bottom:5px;}
 
/*Utils*/
.QError {display: block;}
/*span.errorBlock{display:block;}*/

/*Thank you page*/
.tycontent {text-align:center;}
.tymessage {font-size:xx-large;}
.tymessagecustom {text-align:left;}
.tyresponse, .tyanswer {padding-top:15px;}

/*Question*/
.choiceCompl {margin-left:0.5em;}
.textAnswer {font-family:inherit;font-size:inherit;background-color:white;width:99%;}
.ss-choice-disabled {text-decoration: line-through;}
.QuestionMedia img {max-width: 100%;}

/*Displayed number of characters remaining in text input area*/
.charCount {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-style:italic;}

/*Matrix*/
.matrixMain{margin-top:.12em;margin-left:.12em;}

/*Tables*/
.oddRow{background-color: inherit;}
.grid{width:100%;}
.grid th{font-weight:normal;}

.taInt {width:30%;}
.taCInt {width:45%;}
.taCur {width:30%;}
.taCCur {width:45%;}
.Label {width:250px; background-color:inherit;}
.LabelVar {background-color:inherit;}
/*.small-screen {display:none;}*/

@media (min-width: 577px) {
    .small-screen {
        display: none;
    }
}

@media (min-width: 577px) {
    .AnswerList.ss-likert-container {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .AnswerList.ss-likert-container > li {
            display: table-cell;
            margin-right: 0;
            padding-right: 1em;
            vertical-align: bottom;
        }
}

@media (max-width: 575px) {
    .matrixMobile .ss-border-r,
    .tableMobile .ss-border-r {
        border-right: none;
    }

    .matrixMobile table,
    .tableMobile table {
        width: 98%;
    }

        .matrixMobile table > tbody > tr,
        .tableMobile table > tbody > tr {
            background-color: inherit;
        }


            .matrixMobile table > tbody > tr th:first-child,
            .tableMobile table > tbody > tr th:first-child {
                font-weight: bold;
                background-color: #efefef;
            }

        .matrixMobile table > tbody th,
        .matrixMobile table > tbody td,
        .tableMobile table > tbody th,
        .tableMobile table > tbody td {
            display: block;
            text-align: left !important;
            width: 99% !important;
        }

    .matrixMain thead,
    .tableMobile thead,
    .ss-scale thead {
        /*display: none;*/
        position: absolute !important;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border: 0;
    }

    .grid.tMobile {
        width: 98%;
    }

        .grid.tMobile > tbody th,
        .grid.tMobile > tbody td {
            display: block;
            text-align: left !important;
            width: auto !important;
        }

    .ss-scale-label-sm {
        display: table-cell !important;
    }

    .ss-scale-label-not-sm {
        display: none !important;
    }

    .ss-slider {
        width: 99%;
    }
}

#ss-card-element {
    border-radius: 4px 4px 0 0;
    padding: 12px;
    border: 1px solid rgba(50, 50, 93, 0.1);
    height: 44px;
    width: 100%;
    background: white;
}

.ss-hidden {
    display: none;
}