.selected {
  outline: none !important;
}
.pages input[type="text"],
.pages input[type="password"],
.pages select,
.pages textarea,
.pages input[type="submit"],
.pages input[type="button"],
.pages button,
.navigation input[type="submit"],
.navigation input[type="button"],
.navigation button{
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  padding: 0px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #4d4d4f;
  margin-bottom: 10px;
  line-height: 1.2;
   text-transform: none;
}
input[type="text"], textarea {
  font-size: 14px;
}
.pages textarea{
  height: auto;
  padding: 8px;
}
.pages select {
  background: #fff none repeat scroll 0 0 !important;
  padding: 0px 0px 0px 5px;
  margin-bottom: 10px;
  min-width: 68px;
  height: 30px;
}
.pages .question select {
  max-width: calc(100% - 5px);
}
.pages select[multiple], .pages select[size] {
  height: auto;
}
.pages input[type="submit"],
.pages input[type="button"],
.pages button,
.navigation input[type="submit"],
.navigation input[type="button"],
.navigation button {
  min-width: 4em;
  cursor: pointer;
  height: 30px;
}
.pages input[type="submit"]:hover,
.pages input[type="button"]:hover,
.pages button:hover,
.navigation input[type="submit"]:hover,
.navigation input[type="button"]:hover,
.navigation button:hover  {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333;
}
.pages input[type="file"]{
  border: none;
  padding-left: 0;
  box-shadow: none;
}
.pages input[type="radio"],
.pages input[type="checkbox"] {
  background: none;
  height: auto;
  margin-top: 2px;
  margin-bottom: 10px;
}
.pages input:focus,
.pages select:focus,
.pages textarea:focus,
.selected:focus,
.selected div:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none !important;
}
.pages input::-moz-placeholder,
.pages select::-moz-placeholder,
.pages textarea::-moz-placeholder,
.selected::-moz-placeholder{
  color: #999;
  opacity: 1;
}
.pages input[disabled],
.pages input[disabled]:hover,
.pages input[readonly],
.pages select[disabled],
.pages select[readonly],
.pages textarea[disabled],
.pages textarea[readonly]{
  background-color: #f0f0f0;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.question:hover{
	border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0 none !important;
}
.navigation {
  background: none;
  border:none;
}
.question {
  background-color: #f0f0f0;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.question-name{
	padding-bottom: 10px;
}
.page-name {
  border-radius: 4px;
  padding: 8px;
  min-height: 20px;
}
/****************pagination*******************/
.pagination {
 background: none;
 border: 1px solid #dddddd;
 border-left: none;
 border-right: none;
 border-radius: 4px;
 padding: 4px;
}
.pagination .links > .link {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  color: #e24a37;
  line-height: 1.42857;
  padding: 4px 12px;
  text-decoration: none;
  margin-left: -1px;
  font-weight: normal;
}
.pagination > div > span:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  margin-left: 0;
}
.pagination > div > span:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination .links > .link.active,.pagination .links > .link:hover {
  background-color: #eee;
  border-color: #ddd;
  color: #e24a37;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../../../stylesheets/fonts/glyphicons-halflings-regular.eot');
  src: url('../../../stylesheets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../stylesheets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../stylesheets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../stylesheets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.ui-icon {
  font-family: 'Glyphicons Halflings' !important;
  background-image:none !important;
  text-indent: unset;
  font-size: 13px;
  height: 25px;
  color: #222;
  display: inline-block !important;
  text-align: center;
  text-decoration: none;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon{
  margin-top: 0;
  top: -1px;
}
.ui-button-icon-only .ui-icon{
  left: 6px;
  margin-left:0px;
}
button .ui-icon{
  font-size: 15px;
  top: 5px !important;
}
.ui-icon-closethick,
.icon-background-colour,
.icon-border,
.icon-font-colour {
  height: 16px !important;
  text-indent: 0px !important;
}
.ui-button-text{font-weight: bold;}
.icon-save:before {content: "\e172"; }
.icon-text-left:before {content: "\e052"; }
.icon-text-center:before {content: "\e053"; }
.icon-text-right:before {content: "\e054"; }
.icon-font-colour:before {content: "\e242";}
.icon-text-justify:before {content: "\e055";}
.icon-background-colour:before {content: "\e243";}
.icon-border:before {content: "\e157";}
.icon-move:before { content: "\e068";}
.icon-new:before { content: "\e022";}
.icon-delete:before { content: "\e083";}
button[title="Remove Page"] .icon-delete:before ,.ui-icon-closethick::before{
  content: "\e014";
}
.ui-icon-closethick{width: 13px;}
a.ui-state-hover{background:none !important;border:none !important;}
.ui-state-hover .ui-icon-closethick{color: #fff;}
.icon-preferences:before { content: "\e136"; }
.icon-document:before { content: "\e205"; }
.icon-close { background-image: url("/images/webforms/button_icons/close.png") !important; }
button[title="New Question"] .icon-new:before{ content: "\e081";}
div.options .ui-option {
  padding: 3px 0;
}
div.options .ui-option.empty .glyphicons {
  display: none;
}
div.options > div > input {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  padding: 0px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #4d4d4f;
  margin-bottom: 5px;
  line-height: 1.2;
  text-transform: none;
  font-size: 14px;
  width: 90%;
}
div.options .ui-option .glyphicons {
  padding: 8px 8px;
  color: #c6c6c6;
  font-size: 15px;
}
div.options .ui-option .glyphicons:hover,
div.options .ui-option.ui-sortable-helper .glyphicons {
  color: #232323;
  cursor: move;
}
#question-settings-mandatory,
[for="question-settings-mandatory"]{
  display: none;
}
.ui-buttonset-tags .ui-button {
  margin-right: .5em;
  border-radius: 9999px !important;
  background-image: none;
  background-color: grey;
  border-color: grey;
  font-size: 13px;
  margin-bottom: .5em;
}

.ui-buttonset-tags .ui-button:hover .ui-button-text,
.ui-buttonset-tags .ui-button .ui-button-text {
  text-shadow: none;
  color: #fff;
  padding-right: 30px;
  display: inline-block;
}
.ui-buttonset-tags .ui-button .ui-button-text:before,
.ui-buttonset-tags .ui-button.ui-state-active .ui-button-text:before{
  position: absolute;
  right: 7px;
  top: 6px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-buttonset-tags .ui-button .ui-button-text:before {
  content: "\E433";
}
.ui-buttonset-tags .ui-button.ui-state-active .ui-button-text:before{
  content: "\E207";
}
.ui-buttonset-tags .ui-button:hover,
.ui-buttonset-tags .ui-button.ui-state-active {
  box-shadow: none;
  background-color: #3160df;
  border-color: grey;
}
.ui-buttonset-tags .ui-button-text-only .ui-button-text {
  padding: .3em 30px .3em 1em;
  font-size: 13px;
}
.question .select2 {
  margin-bottom: 10px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  background-image: none;
}
.table-hyper-link {
  width: 100%;
}
.table-hyper-link td input{
  width: 90%;
  margin-bottom: 5px;
}
.table-hyper-link td input.has-error {
  border-color: #e24a37;
  margin-bottom: 3px;
}
.condition-item {
  background: linear-gradient(to bottom, #fafafa 0%,#e9e9e9 100%);
  border-color: #d2d2d2;
  border-image: none;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px 1px 1px 0.25rem;
  margin-bottom: 1rem;
  border-left-color: #5bc0de;
  padding: 10px 35px 10px 10px;
  text-align: left;
  position: relative;
}
.condition-item:hover {
  cursor: pointer;
}
.condition-item b {
  display: inline-block;
  padding: 0 5px;
  color: #4F4F4F;
  position: relative;
}
.condition-item.neq {
  border-left-color:#d9534f;
}
.condition-item.neq.true {
  border-left-color: #F0AD35;
}
.condition-item.eq.false {
  border-left-color: #337ab7;
}
.condition-item-tool {
  text-align: right;
  position: absolute;
  right: 10px;
}
.condition-item-tool .glyphicons {
  opacity: 0.6;
}
.condition-item-tool .glyphicons:hover {
  opacity: 1;
}
button[disabled="disabled"] {
  opacity: 0.4;
}
.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.loading-container {
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.25);
}
.loading-container .glyphicons {
  position: relative;
  font-size: 1.5em;
  color: #fff;
}
.clickable {
  cursor: pointer;
}
.qlist-options .option input[type="checkbox"],
.qlist-options .option input[type="radio"] {
  margin:0;
  vertical-align: top;
}
.qlist-options .option div[contenteditable] {
  padding: 3px 4px 2px 4px;
  resize: none;
  border: none;
  box-shadow: none;
  display: inline-block;
  margin-bottom: 0;
  border: 1px dotted transparent;
  background: transparent;
  box-shadow: none;
  height: auto;
  height: 16px;
  font-size: 14px;
  line-height: 1;
  width: calc(100% - 80px);
  outline: none;
}
.qlist-options .option div[contenteditable] > p{
  margin-top: 0 !important;
}
.qlist-options .option div[contenteditable] *,
.qlist-options .option div[contenteditable]:hover,
.qlist-options .option div[contenteditable]:click,
.qlist-options .option div[contenteditable]:focus {
  outline: none;
}
.qlist-options .option .glyphicons {
  float: right;
  padding: 0 0.2em 0 0.4em;
  display: none;
}
.qlist-options:not(.qlist-options-other) .option:not(.empty):hover .glyphicons,
.qlist-options:not(.qlist-options-other) .option:not(.empty):focus .glyphicons{
  color: #aaa;
  display: block;
  margin-top: 2px;
}
.qlist-options:not(.qlist-options-other) .option:not(.empty) .glyphicons:hover,
.qlist-options:not(.qlist-options-other) .option:not(.empty) .glyphicons:focus {
  opacity: 1;
  color: #000;
  display: block !important;
  cursor: pointer;
}
.qlist-options .option .glyphicons.glyphicons-menu-hamburger:focus,
.qlist-options .option .glyphicons.glyphicons-menu-hamburger:hover {
  cursor: move;
}
.qlist-options.share_form_show .option,
.qlist-options.show .option {
  margin-bottom: 10px;
}
.qlist-options.share_form_show .option input[type="checkbox"],
.qlist-options.show .option input[type="checkbox"],
.qlist-options.share_form_show .option input[type="radio"],
.qlist-options.show .option input[type="radio"] {
  margin-top: 2px;
  display: inline-block;
  float: left;
}
.qlist-options-property .option > label,
.qlist-smart-radio .option > label,
.qlist-options.share_form_show .option > label,
.qlist-options.show .option > label {
  display: inline-block;
  width: calc(100% - 30px);
  margin-left: 5px;
  margin-top: 3px;
}
.qlist-options-property .option > label{
  width: calc(100% - 80px);
}
.qlist-options.share_form_show .option > label > p:first-child,
.qlist-options.show .option > label > p:first-child {
  margin-top: 0 !important;
}
.qlist-options:not(.share_form_show):not(.show){
  margin-bottom: 10px;
}
.qlist-options:not(.share_form_show):not(.show) .option {
  padding: 4px;
}
.qlist-options .option.ui-sortable-placeholder,
.qlist-options:not(.share_form_show):not(.show):not(.qlist-options-other):not(.qlist-smart-radio) .option:hover div[contenteditable],
.qlist-options:not(.share_form_show):not(.show):not(.qlist-options-other):not(.qlist-smart-radio) .option:hover {
  background-color: #fff;
}
.qlist-options:not(.share_form_show):not(.show) .option input[type="checkbox"],
.qlist-options:not(.share_form_show):not(.show) .option input[type="radio"] {
  margin: 2px;
  float: left;
  vertical-align: top;
}
.checkbox-pretty,
.radio-pretty
{
  display: inline-block;
  width: 22px;
  height: 22px;
  float: left;
  position: relative;
}
.checkbox-pretty input[type="checkbox"],
.radio-pretty input[type="radio"]{
  position: absolute;
  visibility: hidden;
}
.radio-pretty::before {
  position: absolute;
  top: 1px;
  display: block;
  left: 1px;
  width: 18px;
  height: 18px;
  margin: 0px;
  padding: 0px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid transparent;
  content: "";
  -mox-box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
}
.checkbox-pretty input[type="checkbox"] + label,
.radio-pretty input[type="radio"] + label {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('./images/checkbox_radio_blue.png');
  cursor: pointer;
  background-color: #fff;
}
.checkbox-pretty input[type="checkbox"] + label{
  background-position: 0 0;
  background-color: #fff;
}
.radio-pretty input[type="radio"] + label{
  border-radius: 50%;
  background-position: -120px 0;
  position: relative;
  z-index: 1;
}
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked) + label:hover,
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked) + label:focus,
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked):focus + label,
.checkbox-pretty input[type="checkbox"]:not([disabled]):not(:checked):hover + label{
  background-position: -24px 0;
}
.radio-pretty input[type="radio"]:not([disabled]):not(:checked) + label:hover,
.radio-pretty input[type="radio"]:not([disabled]):not(:checked) + label:focus,
.radio-pretty input[type="radio"]:not([disabled]):not(:checked):focus + label,
.radio-pretty input[type="radio"]:not([disabled]):not(:checked):hover + label{
  background-position: -144px 0;
}
.checkbox-pretty input[type="checkbox"]:checked + label{
  background-position: -48px 0;
}
.radio-pretty input[type="radio"]:checked + label{
  background-position: -168px 0;
}
.pages .question{
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  margin:0;
  padding:5px 10px 15px 5px;
  margin-bottom: 1px;
}
.pages .question:hover{
  border-color: transparent;
}
.pages-edit .question:hover{
  border-color: #66afe9;
}
.page-options,
.page-filters,
.page-questions {
  background-color: #f0f0f0;
  border: 1px solid #dddddd;
    -mox-box-shadow: 0 0 1px #ccc;
  -webkit-box-shadow: 0 0 1px #ccc;
  box-shadow: 0 0 1px #ccc;
  border-radius: 4px;
  padding: 15px 5px;
}
.pages .question input[type="text"],
.pages .question textarea
{
  width: calc(100% - 16px);
}
.pages .question .slider-question label {
  width: 80px;
  display: inline-block;
}
.pages .question .slider-question .txt-number {
  width: 100px;
  display: inline-block;
}
.pages .question .slider-question .txt-title {
  width: 200px;
  display: inline-block;
}

.ui-dialog .ui-dialog-buttonpane {
  padding:.3em 0 .5em 0;
  width: 100%;
  text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
  float: none;
}
.ui-dialog .ui-dialog-buttonset button {
  min-width: 80px;
}
.ui-dialog .ui-dialog-buttonset > button:last-child {
  margin-right: 0;
}
.ui-dialog input[name="hex"]{
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  padding: 0px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #4d4d4f;
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.2;
  text-transform: none;
}
.course_name .checkbox-pretty {
  margin-right: 10px;
  margin-top: 2px;
}
.course_name .checkbox-pretty.disabled,
.course_name .checkbox-pretty.disabled label {
  cursor: not-allowed;
  pointer-events: none;
  background-color:rgba(255, 255, 255, 0.1);
}
.payment-option-plus .radio-pretty + .clickable,
.payment-option .radio-pretty + .clickable {
  margin-top: 3px;
  display: block;
  margin-left: 25px;
}
.checkbox-pretty + .clickable ul,
.radio-pretty + .clickable ul{
  display: inline-block;
  margin-top: 5px!important;
}
.payment-option-plus .checkbox-pretty + .clickable,
.payment-option .checkbox-pretty + .clickable {
  margin-top: 3px;
  display: block;
  margin-left: 25px;
}
.page-options .question:not(:last-child) {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px !important;
}
.page-options .question.last {
  border-bottom: 0 !important;
  border-color:transparent;
}
.property-group h3 {
  margin: 5px 0;
}
.qlist-options-property {
  display: inline-block;
  width: 100%;
}
.select2 *,
.select2-selection__rendered:focus,
.select2-selection__rendered:hover,
.select2-selection__rendered {
  outline: none;
  outline-style:none;
}
.select2-properties .select2-selection__choice,
.select2-results__option[aria-selected="true"]{
  display: none;
}
.select2-container .select2-search--inline .select2-search__field {
  margin-top: 6px !important;
}
/*************** input-group **********/
.btn-date{
  display: inline-block;
  margin-bottom: 10px;
}
.btn-date .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  min-width: 126px;
}
.btn-date .input-group-addon.custom {
  padding: 7px 18px 8px 9px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: #4d4d4f !important;
  text-align: center;
  background-color: #f3f5f6 !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px;
  float: left;
}
div.btn-date > .input-group  .date{
  border-right: medium none;
  float: left;
  width: 80px;
  margin-right: -2px;
}
div.btn-date > .input-group > .input-group-addon{
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  float: left;
  padding-right: 8px;
}
.input-group .form-control{
    min-height: 28px !important;
    margin-bottom: 0;
    position: static;
  }
