/* With these codes padding and border does not increase it's width and gives intuitive style.*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Main Layout */
.ss-survey .ss-question2 {width:95%;margin:0 auto;margin-right:auto}
.ss-survey .ss-question {width:100%;margin-left:auto;margin-right:auto;border:0;border-radius:0}
.ss-survey .ss-survey-title,.ss-survey .ss-page-title {text-align:center}

.ss-survey .ss-survey-body {padding:0}
.ss-survey .ss-survey-main-body {border-radius:0;margin-top:0px}
.ss-survey .ss-survey-main-body-holder {max-width:100%}
.ss-survey .ss-survey-layout .ss-survey-logo-right {float:none;text-align:center}
.ss-survey .ss-progress-bar {width:80%}
.ss-survey .CustomContainer {width:100%}
/*.ss-survey.ss-survey-preview body {margin-top: 65px;}*/

/* Inputs */
.ss-survey-body select,
.ss-survey input[type=text], 
.ss-survey input[type=url], 
.ss-survey input[type=email], 
.ss-survey input[type=password], 
.ss-survey input[type=tel] {margin: 0;height: 40px;width:100%;line-height: 40px; font-size: 17px;border: 1px solid #bbb;background: #fff;padding: 0 8px;box-shadow: inset 1px 1px 0 0 #ccc;}
.ss-survey textarea { width: 100%;-webkit-appearance: none; -moz-appearance: none;display: block;margin: 0;line-height: 22px; font-size: 17px;border: 1px solid #bbb;background: #fff;padding: 4px;box-shadow: inset 1px 1px 0 0 #ccc;}
.ss-survey input[type=checkbox] {width: 26px; height: 26px;border: 1px solid #bbb;margin-right:0px;}
.ss-survey input[type=radio] {width: 26px; height: 26px;-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;border: 1px solid #bbb;margin-right:0px;}
.ss-survey .ss-list-hori .ss-input-text-other {width:100%;}

/* Buttons */
.ss-survey .ss-survey-button-holder {margin-top:20px !important;}
.ss-survey .ss-survey-button-holder input {-webkit-appearance: none; -moz-appearance: none;display: block;margin: 0em auto;font-size: 1.5em; line-height: 2.5em;width: 95%;height:inherit;}
.ss-survey .ss-button-back {display:none!important}

/* QType: Slider */
.ss-survey .ss-qtype-slider label  {margin-top:10px !important;}
.ss-survey .ui-slider .ui-slider-handle {width: 1.7em !important;height: 1.7em !important;}
.ss-survey .ui-slider-horizontal {height:1.2em !important;}

/* QType: NPS */
.ss-survey .ss-qtype-nps table tr td {padding:3px;}

/* QType: Matrix */
.ss-survey .ss-matrix-table .ss-question-options ul li {padding: 20px;}
.ss-survey .ss-question-options .ss-list .ss-input-matrix-text {width:100%;margin-bottom:10px;}

/* QType: Date */
.ss-survey .ui-datepicker-trigger {width: 40px;height: 40px;position: absolute;margin: 2px;}
.ss-survey .ss-date-time .ui-datepicker-trigger {display:none}

/* Remove Custom Question Floating */
.ss-survey .ss-question-holder-top {float: none!important;width: 100%!important;}

/* Adjust Widths / Floats / Padding */
.ss-survey ul.ss-cols {float:none;}
.ss-survey ul.ss-col1, ul.ss-col2, ul.ss-col3, ul.ss-col4 {width:100%}
.ss-survey .ss-qtype-sum .ss-input-text {width:70%;min-width:75px;}
.ss-survey .ss-survey-body input,
.ss-survey .ss-survey-body textarea,
.ss-survey .ss-survey-body select {max-width: 100%;}
.ss-survey .ss-question-holder-top img {max-width:100%}
.ss-survey .ss-question-ranking-list .ss-question-ranking-option select {width:auto;}
.ss-survey .ss-qtype-radio ul.ss-list label.ss-other,.ss-survey .ss-qtype-checkbox ul.ss-list label.ss-other {margin-left: 36px;}

/* Hide Elements in Small */
.ss-survey .ss-required-star-small {display:none}
.ss-survey .poweredBy{display:none}
.ss-survey .ss-page-numbers{display:none}

/* Make Radio and Checkbox one per line */
.ss-qtype-radio ul.ss-list.ss-list-hori li,.ss-qtype-checkbox ul.ss-list.ss-list-hori li  {float:none}

/* Custom Themes */
.ss-theme-3958 body {background-image:none;}

.ss-theme-3294 .ss-survey-body {padding: 20px;}

/* If question has custom margins, this makes it 0 on mobile */
.ss-question-holder-top {margin:0px!important}