.input-group-addon, .input-group-btn{
  width: auto !important;
  cursor: pointer;
}
.input-group-addon.custom:last-child{
  border: 1px solid #cccccc !important;
}
.input-group-addon .glyphicon:hover {
  color: #e75c25;
}
.glyphicons-transform-90 {
  transform: rotate(90deg);
  padding: .2em .2em !important;
}
.slider-question .error-message{
  color: red;
}
.ui-slider .ui-slider-handle:hover  {
  background: url(images/slider_handles.png) no-repeat !important;
  cursor: pointer;
}
.slider-input {
  position: relative;
  margin-top: 20px;
  width: 87%;
  display: inline-block;
}
.slider-input span {
  position: absolute; top: -20px;
}
.slider-input .max {
  right: -1px;
}
.slider-input .mid {
  text-align: center;
  width: 100%;
}
.slider-input .min {
  left: -1px;
}
.slider-content {
  margin-left: 15px;
}
.slider-content .ui-slider,
.slider-content .ui-slider-range{
  box-shadow: none;
}
.slider-content .ui-slider-horizontal .ui-slider-handle {
  top:-5px !important;
}
.slider-content .value {
  background: #777;
  display: inline-block;
  padding: 3px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  min-width: 24px;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  border-radius: .25em;
  margin: 20px 10px;
}
.slider-content .clear {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0px;
  opacity: 0.7;
}
.slider-content .clear:hover {
  opacity: 1;
}
.slider-content .ui-slider-horizontal {
  height: 14px;
}
.slider-content .ui-slider {
  background: #5aacec;
}
.slider-content .ui-slider .ui-slider-range {
  background: #d7d7d7;
}
.slider-content .clear {
  cursor: pointer;
}

.table-hyper-link.pages {
  min-width: inherit;
}
[data-group="host_family_hidden"]{
  visibility: hidden !important;
  height: 0;
}
fieldset[data-group="contact_phone"] a[data-cmd="move"],
fieldset[data-group="contact_phone"] a[data-cmd="del"],
fieldset[data-group="contact_phone"] span.sortable,
fieldset[data-group="other_party"] a[data-cmd="move"]{
  display: none;
}
.text-right {
  text-align: right;
}
.hidden {
  display: none;
}
form[data-state$="show"] .select2-container--default .select2-selection--single .select2-selection__clear {
  right: 28px;
  font-size: 20px;
}
.select2-agent-results .select2-search__field {
  pointer-events: none;
  background-color: #f0f0f0;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
   -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-agent-results .select2-results__message {
  font-style: italic;
}
.options-block {
  text-align: center;
}
.option-block {
  border: 1px solid #ccc;
  width: 100%;
}
.options-block .option-block.first-child {
  border-right: 0;
}
.option-block:focus,
.option-block:hover{
  background: #f5f5f5;
  cursor: pointer;
}
.options-block h3 {
  margin: 20px 0;
}
.options-block .option-block {
  padding: 30px 0;
}
.option-block h2 {
  margin: 10px 0 5px 0;
}
.options-example {
  display: inline-block;
  text-align: left;
  padding: 15px 0;
}
.option-example {
  margin: 10px 0 0 0;
}
.options-example .radio-pretty,
.options-example .checkbox-pretty {
  margin-right: 5px;
}
.options-example .radio-pretty ~ label,
.options-example .checkbox-pretty ~ label {
  color: #000;
  line-height: 22px;
}
.contact-questions {
  padding: 10px 0 20px 0;
}
[data-agent-child="true"] a[data-cmd="del"],
[data-agent-child="true"] a[data-cmd="move"],
[data-agent-child="true"] span.sortable,
[data-type="entity:role_agent.agent_lookup_id"] a[data-cmd="del"],
[data-type="entity:role_agent.agent_lookup_id"] a[data-cmd="move"],
[data-type="entity:role_agent.agent_lookup_id"] span.sortable {
  display:none !important;
}
[data-toggle="tooltip"]:hover{
  cursor: pointer;
}
[data-toggle="tooltip"] .glyphicons{
  margin-top: 2px;
}
.form-area-edit:not(.service_webform) .checkbox-agent-setting{
  display: none;
}
.btn-file {
  float: right;
  margin-left: 10px;
  margin-top: 5px;
}
.fileinput input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  direction: ltr;
}
.fileinput .ui-button,
.fileinput .ui-button .ui-button-text {
  cursor: pointer;
  font-weight: normal;
}
.fileinput .fileinput-filename,
.fileinput .fileinput-new {
  line-height: 40px;
}
.icon-upload-preview {
  float: left;
  font-size: 40px;
  margin-right: 10px;
}
.image-upload-preview {
  margin-right: 10px;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.address_manually,
.address_manually .question-menu-context,
.address_manually .sortable,
.addr_lookup.deleted {
  display: none;
}
.lookup-questions .question,
.addr_lookup .question {
  position: relative;
}
.lookup-questions .question .lookuping,
.addr_lookup .question .lookuping {
  position: absolute;
  right: 15px;
  top: 45%;
  transform: translateY(-50%);
}
.lookup-questions .styleable .lookuping,
.addr_lookup .styleable .lookuping {
  right: 40px;
}
.other_available_options .option .glyphicons-plus-sign {
  cursor: pointer;
  opacity: .65;
}
.other_available_options .option .glyphicons-plus-sign:hover{
  opacity: 1;
}
.address-options .radio-pretty input[type="radio"] {
  width: 0;
  height: 0;
}
.address-options .question-name.editable-text{
  display: none;
}
.address-options .qlist-options .option {
  min-width: 150px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 8px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #4d4d4f;
  line-height: 1.2;
  text-transform: none;
  text-align: center;
  margin-right: 10px;
}
.address-options .qlist-options .option.active {
  background-color: #2589C5;
  color: #fff;
}
.address-options .qlist-options .option label {
  display: none;
}
.address-options .radio-pretty {
  display: inline-block;
  float: none;
  width: auto;
  height: auto;
}
.address-options .radio-pretty::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: inline-block;
  content: "\f058";
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  border: 0;
  position: initial;
  color: #fff;
}
.address-options .active .radio-pretty::before {
  display: inline-block;
  position: initial;
  color: #fff;
  line-height: 20px;
}
.address-options .qlist-options .option .editable-text{
  display: inline-block;
  width: auto;
  padding: 3px 4px 2px 3px;
}
.address-options .intro{
  color: #7F7F7F;
  margin: 10px 1px;
}
.address-options .question-menu-context{
  display: none;
}
form[data-state$="show"] .address-dynamic{
  border: 0;
  padding: 0;
}
form[data-state$="show"] .address-dynamic legend{
  display: none;
}
a[data-cmd="address_setting"] {
  display: none;
}
a[data-cmd="address_setting"].address_setting {
  display: inline;
}
.address-manual-entry-mode a[data-cmd="address_setting"]{
  display: inline;
}
.school_details .question-menu-context,
.school_details .sortable,
.school_details.deleted {
  display: none;
}
.school_details .question {
  position: relative;
}
.school_details .question:hover {
  border-color: none !important;
  box-shadow: none !important;
}
.school_details .question .lookuping {
  position: absolute;
  right: 15px;
  top: 45%;
  transform: translateY(-50%);
}
.school_details .styleable .lookuping {
  right: 40px;
}
.question .learner_unique_identifier{
  width: 100px !important;
}