* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans";
  scroll-behavior: smooth;
}

html {
  ---primary-color: #6F2CF5;
  ---primary-color-shade: #EAE1FE;
  ---primary-color-transparent90: rgb(152 104 248 / 90%);
  ---primary-color-transparent80: rgb(193 165 251 / 80%);
  ---yellow-color: rgb(255, 138, 0);
  ---yellow-color-shade: rgb(255, 245, 224);
  ---red-color: #DB402F;
  ---red-color-shade: #F7D5D1;
  ---green-color: #4C8B32;
  ---green-color-shade: #E5EEE2;
  ---white-color: #ffffff;
  ---black-color: #000000;
  ---black-color-medium: rgb(0 0 0 / 75%);
  ---black-color-small: #222222;
  ---gray-small: #f5f5f5;
  ---gray-smallDark: #ebebeb;
  ---gray-medium: #f1f1f1;
  ---gray-medium-dark: #cccccc;
  ---gray-dark: #777777;
}

html.darkNavy {
  ---primary-color: #001542;
  ---primary-color-shade: #DBDEE4;
  ---primary-color-transparent90: rgb(36 54 93 / 90%);
  ---primary-color-transparent80: rgb(36 54 93 / 80%);
}

html.royalBlue {
  ---primary-color: #0F47AF;
  ---primary-color-shade: #DBDEE4;
  ---primary-color-transparent90: rgb(15 71 175 / 90%);
  ---primary-color-transparent80: rgb(15 71 175 / 80%);
}

html.lightGreen {
  ---primary-color: #078930;
  ---primary-color-shade: #DCEEE1;
  ---primary-color-transparent90: rgb(78 171 107 / 90%);
  ---primary-color-transparent80: rgb(78 171 107 / 80%);
}

html.darkOrange {
  ---primary-color: #D94F04;
  ---primary-color-shade: #F4CDB7;
  ---primary-color-transparent90: rgb(228 129 76 / 90%);
  ---primary-color-transparent80: rgb(228 129 76 / 80%);
}

html.mediumRed {
  ---primary-color: #D92525;
  ---primary-color-shade: #F4C1C1;
  ---primary-color-transparent90: rgb(228 99 99 / 90%);
  ---primary-color-transparent80: rgb(228 99 99 / 80%);
}

html.purple {
  ---primary-color: #351533;
  ---primary-color-shade: #E2DEE2;
  ---primary-color-transparent90: rgb(53 23 51 / 90%);
  ---primary-color-transparent80: rgb(53 23 51 / 80%);
}

body {
  background: #f2f3f7;
  font-size: 14px;
  line-height: 25px;
  resize: 0;
}

input,
textarea,
button,
select {
  outline: none !important;
  font-size: 14px;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: var(---primary-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Raleway";
}

.pt-wrapper {
  overflow: hidden;
}

.padding {
  padding: 24px;
}

.spover {
  display: block;
  overflow: hidden;
  height: 20px;
}

pre.radius {
  white-space: pre-wrap;
  margin: 0;
  background: #F7F7F7;
  border-left: 3px solid #EEE;
  padding: 6px 12px;
  line-height: 19px;
}

.pt-pagination {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: table;
}

.pt-pagination li {
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  background-color: var(---white-color);
  box-shadow: 0 0 3px #EEE;
  margin: 3px;
  text-align: center;
  color: #292b4a;
  border-radius: 50%;
  font-family: "Raleway";
  font-size: 14px;
}

.pt-pagination li a {
  display: inline-block;
  width: 22px;
  height: 22px;
  color: #292b4a;
  font-family: "Raleway";
}

.pt-pagination li.pt-active {
  background: var(---primary-color);
  color: var(---white-color);
}

.pt-pagination li.pt-disabled {
  background: #F7F7F7;
}

.pt-stars.pt-small,
.pt-stars.small,
.pt-stars-a.pt-small,
.pt-stars-a.small {
  font-size: 12px;
}

.pt-stars-a {
  color: orange;
  font-size: 20px;
  margin-right: 2px;
}

.pt-stars {
  color: #ffd27f;
  font-size: 20px;
  margin-right: 2px;
}

.pt-rscale-c i:first-of-type {
  border-radius: 5px 0 0 5px;
}

.pt-rscale-c i:last-of-type {
  border-radius: 0 5px 5px 0;
}

.pt-rscale,
.pt-rscale-a {
  font-style: normal;
  display: inline-block;
  width: 34px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  background: #36395c;
  font-family: "Raleway";
  margin-right: 1px;
  color: var(---white-color);
  font-weight: 700;
}

.pt-rscale {
  background: #787ca1;
  color: #c9cdf7;
}

.table-responsive {
  overflow-y: hidden;
}

#registrationModal .modal-content,
#loginModal .modal-content {
  width: 320px;
  border-radius: 20px;
  margin: 0 auto;
}

#registrationModal .alert,
#loginModal .alert {
  font-size: 12px;
}

#registrationModal input,
#loginModal input {
  border: 1px solid #EEE;
  padding: 12px;
  display: block;
  width: 100%;
  padding-left: 40px;
  border-bottom: 2px solid #c8c4ef;
  border-radius: 50px;
}

#registrationModal label.pt-input-icon,
#loginModal label.pt-input-icon {
  position: relative;
  display: block;
  margin-bottom: 12px;
}

#registrationModal label.pt-input-icon span,
#loginModal label.pt-input-icon span {
  position: absolute;
  left: 16px;
  top: 13px;
  color: #38287a;
}

#registrationModal button,
#loginModal button {
  padding: 0;
  display: block;
  line-height: 35px;
  height: 42px;
  border: 2px solid #fba70c;
  border-radius: 50px;
  background: #fba70c;
  color: var(---white-color);
  width: 100%;
  font-family: "Raleway";
  font-weight: 700;
  text-transform: uppercase;
}

#registrationModal p,
#loginModal p {
  font-size: 12px;
  text-align: center;
  margin: 12px 0 0 0;
  border-top: 1px solid #EEE;
  padding-top: 12px;
  color: #2a2b4a;
  font-family: "Raleway";
  line-height: 18px;
}

#registrationModal .modal-header,
#loginModal .modal-header {
  border-color: #EEE;
  margin: 0 14px;
}

#registrationModal .modal-footer,
#loginModal .modal-footer {
  border-color: #EEE;
  margin: 0 14px;
  padding: 12px 0;
}

#registrationModal .modal-footer button,
#loginModal .modal-footer button {
  border-color: #2ecc71 !important;
  line-height: 50px;
  height: 50px;
}

#registrationModal .modal-footer p,
#loginModal .modal-footer p {
  width: 100%;
}

#registrationModal .modal-footer p span,
#loginModal .modal-footer p span {
  color: #2ecc71;
  font-weight: 700;
  cursor: pointer;
}

#registrationModal .alert,
#loginModal .alert {
  line-height: 20px;
  margin: 0;
  padding: 12px;
}

#registrationModal .pt-social-login,
#loginModal .pt-social-login {
  border-top: 1px solid #EEE;
  padding-top: 12px;
  margin-top: 12px;
  text-align: center;
  width: 100%;
}

#registrationModal .pt-social-login b,
#loginModal .pt-social-login b {
  display: block;
  margin-bottom: 12px;
}

#registrationModal .pt-social-login a,
#loginModal .pt-social-login a {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  width: 32px;
  text-align: center;
  border: 1px solid #38395f;
  border-radius: 33px;
  padding: 0;
}

#registrationModal .pt-social-login a i,
#loginModal .pt-social-login a i {
  margin: 0;
}

.pt-twitterbox {
  display: table;
  width: 300px;
  margin: 48px auto;
  text-align: center;
  box-shadow: 0 3px 10px #EEE;
  padding: 48px 0;
}

.pt-twitterbox i,
.pt-twitterbox svg {
  font-size: 42px;
  margin-bottom: 22px;
}

.pt-sendsurveyemail input[type=text],
.pt-sendsurveyemail .select2-container--default .select2-selection--multiple,
.pt-sendsurveyemail .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-radius: 5px;
  height: 42px;
  border: 1px solid #EEE;
  border-bottom: 2px solid #e1ebff;
  padding: 12px;
  height: auto;
  line-height: 2px;
}

.pt-sendsurveyemail .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin: 0;
  margin-right: 3px;
  font-size: 10px;
  line-height: 18px;
  background-color: #e2ecfe;
  border-color: #c8d7f3;
  color: #5571a9;
}

.pt-sendsurveyemail .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-color: #c8d7f3;
}

.select2-container {
  width: 100% !important;
}

.pt-btn {
  display: inline-block;
  font-family: "Raleway";
  height: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
  color: var(---primary-color);
  background-color: var(---white-color);
  padding: 0 32px;
  transition: all 0.4s;
  border: 0;
}

.pt-btn:hover {
  background-position: bottom center;
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
}

.pt-btn:focus {
  color: var(---primary-color);
}

.pt-btn.btn-red {
  background-color: var(---red-color-shade);
  color: var(---red-color);
  margin-left: 8px;
}

.pt-btn.btn-red:hover {
  background-position: bottom center;
  color: var(---red-color-shade);
  background-color: var(---red-color);
}

.pt-btn.btn-green {
  background-color: var(---green-color-shade);
  color: var(---green-color);
  margin-left: 8px;
}

.pt-btn.btn-green:hover {
  background-position: bottom center;
  color: var(---green-color-shade);
  background-color: var(---green-color);
}

/* Mixins */
/* bg shortcodes */
.bg-gradient1 span,
.bg-gradient1:before {
  background: #52A0FD;
  background: -moz-linear-gradient(left, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
  background: -webkit-linear-gradient(left, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
  background: linear-gradient(to right, #52A0FD 0%, #00e2fa 80%, #00e2fa 100%);
}

.bg-gradient2 span,
.bg-gradient2:before {
  background: #44ea76;
  background: -moz-linear-gradient(left, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  background: -webkit-linear-gradient(left, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
}

.bg-gradient3 span,
.bg-gradient3:before {
  background: #fa6c9f;
  background: -moz-linear-gradient(left, #fa6c9f 0%, #ffe140 80%, #ffe140 100%);
  background: -webkit-linear-gradient(left, #fa6c9f 0%, #ffe140 80%, #ffe140 100%);
  background: linear-gradient(to right, #fa6c9f 0%, #ffe140 80%, #ffe140 100%);
}

.bg-gradient4 span,
.bg-gradient4:before {
  background: #292b4a;
  background: -moz-linear-gradient(left, #292b4a 0%, #6166a9 80%, #6166a9 100%);
  background: -webkit-linear-gradient(left, #292b4a 0%, #6166a9 80%, #6166a9 100%);
  background: linear-gradient(to right, #292b4a 0%, #6166a9 80%, #6166a9 100%);
}

.bg-gradient5 span,
.bg-gradient5:before {
  background: #2e62d2;
  background: -moz-linear-gradient(left, #2e62d2 0%, var(---primary-color) 80%, var(---primary-color) 100%);
  background: -webkit-linear-gradient(left, #2e62d2 0%, var(---primary-color) 80%, var(---primary-color) 100%);
  background: linear-gradient(to right, #2e62d2 0%, var(---primary-color) 80%, var(---primary-color) 100%);
}

.bg-gradient6 span,
.bg-gradient6:before {
  background: #44ea76;
  background: -moz-linear-gradient(left, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  background: -webkit-linear-gradient(left, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  background: linear-gradient(to right, #44ea76 0%, #39fad7 80%, #39fad7 100%);
  text-shadow: 0 2px 1px #66ffc1;
  color: #25564d;
}

/* General */
/* fancy Button */
.fancy-button {
  display: inline-block;
  font-family: "Raleway" !important;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(---white-color);
  position: relative;
  background: transparent;
  border: 0;
}

.fancy-button:before {
  content: "";
  display: inline-block;
  height: 40px;
  position: absolute;
  bottom: -5px;
  left: 30px;
  right: 30px;
  z-index: 0;
  border-radius: 30em;
  filter: blur(20px) brightness(0.95);
  transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}

.fancy-button i {
  margin-top: -1px;
  margin-right: 20px;
  font-size: 1.265em;
  vertical-align: middle;
}

.fancy-button span {
  display: inline-block;
  padding: 18px 60px;
  border-radius: 50em;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  transform-style: preserve-3d;
  transition: all 0.3s ease-out;
}

.fancy-button:focus,
.fancy-button:active {
  color: var(---white-color);
}

.fancy-button:hover {
  color: var(---white-color);
}

.fancy-button:hover span {
  filter: brightness(1.05) contrast(1.05);
  transform: scale(0.95);
}

.fancy-button:hover:before {
  bottom: 0;
  filter: blur(10px) brightness(0.95);
}

.fancy-button.pop-onhover:before {
  opacity: 0;
  bottom: 10px;
}

.fancy-button.pop-onhover:hover:before {
  bottom: -7px;
  opacity: 1;
  filter: blur(20px);
}

.fancy-button.pop-onhover:hover span {
  transform: scale(1.04);
}

.fancy-button.pop-onhover:hover:active span {
  filter: brightness(1) contrast(1);
  transform: scale(1);
  transition: all 0.15s ease-out;
}

.fancy-button.pop-onhover:hover:active:before {
  bottom: 0;
  filter: blur(10px) brightness(0.95);
  transition: all 0.2s ease-out;
}

.fancy-button.noshadow:before {
  content: none;
}

.file-select {
  display: block;
  border: 2px solid #dce4ec;
  color: #34495e;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  text-align: left;
  background-color: var(---white-color);
  overflow: hidden;
  position: relative;
}

.file-select .file-select-button {
  background: #dce4ec;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.file-select .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px;
}

.file-select:hover {
  border-color: #34495e;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.file-select:hover .file-select-button {
  background: #34495e;
  color: var(---white-color);
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.file-select input[type=file] {
  z-index: 100;
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.file-select.file-select-disabled {
  opacity: 0.65;
}

.file-select.file-select-disabled:hover {
  cursor: default;
  display: block;
  border: 2px solid #dce4ec;
  color: #34495e;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-top: 5px;
  text-align: left;
  background-color: var(---white-color);
  overflow: hidden;
  position: relative;
}

.file-select.file-select-disabled:hover .file-select-button {
  background: #dce4ec;
  color: #666666;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

.file-select.file-select-disabled:hover .file-select-name {
  line-height: 40px;
  display: inline-block;
  padding: 0 10px;
}

.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 150px;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating>input {
  display: none;
}

.rating>label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: 0.3s;
}

.rating>input:checked~label,
.rating>input:checked~label~label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating>input:not(:checked)~label:hover,
.rating>input:not(:checked)~label:hover~label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after {
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, white 0%, white 35%, rgba(255, 255, 255, 0) 100%);
}

.emoji-wrapper:after {
  bottom: 0;
  background: linear-gradient(to top, white 0%, white 35%, rgba(255, 255, 255, 0) 100%);
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s;
}

.emoji>svg {
  margin: 15px 0;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked~.emoji-wrapper>.emoji {
  transform: translateY(-100px);
}

#rating-2:checked~.emoji-wrapper>.emoji {
  transform: translateY(-200px);
}

#rating-3:checked~.emoji-wrapper>.emoji {
  transform: translateY(-300px);
}

#rating-4:checked~.emoji-wrapper>.emoji {
  transform: translateY(-400px);
}

#rating-5:checked~.emoji-wrapper>.emoji {
  transform: translateY(-500px);
}

.tgl {
  display: none;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
  box-sizing: border-box;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
  background: none;
}

.tgl+.tgl-btn {
  outline: 0;
  display: block;
  width: 40px;
  height: 20px;
  position: relative;
  cursor: pointer;
  user-select: none;
  float: left;
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.tgl+.tgl-btn:after {
  left: 0;
}

.tgl+.tgl-btn:before {
  display: none;
}

.tgl:checked+.tgl-btn:after {
  left: 50%;
}

.tgl-light+.tgl-btn {
  background: var(---gray-dark);
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
  margin: 3px 0px;
}

.tgl-light+.tgl-btn:after {
  border-radius: 50%;
  background-color: var(---white-color);
  transition: all 0.2s ease;
}

.tgl-light:checked+.tgl-btn {
  background-color: var(---green-color);
}

.pt-body .table tbody tr:hover .tgl-light:checked+.tgl-btn {
  background: var(---primary-color);
}

.tgl-btn+label {
  margin-left: 12px;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0;
}

.tgl-ios+.tgl-btn {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  transition: all 0.4s ease;
  border: 1px solid #e8eae9;
}

.tgl-ios+.tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}

.tgl-ios+.tgl-btn:hover:after {
  will-change: padding;
}

.tgl-ios+.tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}

.tgl-ios+.tgl-btn:active:after {
  padding-right: 0.8em;
}

.tgl-ios:checked+.tgl-btn {
  background: #86d993;
}

.tgl-ios:checked+.tgl-btn:active {
  box-shadow: none;
}

.tgl-ios:checked+.tgl-btn:active:after {
  margin-left: -0.8em;
}

.tgl-skewed+.tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all 0.2s ease;
  font-family: sans-serif;
  background: #888;
}

.tgl-skewed+.tgl-btn:after,
.tgl-skewed+.tgl-btn:before {
  transform: skew(10deg);
  display: inline-block;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: var(---white-color);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.tgl-skewed+.tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}

.tgl-skewed+.tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}

.tgl-skewed+.tgl-btn:active {
  background: #888;
}

.tgl-skewed+.tgl-btn:active:before {
  left: -10%;
}

.tgl-skewed:checked+.tgl-btn {
  background: #86d993;
}

.tgl-skewed:checked+.tgl-btn:before {
  left: -100%;
}

.tgl-skewed:checked+.tgl-btn:after {
  left: 0;
}

.tgl-skewed:checked+.tgl-btn:active:after {
  left: 10%;
}

.tgl-flat+.tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  background-color: var(---white-color);
  border: 4px solid #f2f2f2;
  border-radius: 2em;
}

.tgl-flat+.tgl-btn:after {
  transition: all 0.2s ease;
  background: #f2f2f2;
  content: "";
  border-radius: 1em;
}

.tgl-flat:checked+.tgl-btn {
  border: 4px solid #7FC6A6;
}

.tgl-flat:checked+.tgl-btn:after {
  left: 50%;
  background: #7FC6A6;
}

.tgl-flip+.tgl-btn {
  padding: 2px;
  transition: all 0.2s ease;
  font-family: sans-serif;
  perspective: 100px;
}

.tgl-flip+.tgl-btn:after,
.tgl-flip+.tgl-btn:before {
  display: inline-block;
  transition: all 0.4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: var(---white-color);
  position: absolute;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  border-radius: 4px;
}

.tgl-flip+.tgl-btn:after {
  content: attr(data-tg-on);
  background: #02C66F;
  transform: rotateY(-180deg);
}

.tgl-flip+.tgl-btn:before {
  background: #FF3A19;
  content: attr(data-tg-off);
}

.tgl-flip+.tgl-btn:active:before {
  transform: rotateY(-20deg);
}

.tgl-flip:checked+.tgl-btn:before {
  transform: rotateY(180deg);
}

.tgl-flip:checked+.tgl-btn:after {
  transform: rotateY(0);
  left: 0;
  background: #7FC6A6;
}

.tgl-flip:checked+.tgl-btn:active:after {
  transform: rotateY(20deg);
}

.pt-header {
  background: #2a2b4a;
  min-height: 174px;
}

.pt-header .pt-header-ads {
  padding-top: 22px;
  padding-bottom: 116px;
  text-align: center;
  display: table;
  width: 100%;
}

.pt-header .pt-menu {
  height: 62px;
  padding: 24px 60px;
}

.pt-header .pt-menu:after {
  content: "";
  display: block;
  clear: both;
}

.pt-header .pt-menu .pt-logo {
  float: left;
  height: 48px;
  margin-top: -6px;
  margin-right: 12px;
}

.pt-header .pt-menu .pt-logo img {
  height: 100%;
}

.pt-header .pt-menu .pt-links-l ul,
.pt-header .pt-menu .pt-links-r ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pt-header .pt-menu .pt-links-l {
  float: left;
}

.pt-header .pt-menu .pt-links-l .pt-mobile-menu {
  display: none;
}

.pt-header .pt-menu .pt-links-l ul {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
  height: 52px;
  border-radius: 5px;
}

.pt-header .pt-menu .pt-links-l ul li {
  background: #22233e;
  float: left;
  height: 70px;
  margin-top: -16px;
  margin-bottom: -32px;
  border-right: 1px solid #2a2b4a;
  border-left: 1px solid #11121e;
}

.pt-header .pt-menu .pt-links-l ul li:first-of-type {
  border-left: 0;
  border-radius: 5px 0 0 5px;
}

.pt-header .pt-menu .pt-links-l ul li:last-of-type {
  border-right: 0;
  border-radius: 0 5px 5px 0;
}

.pt-header .pt-menu .pt-links-l ul li a {
  border-radius: 3px;
  color: #cccce9;
  display: block;
  padding: 3px 10px;
  border-radius: -8px;
  margin: 2px 3px;
  font-size: 14px;
  font-family: "Raleway";
  transition: all 0.4s;
  line-height: 60px;
  font-weight: 600;
}

.pt-header .pt-menu .pt-links-l ul li a.pt-active {
  background: rgba(0, 0, 0, 0.5);
  color: var(---white-color);
  font-weight: 700;
}

.pt-header .pt-menu .pt-links-l ul li a:hover {
  background: rgba(255, 255, 255, 0.18);
}

.pt-header .pt-menu .pt-links-r {
  float: right;
  padding-top: 5px;
}

.pt-header .pt-menu .pt-links-r ul li {
  float: left;
  position: relative;
}

.pt-header .pt-menu .pt-links-r ul li a {
  display: block;
  color: #a4bdf6;
  line-height: 40px;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-btn {
  width: 100px;
  height: 40px;
  margin-left: 16px;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user {
  color: #a1a4c5;
  margin-left: 18px;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user .pt-thumb {
  float: left;
  width: 24px;
  height: 24px;
  overflow: hidden;
  line-height: 0;
  border-radius: 50%;
  margin: 8px 8px 0 0;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user .pt-thumb img {
  width: 100%;
  min-height: 100%;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul {
  position: absolute;
  z-index: 1;
  background-color: var(---white-color);
  box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  width: 174px;
  padding: 6px;
  right: 0;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul.open {
  visibility: visible;
  opacity: 1;
  right: -8px;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul:before {
  position: absolute;
  content: "";
  top: -10px;
  border-left: 10px solid var(---white-color);
  border-top: 10px solid transparent;
  right: 24px;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li {
  float: none;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a {
  border-bottom: 1px solid #F7F7F7;
  color: #777;
  font-size: 13px;
  padding: 0 12px;
  height: auto;
  line-height: 38px;
  transition: all 0.3s;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a i,
.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a svg {
  margin-right: 6px;
  color: #a4bdf6;
  width: 17px;
  transition: all 0.3s;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a .badge {
  float: right;
  margin-top: 13px;
  margin-right: -12px;
  font-size: 8px;
  font-family: "Raleway";
  /* font-weight: 400; */
  padding: 3px 3px;
  color: var(---white-color);
  border-radius: 10px;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a:hover {
  background: #EEF;
  border-radius: 3px;
  color: #292b4a;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a:hover i,
.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li a:hover svg {
  color: #292b4a;
}

.pt-header .pt-menu .pt-links-r ul li a.pt-user+ul li:last-of-type a {
  border: 0;
}

.pt-header .pt-menu:after {
  content: "";
  clear: both;
  display: table;
}

.pt-body {
  min-height: calc(100vh - 120px);
  /* background-color: var(---white-color); */
  position: relative;
  box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  /* margin-bottom: 24px; */
  padding: 15px;
}

.pt-body .pt-title {
  position: relative;
}

.pt-body .pt-title h3 {
  font-size: 22px;
}

.pt-body .table th,
.pt-body .table td {
  font-size: 12px;
  border: 0;
  border-bottom: 2px solid #f4f8fa;
}

.pt-body .table th {
  color: var(---black-color-small);
  font-weight: 700;
}

.pt-body .table td {
  color: var(---black-color-small);
  vertical-align: middle;
}

.pt-body .table tbody tr:hover td {
  color: var(---black-color);
}

.pt-body .table tr {
  transition: all 0.3s;
}


.pt-body .table tbody tr:hover {
  background: var(---primary-color-shade);
}

.pt-body .table tbody tr:hover .pt-status+td a {
  color: var(---yellow-color);
}

.pt-body .table tbody tr:hover .pt-status+td a:hover {
  color: var(---primary-color) !important;
}

.pt-body .table tbody tr.paginationRow:hover {
  background: transparent !important;
}

.pt-body .table .pt-status {
  width: 80px;
}

.pt-body .table .pt-status+td a {
  font-weight: 700;
  width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: var(---yellow-color);
}

.pt-body .table .pt-thumbth {
  width: 36px;
}

.pt-body .table .pt-thumb {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 12px;
}

.pt-body .table .pt-thumb img {
  width: 100%;
}

.pt-body .table .pt-progress span {
  float: left;
}

.pt-body .table .pt-progress-line {
  width: 100px;
  height: 2px;
  border-radius: 5px;
  background: var(---gray-dark);
  display: inline-block;
  margin-top: 12px;
  margin-left: 5px;
}

.pt-body .table .pt-progress-line span {
  background-color: var(---green-color);
  display: inline-block;
  width: 10%;
  height: 2px;
  border-radius: 14px;
}

.pt-body .table .pt-options {
  position: relative;
}

.pt-body .table .pt-options .pt-options-link {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-color: var(---white-color);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  z-index: 1;
  right: 24px;
  top: 10px;
  font-size: 15px;
  color: var(---primary-color);
  box-shadow: 0px 1px 6px 0px rgba(42, 43, 74, 0.18);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.pt-body .table .pt-options .pt-options-link.active {
  background-image: linear-gradient(to top, var(---primary-color) 0%, var(---primary-color) 100%);
  color: var(---white-color);
  visibility: visible;
  opacity: 1;
}

.pt-body .table .pt-options ul {
  position: absolute;
  right: 40px;
  width: 0px;
  max-height: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: var(---white-color);
  box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  padding: 6px;
  top: 30px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s, font-size 1s;
}

.pt-body .table .pt-options ul li {
  border-bottom: 1px solid #f4f8fa;
  transition: all 2s;
  visibility: hidden;
  font-size: 0px;
  opacity: 0;
}

.pt-body .table .pt-options ul li:last-child {
  border-bottom: 0;
}

.pt-body .table .pt-options ul li a {
  display: block;
  padding: 6px;
  color: var(---black-color);
  font-size: 0px;
  transition: all 0.4s;
}

.pt-body .table .pt-options ul li a:hover {
  color: var(---primary-color);
}

.pt-body .table .pt-options ul.open {
  visibility: visible;
  opacity: 1;
  right: 40px;
  top: 30px;
  width: 146px;
  max-height: 276px;
}

.pt-body .table .pt-options ul.open li {
  visibility: visible;
  opacity: 1;
  font-size: 12px;
}

.pt-body .table .pt-options ul.open li a {
  font-size: 12px;
  cursor: pointer;
}

.pt-body .table .pt-options ul.open li a i,
.pt-body .table .pt-options ul.open li a svg {
  margin-right: 6px;
}

.pt-body .table tr:nth-last-child(-n+4) .pt-options ul {
  top: auto;
  bottom: 30px;
}

.pt-body .table tr:nth-last-child(-n+4) .pt-options ul .open {
  top: auto;
  bottom: 30px;
}

.pt-body .table tr:hover .pt-options-link {
  visibility: visible;
  opacity: 1;
}

#exampleModal .close {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #c5c1c1;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: var(---white-color);
  box-shadow: 0 0 0 2px var(---white-color), 0 0 0 3px #9c9898;
  cursor: pointer;
  z-index: 2;
}

.pt-response-m h3 {
  font-size: 18px;
  padding: 0 24px;
  margin-top: 12px;
  border-top: 1px solid #EEE;
  padding-top: 12px;
}

.pt-response-m h3:first-of-type {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}

.pt-response-m .pt-content {
  padding: 0 24px;
}

.pt-chart-bar {
  width: 600px;
}

.pt-rapport {
  padding: 24px;
}

.pt-div-stats {
  display: table;
  width: 100%;
  height: 100%;
  background-color: var(---white-color);
  border: 1px solid var(---white-color);
  padding: 16px;
  border-radius: 10px;
}

.pt-div-stats table {
  width: 100%;
}

.pt-div-stats td:first-of-type {
  white-space: nowrap;
  padding-right: 12px;
  text-align: left;
}

.pt-div-stats td {
  font-family: "Raleway";
  border-bottom: 1px dashed #e1ebff;
  height: 38px;
}

.pt-div-stats td a {
  line-height: 17px;
  display: block;
}

.pt-div-stats td a,
.pt-div-stats td b {
  font-family: "Raleway";
}

.pt-div-stats tr:last-of-type td {
  border-bottom: 0;
}

.pt-div-stats div {
  border-bottom: 1px solid #EEE;
  padding: 6px 12px;
}

.pt-div-stats div:last-of-type {
  border-bottom: 0;
}

.pt-surveystatslinks,
.pt-adminstatslinks {
  float: right;
  margin: 0 8px 6px 8px;
}

.pt-surveystatslinks a,
.pt-adminstatslinks a {
  border-radius: 3px;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.01);
  color: #444;
  display: inline-block;
  text-align: center;
  cursor: default;
  padding: 1px 7px 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #d8d8d8 #d1d1d1 #bababa;
}

.pt-rapport-q {
  padding: 24px;
  box-shadow: 0 0 8px #EEE;
  margin-top: 24px;
  background-color: var(---white-color);
  border-radius: 10px;
}

.pt-rapport-q .pt-answered {
  font-style: italic;
  font-weight: 700;
  font-size: 11px;
  color: var(---gray-dark);
}

.grapBox {
  padding: 24px;
  background-color: #fff;
  border-radius: 10px;
}

.pt-rapport-q h3 {
  font-size: 18px;
  margin: 0;
}

.pt-rapport-q h3 .pt-options {
  float: right;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  margin-top: -12px;
}

.pt-rapport-q h3 small {
  display: inline-block;
  background: #15bfaf;
  border-radius: 20px;
  color: var(---white-color);
  font-family: "Raleway";
  font-weight: 700;
  line-height: 22px;
  height: 22px;
  width: 60px;
  text-align: center;
  cursor: pointer;
  width: 98px;
  font-size: 12px;
}

.pt-rapport-q h3 small:first-of-type {
  margin: 0 6px 0 12px;
  background: #ea9719;
}

.pt-rapport-q h3 small.showresults {
  background: #4dbf56;
  width: 100px;
}

.pt-rapport-q:hover .pt-options {
  visibility: visible;
  opacity: 1;
}

.pt-rapport-q .pt-chart-bar,
.pt-rapport-q .pt-results {
  margin-top: 24px;
  border-top: 1px solid #EEE;
  padding: 24px;
  padding-bottom: 0;
}

.pt-rapport-q .pt-chart-bar .r,
.pt-rapport-q .pt-results .r {
  border: 1px solid #F4F4F4;
  padding: 12px;
  background: #fdfbfb;
}

.pt-footer-ads {
  padding: 24px 0 40px 0;
  text-align: center;
}

.pt-footer {
  color: #a1a2ab;
  text-align: center;
  font-size: 12px;
  /* margin-bottom: 24px; */
}

.pt-footer .pt-lang {
  margin-bottom: 12px;
}

.pt-footer .pt-lang a {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 3px #e3e4e8, 0 0 0 4px var(---white-color);
  margin: 0 6px;
  cursor: pointer;
}

.pt-footer .pt-lang a i {
  line-height: 25px;
}

.pt-footer .pt-lang a,
.pt-footer .pt-lang a i {
  width: 18px;
  height: 18px;
}

.pt-footer a {
  color: #6d719c;
}

.pt-breadcrump {
  position: relative;
  margin: 8px 0px;
  border-radius: 8px 8px 0 0;
  padding: 5px 0px;
  overflow: hidden;
  /* border-bottom: 2px solid #e1ebff; */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pt-breadcrump h3 {
  color: var(---white-color);
}

.pt-breadcrump ul {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  background-color: var(---white-color);
  overflow: hidden;
  border-radius: 10px;
}

.pt-breadcrump li {
  list-style: none;
  line-height: 48px;
  position: relative;
  padding: 0 24px;
  font-family: "Raleway";
  font-weight: 600;
}

.pt-breadcrump li:before {
  content: "";
  position: absolute;
  right: -32px;
  top: 6px;
  width: 106px;
  height: 36px;
  border: 1px solid #e1ebff;
  border-width: 1px 1px 0 0;
  transform: rotate(62deg);
}

.pt-breadcrump li:last-of-type:before {
  content: none;
}

.pt-breadcrump li a {
  color: var(---primary-color);
  font-family: "Raleway";
  font-weight: 600;
}

.pt-dots {
  display: table;
  margin: 24px auto -24px auto;
}

.pt-dots a {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #EEE;
  border-radius: 50%;
  margin: 0 3px;
  float: left;
  margin-top: 4px;
  line-height: 20px;
  text-align: center;
}

.pt-dots a.active {
  background: #46adfd;
}

.pt-dots a.active:first-of-type,
.pt-dots a.active:last-of-type {
  color: var(---white-color);
}

.pt-dots a:first-of-type,
.pt-dots a:last-of-type {
  width: 20px;
  height: 20px;
  margin-top: 0;
}

.pt-dots.pt-lines {
  margin: -10px auto 28px auto;
}

.pt-dots.pt-lines a {
  border-radius: 0;
  margin: 0;
  height: 4px;
  position: relative;
}

.pt-dots.pt-lines a span {
  display: none;
  position: absolute;
  font-size: 7px;
  display: none;
  background: #46adfd;
  top: -22px;
  border-radius: 3px;
  right: 0;
  font-weight: 700;
  font-family: "Raleway";
  color: var(---white-color);
  line-height: 14px;
  padding: 0 2px;
}

.pt-dots.pt-lines a span:before {
  position: absolute;
  content: "";
  bottom: -5px;
  border-left: 5px solid #46adfd;
  border-bottom: 5px solid transparent;
  right: 2px;
}

.pt-dots.pt-lines a span.show {
  display: inline-block;
}

.pt-dots.pt-lines a:first-of-type,
.pt-dots.pt-lines a:last-of-type {
  display: none;
}

.pt-surveypage .pt-body {
  padding: 12px 0;
}

.pt-surveypage .pt-body .pt-survey-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.66);
  font-family: Raleway;
  font-weight: 600;
  z-index: 3;
  font-size: 16px;
  line-height: 76px;
  text-align: center;
}

.pt-surveypage .pt-body .pt-survey-loading span {
  position: absolute;
  bottom: 10px;
  width: 100%;
  left: 0;
}

.pt-surveypage .pt-body .pt-survey-loading span strong {
  display: block;
  opacity: 0.7;
  margin: 0 30px;
  border-radius: 13px;
}

.pt-surveypage .pt-body .pt-survey-loading span strong.error {
  color: #a22d2a;
  background: #fbb9b9;
}

.pt-survey {
  display: table;
  margin: 48px auto;
  padding: 62px;
  width: 600px;
  box-shadow: 0 0 8px #EEE;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  text-align: center;
  position: relative;
  background-color: var(---white-color);
}

.pt-survey.pt-close-s p {
  font-size: 18px;
  margin: 16px 0 40px 0;
  font-family: "Raleway";
}

.pt-survey img,
.pt-survey iframe {
  max-width: 100% !important;
}

.pt-survey h3 {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid #EEE;
}

.pt-survey h3:first-of-type {
  margin: 0;
  padding-top: 0;
  border-top: 0;
}

.pt-survey .pt-survey-answers {
  margin-top: 24px;
}

.pt-survey .pt-link {
  margin-top: 60px;
  text-align: center;
}

.pt-survey .pt-link a {
  margin: 0;
}

.inline-answer {
  display: table;
  margin: 24px auto 0 auto;
}

.bootstrap-select .dropdown-menu li,
.bootstrap-select .dropdown-menu.inner li a {
  font-size: 13px;
}

.pt-suif {
  background: transparent;
  box-shadow: none;
  margin: 0 auto 0;
}

.pt-suif .pt-breadcrump {
  display: none;
}

.pt-survey.pt-newsurvey {
  width: 100%;
  margin: 0 0 20px 0;
  /* display: block; */
  box-shadow: 0 10px 10px rgba(42, 43, 74, 0.09);
  text-align: left;
}

.pt-survey.pt-newsurvey .pt-form-phone input {
  padding-left: 132px;
}

.pt-survey.pt-newsurvey .logincactionstoquestion h3.pt-survey-head {
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 23px;
  border-top: 1px solid #e7f2ff;
  padding-top: 24px;
  font-size: 1.25rem;
}

.pt-survey.pt-newsurvey .logincactionstoquestion:first-of-type h3.pt-survey-head {
  margin-top: 0;
  border-top: 0;
}

.pt-survey.pt-newsurvey .logincactionstoquestion p.pt-survey-head {
  margin-top: -16px;
  color: #777;
  font-family: "Raleway";
  font-weight: 600;
  font-size: 13px;
}

.pt-survey.pt-newsurvey .form-group {
  margin-bottom: 0;
}

.pt-survey.pt-newsurvey .pt-choice-tc {
  display: block;
}

.pt-survey.pt-newsurvey .choice+label {
  background: var(---primary-color-shade);
  width: 100%;
  padding: 12px;
  border-radius: 5px;
}

.pt-survey.pt-newsurvey .choice.image+label {
  padding: 3px;
}

.pt-survey.pt-newsurvey .choice.image+label b {
  height: 260px;
  overflow: hidden;
}

.pt-survey.pt-newsurvey .choice.image+label b img {
  min-height: 100%;
  min-width: 100%;
}

.pt-survey.pt-newsurvey .choice.image+label em {
  position: absolute;
  bottom: 2px;
  z-index: 2;
  background: linear-gradient(0deg, rgba(2, 0, 36, 0.54) 0%, rgba(0, 212, 255, 0) 100%);
  width: 100%;
  height: 52px;
  left: 0;
  text-align: center;
  line-height: 64px;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  color: var(---white-color);
  text-shadow: 0 1px 3px black;
  border-radius: 0 0 4px 4px;
}

.pt-survey.pt-newsurvey .choice.image:checked+label b:before {
  content: "";
  background: #6166a959;
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
}

.pt-survey.pt-newsurvey .choice.image+label:before {
  z-index: 2;
  background: transparent !important;
}

.pt-survey.pt-newsurvey .choice:not(:checked)+label:before {
  border: 2px solid #2a2b4a;
  background-color: var(---white-color);
}

.pt-form-inline:after {
  content: "";
  clear: both;
  display: block;
}

.pt-form-inline .pt-form-group {
  display: table;
  float: left;
  margin-left: 6px;
}

.pt-form-inline .pt-form-group:first-of-type {
  margin-left: 0px;
}

#example-async {
  position: relative;
  width: 660px;
  margin: 48px auto;
  box-shadow: 0 0 8px #eee;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  text-align: left;
  position: relative;
  background-color: var(---white-color);
  padding: 48px;
}

#example-async .steps ul {
  display: table;
  margin: auto;
  background: none;
  padding: 0;
  list-style: none;
  z-index: 10000;
  border-radius: 23px;
}

#example-async .steps ul:after {
  content: "";
  clear: both;
  display: block;
}

#example-async .steps ul li {
  float: left;
  display: block;
  width: 10px;
  height: 2px;
  background: #EEE;
  margin: 0 2px;
}

#example-async .steps ul li a {
  font-size: 0;
}

#example-async .steps ul li[aria-selected=false] {
  background: #18e48f;
  padding: 0;
}

#example-async .actions {
  display: table;
  margin: auto;
  margin-top: 48px;
}

#example-async .actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#example-async .actions ul li {
  position: relative;
  float: left;
}

#example-async .actions ul li.disabled {
  opacity: 0.2;
}

#example-async .actions ul li.disabled a {
  cursor: no-drop;
  background-image: linear-gradient(to top, #222 0%, #666 100%) !important;
}

#example-async .actions ul li.disabled a:hover {
  background-position: bottom center;
  color: #999;
}

#example-async .actions ul li a[href="#previous"],
#example-async .actions ul li a[href="#next"],
#example-async .actions ul li a[href="#finish"] {
  width: 200px;
  display: inline-block;
  font-family: "Raleway";
  font-size: 18px;
  height: 56px;
  font-weight: 700;
  text-align: center;
  line-height: 56px;
  border-radius: 50px;
  color: var(---white-color);
  margin-left: 16px;
  background-image: linear-gradient(to top, var(---primary-color) 0%, var(---primary-color) 100%);
  padding: 0 16px;
  transition: all 0.4s;
  border: 0;
}

#example-async .actions ul li a[href="#previous"]:hover,
#example-async .actions ul li a[href="#next"]:hover,
#example-async .actions ul li a[href="#finish"]:hover {
  background-position: bottom center;
  color: var(---primary-color-shade);
  background-image: linear-gradient(to top, var(---primary-color) 0%, var(---primary-color) 100%);
}

#example-async .actions ul li a[href="#previous"].btn-red,
#example-async .actions ul li a[href="#next"].btn-red,
#example-async .actions ul li a[href="#finish"].btn-red {
  background-image: linear-gradient(to top, #fc3f59 0%, #fa667a 100%);
  margin-left: 8px;
}

#example-async .actions ul li a[href="#previous"].btn-red:hover,
#example-async .actions ul li a[href="#next"].btn-red:hover,
#example-async .actions ul li a[href="#finish"].btn-red:hover {
  background-position: bottom center;
  color: #842525;
  background-image: linear-gradient(to top, #fa667a 0%, #fc3f59 100%);
}

#example-async .actions ul li a[href="#previous"][href="#next"],
#example-async .actions ul li a[href="#next"][href="#next"],
#example-async .actions ul li a[href="#finish"][href="#next"] {
  background-image: linear-gradient(to top, #07b81e 0%, #2ee934 100%);
  margin-left: 8px;
}

#example-async .actions ul li a[href="#previous"][href="#next"]:hover,
#example-async .actions ul li a[href="#next"][href="#next"]:hover,
#example-async .actions ul li a[href="#finish"][href="#next"]:hover {
  background-position: bottom center;
  color: #25842c;
  background-image: linear-gradient(to top, #2ee934 0%, #07b81e 100%);
}

.logincactionstoquestion.pt-error .pt-survey-answers {
  border: 2px solid red;
  position: relative;
  border-radius: 5px;
}

.logincactionstoquestion.pt-error .pt-survey-answers .pt-warning-badge {
  position: absolute;
  bottom: -36px;
}

.choice {
  display: none;
}

.choice+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
}

.form-group+.form-group {
  margin-left: 16px;
}

.choice+label:before {
  content: "";
  width: 18px;
  height: 18px;
  border: 2px solid #ddd;
  margin-right: 8px;
  border-radius: 50%;
  transition: 0.3s;
  background-position: center;
}

.choice:checked+label:before {
  border-color: var(---primary-color);
  box-shadow: 0 0 0 4px var(---primary-color) inset;
}

.choice[type=checkbox]+label:before {
  border-radius: 4px;
}

.choice[type=checkbox]:checked+label:before {
  box-shadow: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3e%3cpath fill='%23fff' d='M.3 14c-.2-.2-.3-.5-.3-.7s.1-.5.3-.7l1.4-1.4c.4-.4 1-.4 1.4 0l.1.1 5.5 5.9c.2.2.5.2.7 0L22.8 3.3h.1c.4-.4 1-.4 1.4 0l1.4 1.4c.4.4.4 1 0 1.4l-16 16.6c-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3L.5 14.3.3 14z'/%3e%3c/svg%3e");
  background-color: var(---primary-color);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.choice.custom+label {
  position: relative;
  padding: 0 20px;
  line-height: 48px;
}

.choice.custom+label b {
  position: relative;
  display: inline-block;
}

.choice.custom+label b .pt-i {
  background-color: var(---white-color);
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  box-shadow: 0 0 0 2px #EEE, 0 0 0 3px var(---white-color);
  margin-right: 6px;
}

.choice.custom+label:before {
  width: 100%;
  min-height: 48px;
  background: #EEE;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 55px;
}

.choice.custom[type=checkbox]:checked+label {
  color: var(---white-color);
}

.choice.custom[type=checkbox]:checked+label .pt-i {
  background-color: var(---white-color);
  box-shadow: 0 0 0 2px var(---primary-color), 0 0 0 3px var(---white-color);
  color: var(---primary-color);
}

.choice.custom[type=checkbox]:checked+label:before {
  background-image: none;
}

.choice.custom[type=radio]:checked+label {
  color: var(---primary-color);
}

.choice.custom[type=radio]:checked+label:before {
  background-color: var(---white-color);
}

.choice.image+label {
  position: relative;
  padding: 3px;
  width: 148px;
}

.choice.image+label b {
  position: relative;
  display: block;
}

.choice.image+label b img {
  width: 100%;
  border-radius: 5px;
}

.choice.image+label:before {
  width: 100%;
  min-height: 48px;
  border-radius: 3px;
  height: 100%;
  border: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
}

.choice.image[type=checkbox]:checked+label {
  color: var(---white-color);
}

.choice.image[type=checkbox]:checked+label:before {
  background-image: none;
}

.choice.image[type=radio]:checked+label {
  color: var(---primary-color);
}

.choice.image[type=radio]:checked+label:before {
  background-color: var(---white-color);
}

.pt-choice-tc {
  display: table;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.pt-choice-tc .form-group {
  margin-left: 0;
}

.pt-choice-tc .form-group:last-of-type {
  margin-bottom: 0;
}

.pt-logicspage .pt-new-survey-det,
.pt-newsurveypage .pt-new-survey-det,
.pt-editsurveypage .pt-new-survey-det {
  border: 1px solid #EEE;
  border-radius: 5px;
  padding: 24px;
  margin-bottom: 24px;
}

.pt-logicspage .pt-new-survey-det input[type=text],
.pt-newsurveypage .pt-new-survey-det input[type=text],
.pt-editsurveypage .pt-new-survey-det input[type=text] {
  margin-bottom: 8px;
}

.pt-logicspage .pt-new-survey-det .pt-radio-slide,
.pt-newsurveypage .pt-new-survey-det .pt-radio-slide,
.pt-editsurveypage .pt-new-survey-det .pt-radio-slide {
  padding: 8px 0 0 0;
}

.pt-logicspage .pt-new-survey-det .pt-radio-slide label,
.pt-newsurveypage .pt-new-survey-det .pt-radio-slide label,
.pt-editsurveypage .pt-new-survey-det .pt-radio-slide label {
  float: left;
  margin-right: 8px;
}

.pt-logicspage .pt-surveybg,
.pt-newsurveypage .pt-surveybg,
.pt-editsurveypage .pt-surveybg {
  background: #2a2b4a;
  padding: 48px;
}

.pt-logicspage .pt-surveybg .pt-survey,
.pt-newsurveypage .pt-surveybg .pt-survey,
.pt-editsurveypage .pt-surveybg .pt-survey {
  width: 100%;
}

.pt-logicspage .nav-tabs,
.pt-newsurveypage .nav-tabs,
.pt-editsurveypage .nav-tabs {
  padding: 0 32px;
  border-bottom: 2px solid #e1ebfe;
}

.pt-logicspage .nav-tabs .nav-item,
.pt-newsurveypage .nav-tabs .nav-item,
.pt-editsurveypage .nav-tabs .nav-item {
  margin-bottom: -2px;
  margin-right: 3px;
}

.pt-logicspage .nav-tabs .nav-item a,
.pt-newsurveypage .nav-tabs .nav-item a,
.pt-editsurveypage .nav-tabs .nav-item a {
  color: #aeb5c3;
  font-weight: 700;
  font-family: "Raleway";
}

.pt-logicspage .nav-tabs .nav-item a:hover,
.pt-newsurveypage .nav-tabs .nav-item a:hover,
.pt-editsurveypage .nav-tabs .nav-item a:hover {
  background: #f7faff;
}

.pt-logicspage .nav-tabs .nav-item.show .nav-link,
.pt-logicspage .nav-tabs .nav-link.active,
.pt-newsurveypage .nav-tabs .nav-item.show .nav-link,
.pt-newsurveypage .nav-tabs .nav-link.active,
.pt-editsurveypage .nav-tabs .nav-item.show .nav-link,
.pt-editsurveypage .nav-tabs .nav-link.active {
  color: #3a3b4e;
  background-color: var(---white-color);
  border-color: #9b9cb3 #e1ebfe var(---white-color);
  border-radius: 10px 10px 0 0;
}

.pt-logicspage .nav-tabs .nav-item.show .nav-link:hover,
.pt-logicspage .nav-tabs .nav-link.active:hover,
.pt-newsurveypage .nav-tabs .nav-item.show .nav-link:hover,
.pt-newsurveypage .nav-tabs .nav-link.active:hover,
.pt-editsurveypage .nav-tabs .nav-item.show .nav-link:hover,
.pt-editsurveypage .nav-tabs .nav-link.active:hover {
  background-color: var(---white-color);
}

.pt-logicspage .sceditor-container,
.pt-newsurveypage .sceditor-container,
.pt-editsurveypage .sceditor-container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  border: 1px solid #EEE !important;
}

.pt-logicspage .sceditor-container label,
.pt-newsurveypage .sceditor-container label,
.pt-editsurveypage .sceditor-container label {
  position: relative !important;
  font-size: 13px !important;
}

.pt-logicspage .sceditor-toolbar,
.pt-newsurveypage .sceditor-toolbar,
.pt-editsurveypage .sceditor-toolbar {
  text-align: center;
  display: table;
  margin: auto !important;
  border: 0;
  background-color: var(---white-color) !important;
  padding: 10px 8px 10px 12px !important;
  border-bottom: 1px solid #EEE !important;
}

.pt-logicspage div.sceditor-group,
.pt-newsurveypage div.sceditor-group,
.pt-editsurveypage div.sceditor-group {
  background: transparent !important;
  border: 1px solid #dcdcdc;
  padding: 2px 0 2px 2px !important;
}

.pt-logicspage a.sceditor-button,
.pt-newsurveypage a.sceditor-button,
.pt-editsurveypage a.sceditor-button {
  padding: 0;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 26px;
  background-color: var(---white-color);
  border-radius: 3px;
  margin-right: 2px;
}

.pt-logicspage .sceditor-button.active,
.pt-logicspage .sceditor-button:active,
.pt-logicspage .sceditor-button:hover,
.pt-newsurveypage .sceditor-button.active,
.pt-newsurveypage .sceditor-button:active,
.pt-newsurveypage .sceditor-button:hover,
.pt-editsurveypage .sceditor-button.active,
.pt-editsurveypage .sceditor-button:active,
.pt-editsurveypage .sceditor-button:hover {
  background: #F7F7F7 !important;
  box-shadow: 0 0 1px #00000030 inset !important;
  -webkit-box-shadow: 0 0 1px #00000030 inset !important;
}

.pt-logicspage .sceditor-container iframe,
.pt-logicspage .sceditor-container textarea,
.pt-newsurveypage .sceditor-container iframe,
.pt-newsurveypage .sceditor-container textarea,
.pt-editsurveypage .sceditor-container iframe,
.pt-editsurveypage .sceditor-container textarea {
  margin: 10px !important;
}

.pt-new-survey {
  padding: 48px;
}

.pt-new-survey .pt-btn[type=submit] {
  border: 1px solid #366ee8;
  outline: 0;
  display: block;
  width: 100%;
  font-size: 22px;
  height: 55px;
}

.pt-new-survey .fancy-button.bg-gradient5,
.pt-new-survey .fancy-button.bg-gradient6 {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 24px;
}

.pt-new-survey .fancy-button.bg-gradient5 span,
.pt-new-survey .fancy-button.bg-gradient6 span {
  display: block;
  padding: 18px;
}

.pt-new-survey .pt-new-step {
  text-align: center;
}

.pt-new-survey .pt-new-step i,
.pt-new-survey .pt-new-step svg {
  margin-right: 6px;
}

.pt-new-survey .pt-new-step-content,
.pt-new-survey .pt-welcome-step {
  background: #F7F7F7;
  padding: 24px;
  margin-bottom: 24px;
}

.pt-new-survey .pt-new-step-content h4,
.pt-new-survey .pt-welcome-step h4 {
  font-size: 18px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(---white-color);
  padding-bottom: 12px;
  position: relative;
}

.pt-new-survey .pt-new-step-content h4 a,
.pt-new-survey .pt-welcome-step h4 a {
  font-size: 12px;
  background-color: var(---primary-color);
  display: inline-block;
  color: var(---white-color);
  padding: 6px 8px;
  border-radius: 63px;
  position: absolute;
  right: 0;
  top: -4px;
  cursor: pointer;
}

.pt-new-survey .pt-new-question-content {
  padding: 12px;
  background-color: var(---white-color);
  margin-top: 6px;
  position: relative;
}

.pt-new-survey .pt-new-question-content .pt-question-inp {
  position: relative;
  padding-left: 24px;
}

.pt-new-survey .pt-new-question-content .pt-question-inp label {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  font-family: "Raleway";
}

.pt-new-survey .pt-new-question-content .pt-question-inp input,
.pt-new-survey .pt-new-question-content .pt-question-inp textarea {
  padding: 0 12px;
  height: 48px;
  border: 0;
  border-bottom: 1px solid #EEE;
  margin-bottom: 12px;
}

.pt-new-survey .pt-new-question-content .pt-question-inp input {
  height: 32px;
}

.pt-new-survey .pt-new-answers-content {
  border: 2px dotted #EEE;
  margin-top: 24px;
  padding: 12px;
  border-radius: 3px;
  position: relative;
}

.pt-new-survey .pt-new-answers-content .pt-add-answer-link {
  font-size: 12px;
  background-color: var(---primary-color);
  display: inline-block;
  color: var(---white-color);
  padding: 2px 8px;
  border-radius: 63px;
  position: absolute;
  right: 12px;
  top: 10px;
  cursor: pointer;
}

.pt-new-survey .pt-new-answers-content .pt-radio-slide {
  float: right;
  margin-right: 80px;
  margin-top: 4px;
}

.pt-new-survey .pt-new-answers-content .pt-radio-slide label {
  float: left;
  margin-right: 8px;
}

.pt-new-survey .pt-new-answers-content select {
  padding: 0;
  height: 35px;
  display: inline-block;
  width: 120px;
  position: absolute;
  right: 188px;
  top: 7px;
  border-radius: 50px !important;
  border: 1px solid #EEE;
}

.pt-new-survey .pt-new-answers-content .dropdown {
  width: 150px !important;
  position: absolute;
  right: 188px;
  top: 6px;
}

.pt-new-survey .pt-new-answers-content .dropdown .btn {
  height: 37px;
  margin: 0;
  padding: 0 18px;
  line-height: 34.5px;
}

.pt-new-survey .pt-new-answers-content .dropdown .dropdown-menu li {
  font-size: 13px;
}

.pt-new-survey .pt-new-answer-content {
  padding: 8px 12px 12px 12px;
  border: 3px solid #EEE;
  margin-top: 12px;
}

.pt-new-survey .pt-new-answer-content .imagecheckbox {
  padding-right: 26px;
}

.pt-new-survey .pt-new-answer-content .relative {
  position: relative;
}

.pt-new-survey .pt-new-answer-content .thumbnails {
  position: absolute;
  top: 5px;
  right: 49px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: 1px solid #dce4ec;
  border-radius: 3px;
}

.pt-new-survey .pt-new-answer-content .thumbnails img {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
}

.pt-new-survey .pt-new-answer-content .thumbnails div[data-upload-status=uploading] {
  width: 100% !important;
  height: 100% !important;
}

.pt-new-survey .pt-new-answer-content .thumbnails div[data-upload-status=uploading] .progress {
  border-radius: 0;
}

.pt-new-survey .pt-new-answer-content .thumbnails div[data-upload-status=uploading] .progress div {
  background: #3be938;
  display: block;
  margin: 0;
  height: 3px;
  position: relative;
}

.pt-new-survey .pt-new-answer-content .file-upload .file-select {
  margin: 5px 0;
  border-radius: 0 30px 30px 0;
  position: absolute;
  top: -5px;
  right: 0px;
  height: 40px;
  border-color: #e2ecfe;
  line-height: 22px;
  background: #e2ecfe;
}

.pt-new-survey .pt-new-answer-content .file-upload .file-select .file-select-button {
  height: 40px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  width: 40px;
  background: #e2ecfe;
  font-size: 14px;
  color: #3365d5;
}

.pt-new-survey .pt-new-answer-content .my {
  font-size: 12px;
  padding-left: 36px;
}

.pt-new-survey .pt-new-answer-content .changeicon {
  position: absolute;
  top: 12px;
  left: 32px;
}

.pt-new-survey .pt-new-answer-content input[type=text],
.pt-new-survey .pt-new-answer-content input[type=phone],
.pt-new-survey .pt-new-answer-content input[type=email] {
  height: 40px;
  margin-top: 6px;
}

.pt-new-survey .pt-new-answer-content input[type=text]:first-of-type,
.pt-new-survey .pt-new-answer-content input[type=phone]:first-of-type,
.pt-new-survey .pt-new-answer-content input[type=email]:first-of-type {
  margin-dtop: 0px;
}

.pt-new-survey .pt-new-answer-content .pt-checkbox-add {
  position: relative;
}

.pt-new-survey .pt-new-answer-content .pt-checkbox-add .form-group {
  margin: 0;
  margin-top: 12px;
}

.pt-new-survey .pt-new-answer-content .pt-checkbox-add input {
  position: absolute;
}

.pt-new-survey .pt-new-answer-content .pt-checkbox-add input[type=radio] {
  top: 6px;
}

.pt-new-survey .pt-new-answer-content .pt-checkbox-add input[type=text] {
  left: 20px;
  width: 200px;
  height: 27px;
  padding: 10px;
  font-size: 12px;
  color: #777;
  border: 0;
  border-bottom: 1px solid #DDD;
  margin-top: -1px;
  margin-left: 8px;
}

.pt-new-survey [class^=deleteboxquestion_],
.pt-new-survey [class^=deleteboxanswer_] {
  position: absolute;
  z-index: 2;
  background: #eb4343;
  color: var(---white-color);
  width: 22px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  left: -11px;
  top: -2px;
  box-shadow: 0 0 0 1px var(---white-color), 0 0 0 2px #f17878;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

.pt-new-survey [class^=boxanswer_],
.pt-new-survey [rel^=boxquestion_] {
  position: relative;
}

.pt-new-survey [class^=boxanswer_]:hover [class^=deleteboxanswer_] {
  opacity: 1;
  visibility: visible;
}

.pt-new-survey [rel^=boxquestion_]:hover [class^=deleteboxquestion_] {
  opacity: 1;
  visibility: visible;
}

.pt-new-survey .pt-new-survey-change .form-group+.form-group {
  margin-left: 0;
}

.pt-new-survey .pt-new-survey-change .choice.image+label {
  width: 123px;
}

.pt-new-survey .pt-link-loading {
  background: rgba(255, 255, 255, 0.2);
  display: inline-block;
  position: absolute;
  left: 14px;
}

.pt-design input[type=text],
.pt-design input[type=number],
.pt-design select {
  height: 32px;
  display: inline-block;
  width: auto;
  padding: 0 6px 0 12px;
}

.pt-design input[type=number] {
  width: 60px;
}

.pt-design .form-inline {
  box-shadow: 0 0 5px #EEE;
  padding: 12px;
}

.pt-design .form-inline .form-group:first-of-type label {
  font-weight: 700;
  min-width: 142px;
  justify-content: left;
}

.pt-design .form-inline .form-group .form-group label {
  font-weight: 400;
  min-width: auto;
}

.sp-input {
  height: 32px !important;
  border: 1px solid #DDD !important;
  border-radius: 3px !important;
}

.pt-logicspage .bootstrap-select .btn {
  height: 38px;
  line-height: 36px;
  padding: 0 12px;
  font-size: 13px;
}

.pt-logicspage .pt-new-answer-content label {
  margin: 10px 0;
}

.pt-loginpage,
body.pt-nouser {
  background-color: var(---primary-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23505'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}

.pt-login-c {
  width: 340px;
  height: 524px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pt-login {
  display: table;
  width: 340px;
  position: relative;
  position: absolute;
}

.pt-login .pt-logo img {
  height: 50px;
}

.pt-login .pt-social-login {
  border-top: 1px solid #EEE;
  padding-top: 12px;
  margin-top: 12px;
  text-align: center;
}

.pt-login .pt-social-login b {
  display: block;
  margin-bottom: 12px;
  color: #333;
}

.pt-login .pt-social-login a {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  width: 32px;
  text-align: center;
  border: 1px solid #333;
  color: #333;
  border-radius: 33px;
  transition: all 0.3s;
  margin: 0 2px;
}

.pt-login .pt-social-login a i {
  margin: 0;
}

.pt-login .pt-social-login a:hover {
  color: var(---white-color);
}

.pt-login .pt-social-login a:hover.facebook {
  background: #3b5998;
  border-color: #3b5998;
}

.pt-login .pt-social-login a:hover.twitter {
  background: #00acee;
  border-color: #00acee;
}

.pt-login .pt-social-login a:hover.google {
  background: #c4302b;
  border-color: #c4302b;
}

.pt-login .pt-logo {
  position: relative;
  overflow: hidden;
  padding: 24px 32px;
}

.pt-login .pt-logo span {
  float: left;
  background-color: var(---white-color);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 12px;
  text-align: center;
  line-height: 36px;
  font-size: 20px;
  color: var(---primary-color);
}

.pt-login .pt-logo b {
  color: var(---white-color);
  font-family: "Raleway";
  text-transform: uppercase;
  font-size: 16px;
  line-height: 35px;
}

.pt-login .pt-login-form {
  background-color: var(---white-color);
  padding: 24px;
  border-radius: 5px;
}

.pt-login .pt-login-form small {
  text-align: center;
  display: block;
  line-height: 20px;
  font-family: "Raleway";
  margin-top: 13px;
}

.pt-login .pt-login-form input {
  height: 52px;
}

.pt-login .pt-login-form .pt-form-i+.pt-form-i {
  margin-top: 6px;
}

.pt-login .pt-login-form .pt-form-i span.pt-icon i {
  box-shadow: none;
}

.pt-login .pt-login-footer {
  padding-top: 18px;
}

.pt-login .pt-login-footer .col:first-of-type {
  line-height: 40px;
}

.pt-login .pt-login-footer .col:first-of-type .form-group {
  margin: 0;
}

.pt-login .pt-login-footer .col:first-of-type .form-group label {
  font-size: 12px;
  margin: 0;
}

.pt-login .pt-login-footer .col:last-of-type {
  text-align: right;
}

.pt-login .pt-login-footer .col:last-of-type .pt-btn {
  margin: 0;
  line-height: 22px;
  padding: 0 24px;
  white-space: nowrap;
}

.pt-login .pt-footer {
  margin-top: 24px;
}

.pt-login .pt-footer a {
  color: #84a6ef;
}

.pt-login .alert {
  font-size: 11px;
  line-height: 18px;
}

.pt-signup {
  opacity: 0;
  left: -100%;
}

.pt-signup .pt-btn {
  width: 100%;
  margin: 0;
  height: 52px;
}

.pt-planspage .pt-title {
  text-align: center;
  padding: 68px 0 0 0;
}

.pt-planspage .pt-title h3 {
  font-size: 28px;
}

.pt-planspage .pt-title h3 span {
  border-radius: 50%;
  background-color: var(---white-color);
  width: 52px;
  height: 52px;
  text-align: center;
  line-height: 52px;
  box-shadow: 0 0 0 4px #eeeeff, 0 0 0 5px #292b4a;
  display: inline-block;
  border: 2px solid #292b4a;
  margin-bottom: 18px;
}

.pt-planspage .pt-title p {
  font-family: "Raleway";
}

.pt-plans {
  padding: 60px 24px;
}

.pt-plans .col:nth-of-type(3) {
  color: var(---white-color);
}

.pt-plans .col:nth-of-type(3) .pt-plan {
  transform: scale(1.05);
  background-color: var(---primary-color);
}

.pt-plans .col:nth-of-type(3) .pt-plan li:not(.alert-success) span {
  color: #5a5e9d;
}

.pt-plans .col:nth-of-type(3) .pt-plan .fancy-button span {
  background-color: var(---white-color);
  color: #3467d7;
  transform: scale(0.99);
}

.pt-plans .col:nth-of-type(3) .pt-plan .fancy-button:hover span {
  transform: scale(0.95);
}

.pt-plan {
  text-align: center;
  padding: 24px 12px;
  box-shadow: 0 0 9px #EEE;
  border-radius: 10px;
  transition: all 0.4s;
}

.pt-plan h6 {
  font-size: 52px;
}

.pt-plan h6 b {
  font-family: "Raleway";
}

.pt-plan h6 span {
  vertical-align: super;
  font-size: 22px;
  font-family: "Raleway";
}

.pt-plan ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 32px;
}

.pt-plan ul li {
  position: relative;
  text-align: left;
  margin-bottom: 0px;
  padding: 6px 10px;
  padding-left: 16px;
  border-radius: 30px;
}

.pt-plan ul li span {
  position: absolute;
  right: 12px;
  border-radius: 50%;
  background-color: var(---white-color);
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  top: 9px;
  font-size: 10px;
}

.pt-plan ul li.alert-success span {
  box-shadow: 0 0 0 3px #f0fdf3, 0 0 0 5px var(---white-color);
}

.pt-plan:hover {
  background-color: var(---white-color);
  transform: scale(1.03);
}

.pt-plan .fancy-button span {
  padding: 15px 30px;
}

.pt-dashboardpage {
  position: relative;
}

.pt-dashboardpage .form-group {
  margin: 0 0 12px 0;
}

.pt-dashboardpage .form-group label {
  font-weight: 700;
  margin-left: 10px;
}

.pt-dashboardpage .form-group input[type=text],
.pt-dashboardpage .form-group input[type=password],
.pt-dashboardpage .form-group select,
.pt-dashboardpage .form-group textarea {
  border-radius: 8px;
}

.pt-dashboardpage .pt-admin-nav {
  position: fixed;
  height: 100%;
  width: 160px;
  background: #2a2b4a;
}

.pt-dashboardpage .pt-admin-nav .pt-logo {
  background-color: var(---white-color);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  font-size: 24px;
  color: var(---primary-color);
  margin: 40px 0 0 30px;
  box-shadow: 0 0 0 4px #292b4a, 0 0 0 5px var(---white-color);
}

.pt-dashboardpage .pt-admin-nav ul {
  list-style: none;
  padding: 0;
  width: 50px;
  display: table;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}

.pt-dashboardpage .pt-admin-nav ul li a {
  position: relative;
  display: block;
  color: var(---white-color);
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  text-align: center;
  border-radius: 44px 0 0 44px;
  margin-left: -32px;
  transition: all 0.4s;
}

.pt-dashboardpage .pt-admin-nav ul li a i,
.pt-dashboardpage .pt-admin-nav ul li a svg {
  margin-right: 26px;
}

.pt-dashboardpage .pt-admin-nav ul li a b {
  font-size: 10px;
  position: absolute;
  /* z-index: 11111182; */
  /* color: #000; */
  left: -13px;
  top: 0px;
  font-weight: 200;
  text-align: center;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.pt-dashboardpage .pt-admin-nav ul li a:hover {
  background: #1d1f3c;
  color: #5c5f92;
}

.pt-dashboardpage .pt-admin-nav ul li a:hover b {
  visibility: visible;
  opacity: 1;
  top: 20px;
  color: var(---white-color);
}

.pt-dashboardpage .pt-admin-nav ul li.pt-active a {
  background-color: var(---white-color);
  color: #2a2b4a;
  margin-top: 6px;
  margin-bottom: 6px;
}

.pt-dashboardpage .pt-admin-nav ul li.pt-active a b {
  display: none;
}

.pt-dashboardpage .pt-admin-nav ul li.pt-active a:before,
.pt-dashboardpage .pt-admin-nav ul li.pt-active a:after {
  content: "";
  position: absolute;
  width: 27px;
  height: 35px;
  border-radius: 120px;
  border: 10px solid var(---white-color);
  border-width: 0px 0px 8px 0px;
  right: 2px;
}

.pt-dashboardpage .pt-admin-nav ul li.pt-active a:before {
  top: -29px;
  transform: rotate(-28deg);
}

.pt-dashboardpage .pt-admin-nav ul li.pt-active a:after {
  bottom: -28px;
  transform: rotate(210deg);
}

.pt-dashboardpage .pt-admin-body {
  background-color: var(---white-color);
  position: relative;
  height: 100%;
  width: 100%;
  right: -100px;
  top: 0;
  border-radius: 50px;
  padding: 68px;
  padding-right: 168px;
  padding-bottom: 0;
}

.pt-dashboardpage .pt-admin-body .pt-footer {
  padding: 32px 0;
  margin: 0 0;
}

.pt-dashboardpage .pt-admin-body .pt-welcome {
  position: relative;
  padding: 24px 60px;
  background: #6293f7;
  color: var(---white-color);
  border-radius: 90px;
  width: 60%;
  margin-bottom: 50px;
}

.pt-dashboardpage .pt-admin-body .pt-welcome h3 {
  font-size: 42px;
}

.pt-dashboardpage .pt-admin-body .pt-welcome p {
  font-size: 18px;
  color: #d1eeff;
}

.pt-dashboardpage .pt-admin-body .pt-welcome span {
  position: absolute;
  right: 50px;
  font-size: 148px;
  top: 45px;
  opacity: 0.2;
}

.pt-dashboardpage .pt-admin-body .pt-stats {
  margin-bottom: 60px;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li {
  float: left;
  width: 23%;
  margin-right: 2.6%;
  background: #F7F7F7;
  height: 80px;
  border-radius: 100px;
  text-align: center;
  font-size: 20px;
  line-height: 80px;
  position: relative;
  overflow: hidden;
  color: var(---white-color);
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li:last-of-type {
  margin: 0;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li span {
  display: inline-block;
  position: absolute;
  left: 10px;
  font-size: 88px;
  top: 6px;
  opacity: 0.2;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li b {
  display: inline-block;
  font-family: "Raleway";
  letter-spacing: 1.5px;
  font-size: 24px;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li em {
  display: inline-block;
  position: absolute;
  font-family: "Raleway";
  right: 18px;
  font-size: 24px;
  top: 10px;
  font-weight: 200;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(3) {
  background: #6c5ce7;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(2) {
  background: #00cec9;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(4) {
  background: #e84393;
}

.pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(1) {
  background: #fdcb6e;
}

.pt-dashboardpage .pt-admin-body .pt-charts {
  background: #f7f8ff;
  margin-bottom: 60px;
  padding: 24px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box {
  background-color: var(---white-color);
  padding: 12px;
  box-shadow: 0 0 10px #edeff7;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .alert {
  margin: 0;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box h5 {
  padding: 12px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box h5 i,
.pt-dashboardpage .pt-admin-body .pt-admin-box h5 svg {
  margin-right: 8px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content {
  max-height: 348px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content ul li {
  padding: 12px 24px;
  background: #f7f8ff;
  border-radius: 6px;
  margin-bottom: 2px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content .pt-thumb {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 12px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content .pt-thumb img {
  width: 100%;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content a {
  font-family: "Raleway";
  font-weight: 700;
  color: #292b4a;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content p {
  font-size: 12px;
  color: #888;
  margin: 0;
  line-height: 18px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content p span {
  display: inline-block;
  margin-right: 12px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content p span:last-of-type {
  margin-right: 0px;
}

.pt-dashboardpage .pt-admin-body .pt-admin-box .pt-content p span a {
  font-weight: 400;
}

.pt-dashboardpage .pt-admin-body .pt-body {
  margin: 2px 60px 0;
  box-shadow: 0px 0px 7px 3px rgba(95, 144, 250, 0.09);
}

.pt-dashboardpage .pt-admin-body .pt-body .pt-thumb {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 12px;
  float: left;
}

.pt-dashboardpage .pt-admin-body .pt-body .pt-thumb img {
  width: 100%;
}

.pt-dashboardpage .pt-admin-body .pt-plan-badg {
  display: inline-block;
  font-family: "Raleway";
  border-radius: 40px;
  padding: 0 6px;
  color: var(---white-color);
  font-weight: 700;
  font-size: 10px;
}

.pt-dashboardpage .pt-admin-body .pt-plan-badg.p0 {
  color: #888;
  font-weight: 400;
}

.pt-dashboardpage .pt-admin-body .pt-plan-badg.p1 {
  background: #00cec9;
}

.pt-dashboardpage .pt-admin-body .pt-plan-badg.p2 {
  background: #ff7675;
}

.pt-dashboardpage .pt-admin-body .pt-plan-badg.p3 {
  background: #6c5ce7;
}

.pt-dashboardpage .pt-admin-setting {
  padding: 24px;
}

.pt-dashboardpage .pt-admin-setting .form-group {
  margin: 0 0 12px 0;
}

.pt-dashboardpage .pt-admin-setting .form-group label {
  font-weight: 700;
  margin-left: 10px;
}

.pt-dashboardpage .pt-admin-setting .form-group input[type=text],
.pt-dashboardpage .pt-admin-setting .form-group input[type=password],
.pt-dashboardpage .pt-admin-setting .form-group select,
.pt-dashboardpage .pt-admin-setting .form-group textarea {
  border-radius: 8px;
}

.pt-dashboardpage .pt-admin-setting .cp-form-title {
  margin-top: 32px;
  font-size: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EEE;
  margin-bottom: 24px;
}

.pt-dashboardpage .pt-admin-setting button {
  padding: 0;
  margin: 32px 0;
}

.pt-dashboardpage .pt-admin-setting button span {
  border-radius: 9px;
}

.pt-dashboardpage .pt-admin-setting p {
  font-size: 12px;
  color: #e72d2d;
  margin: 0 6px;
}

.pt-dashboardpage .pt-admin-setting p i,
.pt-dashboardpage .pt-admin-setting p svg {
  margin-right: 6px;
}

.pt-dashboardpage .pt-plans {
  padding: 0;
  background-color: var(---white-color);
}

.pt-dashboardpage .pt-plans .pt-body {
  margin: 0;
  padding: 12px;
  min-height: auto;
}

.pt-dashboardpage .pt-plans .pt-link {
  padding: 48px 0;
}

.pt-dashboardpage .pt-plans input[type=text],
.pt-dashboardpage .pt-plans select,
.pt-dashboardpage .pt-plans textarea {
  height: 40px;
}

.pt-dashboardpage .pt-plans .pt-delete {
  padding: 6px 12px;
  margin: 3px;
  margin-top: 12px;
  border-radius: 3px;
  display: inline-block;
  font-weight: 700;
  font-family: "Raleway";
  cursor: pointer;
}

.pt-dashboardpage .pt-plans .pt-delete i {
  margin-right: 3px;
}

.pt-dashboardpage .pt-plans label {
  color: #000;
}

.pt-dashboardpage .pt-plans .pt-options {
  float: right;
  margin-top: -7px;
}

#pt-sendplan input[type=text],
#pt-sendplan select,
#pt-sendplan textarea {
  height: 40px;
}

#pt-sendplan label.pt-lb {
  width: 50%;
}

#pt-sendplan label.pt-lbs {
  width: 25%;
}

#pt-sendplan .mb-1 {
  width: 33%;
}

.pt-languagespage .pt-form .pt-box {
  border-radius: 10px;
  border: 1px solid #EEE;
  border-bottom: 2px solid #e1ebff;
  /* font-size: 14px; */
  /* display: block; */
  /* width: 100%; */
  padding: 2px 0px;
  /* background-color: var(---white-color); */
  /* resize: none; */
  height: 56px;
  color: #3c3c58;
  margin: 32px 0 0 !important;
  line-height: 51px;
}

.pt-languagespage .pt-form .pt-box .btn {
  margin-top: 3px !important;
}

.pt-languagespage .nav-tabs li a {
  padding: 6px 8px;
}

.pt-languagespage .pt-tab2 .nav-tabs {
  border: 1px solid #f5f5f5;
  padding: 2px;
  border-radius: 5px 5px 0 0;
}

.pt-languagespage .pt-tab2 .nav-item {
  font-size: 13px;
  margin: 1px;
}

.pt-languagespage .pt-tab2 .nav-item a {
  padding: 5px 6px;
  background: #f3f7ff;
  color: #2a2b4a;
  border: 1px solid #e2e3f5 !important;
  border-radius: 4px !important;
  font-weight: 700;
}

.pt-languagespage .pt-tab2 .nav-item a:hover {
  background: #fefefe;
}

.pt-languagespage .pt-tab2 .nav-item a.active {
  background-color: var(---white-color);
}

.pt-languagespage .pt-tab2 .tab-content {
  border: 1px solid #f5f5f5;
  padding: 10px 0;
  border-radius: 0 0 5px 5px;
  margin-top: -1px;
}

.pt-languagespage .pt-textzebra {
  line-height: 30px;
  background: linear-gradient(0deg, #F5F5F5 52%, var(---white-color) 52%);
  background-size: 100% 60px;
  padding: 0 15px;
  border: 1px solid #F5F5F5;
  height: 392px;
}

.pt-languagespage .pt-textzebra:hover::-webkit-scrollbar {
  width: 6px;
  visibility: visible;
}

.pt-languagespage .pt-textzebra::-webkit-scrollbar {
  width: 0px;
}

.pt-languagespage .pt-textzebra::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
}

.pt-languagespage .pt-textzebra::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(87, 149, 255, 0.45);
}

#thumbnails1,
#thumbnails2 {
  background: #F7F7F7;
  margin: 12px 0;
  border-radius: 3px;
  display: inline-block;
  padding: 12px;
  max-width: 60%;
  overflow: hidden;
}

#thumbnails1 img,
#thumbnails2 img {
  border-radius: 3px;
  width: 100%;
}

.pt-editorpage .pt-body {
  padding-bottom: 48px;
}

.pt-editorpage .form-group+.form-group {
  margin-left: 0;
}

.pt-surveyeditor {
  padding: 24px;
  position: relative;
  display: flex;
  gap: 30px 2%;
}

.pt-surveyeditor .pt-editorbuttons {
  width: 23%;
  background: var(---gray-medium);
  height: 100%;
  padding: 15px;
  border-radius: 10px;
}

.pt-editorbuttons.active {
  position: fixed;
  top: 30px;
  width: calc(100% - 79.5%);
  height: auto;
}

.pt-editorcontents.active {
  margin-right: 0;
  margin-left: auto;
}

.pt-surveyeditor .pt-editorbuttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 2%;
}


.pt-surveyeditor .pt-editorbuttons ul li {
  width: 49%;
}

.pt-surveyeditor .pt-editorbuttons ul li a {
  display: block;
  width: 100%;
  padding: 6px 0;
  text-align: center;
  background-color: var(---white-color);
  box-shadow: 0 5px 10px #EEE;
  margin: 2px;
  color: var(---black-color-small);
  cursor: pointer;
  transition: all .3s ease;
  border-radius: 5px;
}

.pt-surveyeditor .pt-editorbuttons ul li a:hover {
  background-color: var(---primary-color-shade);
  color: var(---primary-color);
}

.pt-surveyeditor .pt-editorbuttons ul li a span {
  display: block;
  font-size: 22px;
  padding: 3px 0;
}

.pt-surveyeditor .pt-editorbuttons ul li a b {
  font-weight: 400;
  font-family: "Raleway";
  display: block;
  padding: 3px 0;
}

.pt-surveyeditor .pt-editornavs {
  margin-top: 32px;
  /* margin-bottom: -24px; */
}

.pt-surveyeditor .pt-editornavs a {
  display: inline-block;
  background-color: var(---white-color);
  border: 1px solid #EEE;
  border-bottom: 2px solid #EEE;
  border-radius: 6px 6px 0 0;
  margin: 0 3px;
  padding: 12px;
  font-weight: 700;
  font-family: "Raleway";
  color: #999;
  cursor: pointer;
  transition: all 300ms;
}

.pt-surveyeditor .pt-editornavs a.pt-active {
  background: var();
  color: #2a2b4a;
  border: 1px solid #2a2b4a;
  border-bottom: 2px solid #F7F7F7;
}

.pt-surveyeditor .pt-editornavs a.relative {
  position: relative;
  padding-right: 32px;
}

.pt-surveyeditor .pt-editornavs a.relative .pt-textinfo {
  right: 9px;
  top: 16px;
  background: #c9c9c9;
  color: #6a6969;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  width: 16px;
  text-align: center;
  border-radius: 50px;
  font-weight: 300;
}

.pt-surveyeditor .pt-editornavs a.relative .pt-textinfo p {
  width: 220px;
  padding: 8px;
}

.pt-surveyeditor .pt-editorsubmit {
  padding: 24px;
  text-align: right;
}

.pt-surveyeditor .pt-editorsubmit button {
  border: 0;
  height: 53px;
  padding: 0 32px;
  border-radius: 35px;
  font-weight: 700;
  font-family: "Raleway";
  font-size: 16px;
  transition: all .3s ease;
}

.pt-surveyeditor .pt-editorcontents {
  min-height: 300px;
  width: 75%;
  background-color: var(---gray-medium);
  border-radius: 10px;
}

.pt-surveyeditor .pt-editorcontents .pt-new-break {
  border: 1px dashed #EEE;
  position: relative;
}

.pt-surveyeditor .pt-editorcontents .pt-new-break span {
  position: absolute;
  left: 45%;
  top: -12px;
  background: #F7F7F7;
  color: #999;
  font-family: "Raleway";
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
}

.pt-surveyeditor .pt-editorcontents .pt-editorheader {
  padding: 24px 24px 0 24px;
}

.pt-surveyeditor .pt-editorcontents .pt-editorheader .pt-new-survey-det .pt-form-i {
  margin-bottom: 12px;
}

.pt-surveyeditor .pt-editorcontents .pt-editorheader .pt-new-survey-det .pt-form-i span.pt-icon i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}

.pt-surveyeditor .pt-editorcontents .pt-radio-slide {
  line-height: 26px;
  padding: 0;
  margin: 11px 0 0 0;
  font-family: "Raleway";
}

.pt-surveyeditor .pt-editorcontents .pt-radio-slide label {
  margin-right: 14px;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 300ms;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody.pt-active {
  visibility: visible;
  opacity: 1;
  height: auto;
  padding: 0 24px 24px 24px;
  overflow: initial;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody.pt-editornavpreview {
  background: var(---gray-medium);
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up:after {
  content: "";
  clear: both;
  display: block;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload {
  position: relative;
  width: 19.2%;
  float: left;
  margin-right: 1%;
  margin-bottom: 8px;
  height: 110px;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload:nth-of-type(5n) {
  margin-right: 0%;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload .file-select {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 5px;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload .file-select .file-select-button {
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "Raleway";
  opacity: 0.3;
  border-radius: 5px;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload .pt-image-thumb {
  height: 110px;
  background: #EEE;
  border-radius: 5px;
  box-shadow: 0 3px 5px #EEE;
  border: 2px solid #EEE;
  overflow: hidden;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload .pt-image-thumb div,
.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-images-up .pt-image-upload .pt-image-thumb img {
  width: 100% !important;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-drageinfo {
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 12px;
  padding: 54px 0;
  border-radius: 5px;
  background-color: var(---white-color);
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content {
  background-color: var(---white-color);
  padding: 32px;
  box-shadow: 0 5px 10px #eee;
  border-radius: 5px;
  margin: 0 0 24px 0;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content h4 {
  font-size: 18px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(---white-color);
  padding-bottom: 12px;
  position: relative;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-badge {
  padding: 2px 6px;
  margin-right: 3px;
  margin-bottom: 12px;
  display: inline-block;
  font-family: "Raleway";
  color: rgba(0, 0, 0, 0.6);
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-badge:first-of-type {
  border-radius: 3px 0 0 3px;
  font-weight: 700;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-badge:last-of-type {
  border-radius: 0 3px 3px 0;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-options {
  position: absolute;
  right: 0;
  top: 0;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-options .pt-badge {
  color: var(---gray-dark);
  cursor: pointer;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-options .pt-disabled {
  cursor: no-drop;
  opacity: 0.5;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .relative {
  position: relative;
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content input[type=text],
.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content textarea {
  border-radius: 6px;
  height: 38px;
  margin-bottom: 6px;
  border-width: 0 0 1px 0;
  font-family: "Raleway";
}

.pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content textarea {
  height: 88px;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview h5 {
  line-height: 24px;
  margin-bottom: 24px;
  margin-top: 23px;
  border-top: 1px solid #e7f2ff;
  padding-top: 24px;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview h5:first-of-type {
  margin-top: 0;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview .choice+label {
  background: #f6faff;
  width: 100%;
  padding: 12px;
  border-radius: 5px;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview .choice:not(:checked)+label:before {
  border: 2px solid #2a2b4a;
  background-color: var(---white-color);
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview input[type=text],
.pt-surveyeditor .pt-editorcontents .pt-editornavpreview textarea,
.pt-surveyeditor .pt-editorcontents .pt-editornavpreview select,
.pt-surveyeditor .pt-editorcontents .pt-editornavpreview input[type=date] {
  width: 100%;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview input[type=text],
.pt-surveyeditor .pt-editorcontents .pt-editornavpreview select,
.pt-surveyeditor .pt-editorcontents .pt-editornavpreview input[type=date] {
  height: 50px !important;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview .pt-form-inline:after {
  content: "";
  clear: both;
  display: block;
}

.pt-surveyeditor .pt-editorcontents .pt-editornavpreview .pt-form-inline .pt-form-group {
  display: table;
  float: left;
}

.pt-survey-answers .pt-form-group p {
  margin: 2px 0 0;
}

.pt-survey-answers .pt-form-group+.pt-form-group {
  margin-top: 2px;
}

#example-async .steps ul li.done+.skip {
  background: #18e48f;
  padding: 0;
}

.pt-pnote {
  font-size: 10px;
  font-weight: 600;
  color: #999;
}

.pt-pnote i {
  color: var(---primary-color);
}

.pt-textinfo {
  position: absolute;
  right: 26px;
  top: 15px;
}

.pt-textinfo i {
  cursor: pointer;
}

.pt-textinfo i:hover+p {
  visibility: visible;
  opacity: 1;
}

.pt-textinfo p {
  width: 250px;
  position: absolute;
  right: 16px;
  top: -4px;
  background: #2a2b4a;
  color: var(---white-color);
  font-family: "Raleway";
  font-size: 12px;
  line-height: 19Px;
  padding: 4px 8px;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms;
  z-index: 6;
  font-weight: 400;
}

.pt-textinfo p:before {
  content: "";
  right: -4px;
  top: 10px;
  border-left: 5px solid #000;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
}

.pt-editor-answers b {
  font-size: 13px;
  display: block;
  padding: 10px 10px 0 10px;
  margin: 12px 0;
  border-top: 2px solid #e1ebff;
  border-bottom: 2px solid #e1ebff;
  background: #fafbff;
}

.pt-editor-answers b .pt-addnewanswer {
  font-size: 11px;
  font-weight: 400 !important;
  padding: 0 5px !important;
  border-radius: 3px !important;
  cursor: pointer;
  margin-left: 8px;
}

.pt-editor-answers .pt-delete {
  font-size: 10px;
  line-height: 22px;
  padding: 0 5px !important;
  border-radius: 3px !important;
  color: var(---white-color) !important;
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 11px;
  cursor: pointer;
}

.pt-radio-slide b {
  position: relative;
}

.pt-radio-slide .pt-textinfo {
  right: -22px;
  top: -3px;
}

.ui-draggable.ui-draggable-handle {
  z-index: 116 !important;
}

.pt-warning-badge {
  font-size: 8px;
  color: var(---white-color)2f2;
  margin-left: 25px;
  display: table;
  background: red;
  font-family: "Raleway";
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0 12px;
  text-transform: uppercase;
  border-radius: 0 0 5px 5px;
  line-height: 19px;
}

.pt-error-field input,
.pt-error-field textarea {
  border-color: red !important;
  margin-bottom: 0 !important;
}

.full-stars-example-two,
.pt-likertscale {
  /* use display:inline-flex to prevent whitespace issues. alternatively, you can put all the children of .rating-group on a single line */
  /* make hover effect work properly in IE */
  /* hide radio inputs */
  /* hide 'none' input from screenreaders */
  /* set icon padding and size */
  /* set default star color */
  /* if any input is checked, make its following siblings grey */
  /* make all stars orange on rating group hover */
  /* make hovered input's following siblings grey on hover */
}

.full-stars-example-two .rating-group,
.pt-likertscale .rating-group {
  display: inline-flex;
}

.full-stars-example-two .rating__icon,
.pt-likertscale .rating__icon {
  pointer-events: none;
}

.full-stars-example-two .rating__input,
.pt-likertscale .rating__input {
  position: absolute !important;
  left: -9999px !important;
}

.full-stars-example-two .rating__input--none,
.pt-likertscale .rating__input--none {
  display: none;
}

.full-stars-example-two .rating__label,
.pt-likertscale .rating__label {
  cursor: pointer;
  padding: 0 0.1em;
  font-size: 2rem;
}

.full-stars-example-two .rating__icon--star,
.pt-likertscale .rating__icon--star {
  color: orange;
}

.full-stars-example-two .rating__input:checked~.rating__label .rating__icon--star,
.pt-likertscale .rating__input:checked~.rating__label .rating__icon--star {
  color: #ddd;
}

.full-stars-example-two .rating-group:hover .rating__label .rating__icon--star,
.pt-likertscale .rating-group:hover .rating__label .rating__icon--star {
  color: orange;
}

.full-stars-example-two .rating__input:hover~.rating__label .rating__icon--star,
.pt-likertscale .rating__input:hover~.rating__label .rating__icon--star {
  color: #ddd;
}

.pt-likertscale {
  position: relative;
  margin-bottom: 48px;
}

.pt-likertscale .rating-group {
  width: 100%;
  border: 2px solid #6066a9;
  border-radius: 15px;
}

.pt-likertscale .rating-group label {
  width: 10%;
  display: block;
  text-align: center;
  background: #f6faff;
  font-size: 20px;
  padding: 16px 0;
  margin: 0;
  margin-left: 2px;
}

.pt-likertscale .rating-group label:first-of-type {
  border-radius: 15px 0 0 15px;
}

.pt-likertscale .rating-group label:last-of-type {
  border-radius: 0 15px 15px 0;
}

.pt-likertscale .rating-group label i {
  font-style: normal;
  font-family: "Raleway";
  font-weight: 600;
}

.pt-likertscale .rating-group:hover .rating__label .rating__icon--star {
  color: #000;
}

.pt-likertscale .rating__input:hover~.rating__label .rating__icon--star {
  color: #ddd;
}

.pt-likertscale .rating__icon--star {
  color: #000;
}

.pt-likertscale .pt-likelynot,
.pt-likertscale .pt-likelyneutral,
.pt-likertscale .pt-likelyext {
  position: absolute;
  bottom: -24px;
  font-size: 12px;
  font-weight: 600;
  color: #8d90bb;
  font-family: "Raleway";
}

.pt-likertscale .pt-likelynot.pt-likelynot,
.pt-likertscale .pt-likelyneutral.pt-likelynot,
.pt-likertscale .pt-likelyext.pt-likelynot {
  left: 12px;
}

.pt-likertscale .pt-likelynot.pt-likelyneutral,
.pt-likertscale .pt-likelyneutral.pt-likelyneutral,
.pt-likertscale .pt-likelyext.pt-likelyneutral {
  left: 48%;
}

.pt-likertscale .pt-likelynot.pt-likelyext,
.pt-likertscale .pt-likelyneutral.pt-likelyext,
.pt-likertscale .pt-likelyext.pt-likelyext {
  right: 12px;
}

.pt-form-inline.pt-col1 .pt-form-group {
  width: 100%;
}

.pt-form-inline.pt-col2 .pt-form-group {
  width: 49.4%;
}

.pt-form-inline.pt-col3 .pt-form-group {
  width: 32.76%;
}

.pt-form-inline.pt-col4 .pt-form-group {
  width: 24%;
}

.pt-form-inline.pt-col4 .pt-form-group .choice.image+label b {
  height: 205px;
}

.pt-form-inline.pt-col5 .pt-form-group {
  width: 19.4%;
}

.pt-form-inline.pt-col5 .pt-form-group .choice.image+label b {
  height: 205px;
}

.pt-form-inline.pt-col6 .pt-form-group {
  width: 16%;
}

.pt-form-inline.pt-col7 .pt-form-group {
  width: 13.7%;
}

.pt-editornavlogics .pt-editorloginitem {
  background-color: var(---white-color);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  padding: 12px;
}

.pt-editornavlogics .pt-editorloginitem:after {
  content: "";
  display: block;
  clear: both;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol {
  float: left;
  margin-bottom: 5px;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol .pt-btn {
  width: 92%;
  height: 36px;
  line-height: 36px;
  color: var(---white-color);
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(1) {
  width: 15%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(2) {
  width: 70%;
  margin-left: 1%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(3) {
  width: 13%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(4) {
  width: 15%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(5) {
  width: 44%;
  margin-left: 1%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(6) {
  width: 13%;
  margin-left: 1%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol:nth-of-type(7) {
  width: 25%;
  margin-left: 1%;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol input {
  height: 36px;
}

.pt-editornavlogics .pt-editorloginitem .pt-editorloginitemcol .dropdown.bootstrap-select .btn {
  line-height: 19px;
  height: 36px;
}

.pt-new-break-d {
  padding: 2px 4px;
  font-size: 10px;
  border-radius: 3px;
  color: var(---white-color) !important;
  margin: 0 8px;
}

.pt-imagefile-upload .file-select {
  background: #f6faff;
  height: 72px;
  border-radius: 5px;
  border-color: #e1ebff;
}

.pt-imagefile-upload .file-select-button {
  height: 72px;
  line-height: 72px;
  width: 100%;
  text-align: center;
  background: transparent;
}

.pt-logicsoptions span {
  font-size: 12px;
  display: inline-block;
  border: 1px dashed black;
  padding: 0 9px;
  line-height: 30px;
}

.pt-logicsoptions span.pt-delete {
  cursor: pointer;
}

.pt-logicsoptions span:nth-of-type(1) {
  width: 66px;
  text-align: center;
}

.pt-logicsoptions span:nth-of-type(2),
.pt-logicsoptions span:nth-of-type(4) {
  width: 212px;
}

.pt-logicsoptions span:nth-of-type(6) {
  width: 152px;
}

.pt-logicsoptions span:nth-of-type(6) em {
  width: 90px;
}

.pt-logicsoptions span:nth-of-type(5) {
  width: 106px;
}

.pt-logicsoptions span em {
  display: inline-block;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  line-height: 15px;
  height: 14px;
  margin-bottom: -2px;
}

.pt-sharesurvey {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}

.pt-sharesurvey a {
  color: #999;
  padding: 3px 5px;
  display: inline-block;
  font-size: 12px;
  border-radius: 3px;
  font-family: "Raleway";
  text-align: left;
}

.pt-sharesurvey a i {
  margin-right: 3px;
}

.pt-sharesurvey:hover {
  background: #F7F7F7;
}

.pt-sharesurvey:hover ul {
  visibility: visible;
  opacity: 1;
  top: 31px;
}

.pt-sharesurvey:hover a {
  color: #333;
}

.pt-sharesurvey ul {
  position: absolute;
  background-color: var(---white-color);
  list-style: none;
  padding: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  width: 124px;
  padding: 6px 8px;
  right: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms;
  top: 38px;
}

.pt-sharesurvey ul li {
  border-bottom: 1px solid #EEE;
}

.pt-sharesurvey ul li:last-of-type {
  border-bottom: 0;
}

.pt-sharesurvey ul li a {
  color: #333;
  display: block;
  background-color: var(---white-color);
  box-shadow: none;
  padding: 1px 5px;
  transition: all 300ms;
  margin: 1px;
}

.pt-sharesurvey ul li a:hover {
  color: #4c4e74;
  background: #F7F7F7;
}

/**
 * Tooltip Styles
 */
.tooltip {
  font-size: 10px !important;
}

tr.pt-response {
  cursor: pointer;
}

tr.pt-response .pt-rscale,
tr.pt-response .pt-rscale-a {
  width: 10px;
  height: 10px;
  line-height: 10px;
  color: var(---white-color);
  font-weight: 400;
  font-size: 7px;
}

.pt-userdetailspage .pt-body {
  padding-bottom: 24px;
}

.pt-userdetails {
  width: 600px;
  margin: auto;
  box-shadow: 0 0 10px #EEE;
  padding: 20px;
}

.pt-userdetails .form-inline {
  margin: 12px 12px;
}

.pt-userdetails .badge {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 22px;
  margin-bottom: 20px;
}

.pt-userdetails .row {
  margin-bottom: 12px;
}

.pt-userdetails #thumbnails {
  background: #F7F7F7;
  margin: 12px 0;
  border-radius: 3px;
  display: table;
  padding: 12px;
}

.pt-userdetails #thumbnails .nophoto {
  width: 150px;
  height: 150px;
}

.pt-userdetails .pt-link {
  margin: 24px 0;
}

.pt-userdetails .pt-link button {
  padding: 0;
}

.pt-survey-tabs {
  border-bottom: 2px solid #f4f8fa;
}

.pt-survey-tabs a {
  color: #9697b3;
  display: inline-block;
  padding: 6px 12px;
  margin: 0 6px;
  font-weight: 600;
}

.pt-survey-tabs a:first-of-type {
  margin-left: 24px;
}

.pt-survey-tabs a.active {
  background: #f4f8fa;
  color: #2a2b4a;
  border-radius: 15px 15px 0 0;
}

.px-btn {
  border-radius: 50%;
  font-size: 0px;
  padding: 0;
  width: 12px !important;
  height: 12px;
  border: 0 !important;
  background: #EEE !important;
  margin: 2px;
}

.px-btn.selected {
  background-color: var(---primary-color) !important;
}

label {
  display: block;
}

input[type=text],
input[type=password],
input[type=phone],
input[type=email],
input[type=number],
select,
textarea,
.bootstrap-select .btn,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-radius: 10px;
  border: 1px solid #878787;
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 8px 18px;
  background-color: var(---white-color);
  resize: none;
  height: 126px;
  color: #3c3c58;
  outline: none !important;
}

input[type=text]:not(textarea),
input[type=password]:not(textarea),
input[type=phone]:not(textarea),
input[type=email]:not(textarea),
input[type=number]:not(textarea),
select:not(textarea),
textarea:not(textarea),
.bootstrap-select .btn:not(textarea),
.select2-container--default .select2-selection--multiple:not(textarea),
.select2-container--default.select2-container--focus .select2-selection--multiple:not(textarea) {
  height: 56px;
  border-radius: 5px;
}

input[type=text]:focus,
input[type=text]:active,
input[type=password]:focus,
input[type=password]:active,
input[type=phone]:focus,
input[type=phone]:active,
input[type=email]:focus,
input[type=email]:active,
input[type=number]:focus,
input[type=number]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:active,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:active,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:active {
  outline: none !important;
}

.pt-form-i {
  position: relative;
}

.pt-form-i input[type=text],
.pt-form-i input[type=password],
.pt-form-i input[type=phone],
.pt-form-i input[type=email],
.pt-form-i select,
.pt-form-i textarea,
.pt-form-i .bootstrap-select .btn {
  padding-left: 52px;
}

.pt-form-i span.pt-icon {
  position: absolute;
  top: 14px;
  left: 16px;
  z-index: 1;
  width: 28px;
  height: 32px;
  display: inline-block;
}

.pt-form-i span.pt-icon i {
  display: inline-block;
  border-radius: 20px;
  box-shadow: 0 0 0 1px var(---white-color), 0 0 0 3px #e2ecfe;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}

.pt-form-phone .dropdown.bootstrap-select {
  position: absolute;
  left: 46px;
  top: 14px;
  width: 66px !important;
}

.pt-form-phone .dropdown.bootstrap-select .btn {
  width: 76px;
  padding: 4px 8px;
  height: 28px;
  line-height: 20px;
  border: 0;
  background: #F7F7F7;
  font-size: 12px;
}

.pt-form-phone .dropdown.bootstrap-select .btn .filter-option-inner-inner {
  font-family: "Raleway";
}

.pt-form-phone .dropdown.bootstrap-select .btn .filter-option-inner-inner i {
  margin-right: 2px;
}

.pt-form-phone input[type=phone] {
  padding-left: 130px;
  font-family: "Raleway";
}

.pt-radio-slide {
  position: relative;
  padding: 0 0 0 50px;
  line-height: 20px;
}

.pt-radio-slide+.pt-radio-slide {
  margin-top: 8px;
}

.iconpicker-popover.in {
  opacity: 1;
}

* {
  outline: none !important;
}

.bootstrap-select .btn {
  line-height: 37px;
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
  margin-left: -10px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}

.dropdown-menu {
  border: 1px solid #EEE;
  border-radius: 10px;
}

.bootstrap-select .dropdown-menu.inner {
  padding: 0 6px;
}

.bootstrap-select .dropdown-menu.inner li a {
  border-radius: 50px;
  transition: all 0.3s;
}

.bootstrap-select .dropdown-menu.inner li a:hover {
  color: var(---primary-color-shade);
  background-color: var(---primary-color);
}

.bootstrap-select .dropdown-menu.inner li.selected.active a {
  background-color: var(---primary-color);
  color: var(---white-color);
}

.bs-searchbox input {
  height: 32px !important;
  padding: 12px !important;
  margin-bottom: 8px !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none !important;
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: 0px !important;
}

.alert-danger {
  color: #da747d;
  background-color: #fff5f6;
  border-color: #fff2f3;
}

.alert-success {
  color: #57b56d;
  background-color: #f0fdf3;
  border-color: #e4f9e9;
}

.alert-warning {
  color: #d4b458;
  background-color: #fffbef;
  border-color: #fff5d5;
}

.alert-info {
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
  border-color: var(---primary-color-shade);
}

.bg-primary {
  background-color: var(---primary-color) !important;
}

.bg-v {
  color: var(---white-color) !important;
  background: #b864f7 !important;
  box-shadow: 0 3px 10px rgba(133, 0, 255, 0.5) !important;
}

.bg-gr {
  color: var(---green-color-shade) !important;
  background: var(---green-color) !important;
  box-shadow: 0 3px 10px var(---green-color-shade) !important;
}

.bg-gy {
  background: var(---gray-medium-dark) !important;
  box-shadow: 0 3px 10px var(---gray-smallDark) !important;
}

.bg-o {
  color: var(---black-color-small) !important;
  background: #ff9f0e !important;
  box-shadow: 0 3px 10px rgba(255, 159, 14, 0.5) !important;
}

.bg-r {
  color: var(---white-color) !important;
  background: var(---red-color) !important;
  box-shadow: 0 3px 10px var(---red-color-shade) !important;
}

.bg-bl {
  color: var(---white-color) !important;
  background: #3498DB !important;
  box-shadow: 0 3px 10px rgba(52, 152, 219, 0.5) !important;
}

.bg-or {
  color: var(---black-color-small) !important;
  background: #F1C40F !important;
  box-shadow: 0 3px 10px rgba(241, 196, 15, 0.5) !important;
}

.bg-grr {
  background: #95A5A6 !important;
  box-shadow: 0 3px 10px rgba(149, 165, 166, 0.5) !important;
}

.bg-pn {
  color: var(---white-color) !important;
  background: #F06292 !important;
  box-shadow: 0 3px 10px rgba(240, 98, 146, 0.5) !important;
}

.bg-vv {
  color: var(---white-color) !important;
  background: #7E57C2 !important;
  box-shadow: 0 3px 10px rgba(126, 87, 194, 0.5) !important;
}

.bg-bb {
  background: #00BCD4 !important;
  box-shadow: 0 3px 10px rgba(0, 188, 212, 0.5) !important;
}

.bg-gr1 {
  color: var(---black-color-small) !important;
  background: #CDDC39 !important;
  box-shadow: 0 3px 10px rgba(205, 220, 57, 0.5) !important;
}

.bg-yy {
  color: var(---black-color-small) !important;
  background: #FFEB3B !important;
  box-shadow: 0 3px 10px rgba(255, 235, 59, 0.5) !important;
}

.bg-bro {
  background: #b3897a !important;
  box-shadow: 0 3px 10px rgba(179, 137, 122, 0.5) !important;
}

.hidden {
  display: none;
}

.pt-responsespage .pt-breadcrump {
  margin: 8px 0 0;
}

.afterDisabled {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  cursor: no-drop;
  background: rgba(255, 255, 255, 0.3);
}

.pt-surveypage .pt-breadcrump,
.pt-reportpage .pt-breadcrump {
  margin: 0;
}

.pt-surveypage .pt-title,
.pt-reportpage .pt-title {
  padding: 12px 24px;
}

.pt-surveypage .pt-title .pt-options,
.pt-reportpage .pt-title .pt-options {
  top: -46px;
}

.pt-surveypage .pt-breadcrump {
  margin-top: -12px;
}

.pt-editorpage .pt-breadcrump,
.pt-pagespage .pt-breadcrump {
  margin: 8px 0 0;
}

#pt-send-signup p {
  padding: 18px 0 1px 0;
}

#pt-send-signup .modal-body {
  padding: 24px;
}

@media only screen and (max-width: 420px) {
  .pt-footer-ads img {
    max-width: 100%;
  }

  .pt-footer .pt-lang {
    margin-bottom: 12px;
    margin-top: 24px;
  }

  .pt-header .pt-menu .pt-links-r ul li a.pt-btn {
    font-size: 0;
    width: 26px;
    margin-left: 5px;
    text-align: center;
    padding: 0;
    height: 26px;
    line-height: 34px;
    margin-top: 7px;
    display: none;
  }

  .pt-header .pt-menu .pt-links-r ul li a.pt-btn i {
    font-size: 14px;
  }

  .pt-header .pt-header-ads {
    padding-bottom: 154px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pt-header .pt-header-ads img {
    max-width: 100%;
    min-height: 68px;
  }

  .pt-header .pt-menu {
    height: 62px;
    padding: 24px 24px;
  }

  .pt-header .pt-menu .pt-logo {
    height: 34px;
    margin-top: 0;
  }

  .pt-header .pt-menu .pt-links-r {
    padding: 0;
  }

  .pt-header .pt-menu .pt-links-l {
    position: relative;
  }

  .pt-header .pt-menu .pt-links-l .pt-mobile-menu {
    font-weight: 900;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #141524;
    display: inline-block;
    position: absolute;
    top: 4px;
    border-radius: 5px;
    color: var(---white-color);
    cursor: pointer;
  }

  .pt-header .pt-menu .pt-links-l ul {
    position: absolute;
    top: 50px;
    width: 166px;
    background: #141524;
    z-index: 2;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    height: auto;
  }

  .pt-header .pt-menu .pt-links-l ul.open {
    visibility: visible;
    opacity: 1;
    top: 30px;
  }

  .pt-header .pt-menu .pt-links-l ul li {
    float: none;
    height: auto;
    margin: 0;
    border: 0 !important;
    background: none;
  }

  .pt-header .pt-menu .pt-links-l ul li a {
    line-height: 22px;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #2a2b4a;
  }

  .pt-header .pt-menu .pt-links-l ul li a:last-of-type {
    border: 0;
  }

  .pt-header .pt-menu .pt-links-r .pt-user {
    font-size: 0;
  }

  .pt-body {
    margin: -132px 8px 0;
  }

  .pt-body.pt-suif {
    margin: 8px 8px 0;
    min-height: 284px;
    padding: 0;
  }

  .pt-footer {
    margin: 0 50px 29px 50px;
    font-size: 11px;
  }

  .pt-indexpage .table tbody td,
  .pt-indexpage .table thead th {
    display: none;
    font-size: 11px;
  }

  .pt-indexpage .table tbody td:nth-of-type(1),
  .pt-indexpage .table tbody td:nth-of-type(3),
  .pt-indexpage .table tbody td:last-of-type {
    display: table-cell;
  }

  .pt-indexpage .table thead th:nth-of-type(1),
  .pt-indexpage .table thead th:nth-of-type(2),
  .pt-indexpage .table thead th:nth-of-type(4),
  .pt-indexpage .table thead th:last-of-type {
    display: table-cell;
  }

  .pt-breadcrump {
    padding: 0 12px;
    margin-top: 42px;
  }

  .pt-breadcrump li {
    padding: 0 12px;
    font-size: 11px;
    max-width: 148px;
  }

  .pt-breadcrump li a {
    position: relative;
  }

  .pt-surveypage .pt-body .pt-title .pt-options {
    right: 10px;
    top: -44px;
  }

  .pt-surveypage .pt-body .pt-title .pt-options a {
    font-size: 11px;
    height: 35px;
    line-height: 35px;
  }

  #step-content .form-row {
    display: initial;
  }

  .pt-survey {
    width: 100%;
    padding: 48px 12px;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 8px;
  }

  .pt-survey h3,
  .pt-survey h3.pt-survey-head {
    font-size: 18px;
  }

  .pt-survey p,
  .pt-survey div.pt-survey-head {
    font-size: 13px;
  }

  .pt-survey .pt-link {
    margin-top: 44px;
  }

  .pt-survey .pt-link .col button span {
    font-size: 0;
    line-height: 10px;
    border-radius: 50px;
  }

  .pt-survey .pt-link .col button span i,
  .pt-survey .pt-link .col button span svg {
    font-size: 25px;
    margin: 0;
  }

  .fancy-button {
    font-size: 14px;
  }

  .fancy-button span {
    padding: 12px 36px;
  }

  .pt-newsurveypage .nav.nav-tabs {
    padding: 0 12px;
  }

  .pt-newsurveypage .nav-item a {
    padding: 3px;
    height: 34px;
  }

  .pt-newsurveypage .nav-item a span {
    padding: 0px;
    font-size: 11px;
    width: 61px;
    overflow: hidden;
    height: 30px;
    display: inline-block;
  }

  .pt-new-survey {
    padding: 12px;
  }

  .pt-new-survey .col-6 {
    flex: none;
    max-width: 100%;
  }

  .pt-new-survey input[type=text],
  .pt-new-survey textarea,
  .pt-new-survey select {
    font-size: 12px;
    height: 48px;
    padding: 12px;
  }

  .pt-new-survey .pt-new-survey-det {
    padding: 8px 6px;
  }

  .pt-new-survey .pt-new-survey-det .row {
    margin-left: -6px;
    margin-right: -6px;
  }

  .pt-new-survey .pt-new-survey-det .row .col {
    padding-right: 6px;
    padding-left: 6px;
  }

  .pt-new-survey .pt-form-i .pt-icon {
    top: 10px;
    left: 14px;
    font-size: 12px;
  }

  .pt-new-survey .pt-form-i input[type=text] {
    padding-left: 36px;
  }

  .pt-new-survey .pt-radio-slide {
    font-size: 12px;
  }

  .pt-new-survey .pt-new-step {
    font-size: 14px;
    height: 52px;
    line-height: 53px;
    margin-bottom: 48px;
  }

  .pt-new-survey button.pt-btn {
    margin: 0;
  }

  .pt-new-survey .pt-survey,
  .pt-new-survey .pt-new-survey-change {
    display: none;
  }

  .pt-new-survey .pt-new-step-content,
  .pt-new-survey .pt-welcome-step {
    padding: 6px;
  }

  .pt-new-survey .pt-new-step-content h4,
  .pt-new-survey .pt-welcome-step h4 {
    padding: 12px;
  }

  .pt-new-survey .pt-new-step-content h4 .pt-add-question-link,
  .pt-new-survey .pt-welcome-step h4 .pt-add-question-link {
    top: 8px;
    right: 6px;
  }

  .pt-new-survey .pt-welcome-step .pt-question-inp {
    padding: 0;
  }

  .pt-new-survey .pt-new-answers-content b {
    display: block;
  }

  .pt-new-survey .pt-new-answers-content .pt-radio-slide {
    margin-right: 0;
    width: 76px;
    padding: 0;
    margin-top: 13px;
  }

  .pt-new-survey .pt-new-answers-content select {
    position: relative;
    left: 0;
    width: 108px;
    padding: 0px 5px;
    height: 30px;
  }

  .pt-new-survey .pt-new-answers-content .row {
    margin-left: -6px;
    margin-right: -6px;
  }

  .pt-new-survey .pt-new-answers-content .row .col,
  .pt-new-survey .pt-new-answers-content .row .col-4 {
    padding-right: 6px;
    padding-left: 6px;
  }

  .pt-planspage .pt-body,
  .pt-planspage .pt-plans {
    background-color: var(---white-color);
  }

  .pt-planspage .pt-title {
    padding-top: 32px;
  }

  .pt-planspage .pt-title h3 {
    font-size: 18px;
  }

  .pt-planspage .pt-title h3 span {
    width: 42px;
    height: 42px;
    line-height: 42px;
  }

  .pt-planspage .pt-title p {
    font-size: 12px;
    margin-bottom: 24px;
    padding: 0 28px;
  }

  .pt-planspage .pt-plans {
    padding: 10px;
  }

  .pt-planspage .pt-plan {
    padding-bottom: 24px;
    margin-bottom: 30px;
  }

  .pt-planspage .pt-plan ul {
    margin-top: 30px;
  }

  .pt-planspage .pt-plan ul li {
    font-size: 12px;
    padding: 8px 12px;
  }

  .pt-planspage .pt-plan ul li span {
    width: 26px;
    height: 25px;
    line-height: 26px;
  }

  .pt-responsespage .pt-title h3,
  .pt-rapportpage .pt-title h3 {
    font-size: 18px;
  }

  .pt-responsespage .pt-title h3 a,
  .pt-rapportpage .pt-title h3 a {
    display: block;
  }

  .pt-responsespage .pt-title .pt-options,
  .pt-rapportpage .pt-title .pt-options {
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    text-align: center;
    margin-top: 24px;
  }

  .pt-responsespage .pt-title .pt-options a,
  .pt-rapportpage .pt-title .pt-options a {
    margin: 0;
    font-size: 13px;
  }

  .pt-rapportpage .pt-rapport {
    padding: 12px;
  }

  .pt-rapportpage .pt-rapport .col-6 {
    display: block;
    max-width: 100%;
    flex: none;
  }

  .pt-rapportpage .pt-rapport .pt-div-stats {
    width: 100%;
    margin-bottom: 28px;
    margin-top: 20px;
  }

  .pt-rapportpage .pt-rapport .pt-rapport-q {
    padding: 12px;
    position: relative;
  }

  .pt-rapportpage .pt-rapport .pt-rapport-q .pt-options {
    margin: 0 -4px;
  }

  .pt-rapportpage .pt-rapport .pt-rapport-q .pt-chart-bar,
  .pt-rapportpage .pt-rapport .pt-rapport-q .pt-results {
    padding: 12px 0px;
  }

  .pt-rapportpage .pt-rapport .pt-rapport-q .pt-chart-bar .r,
  .pt-rapportpage .pt-rapport .pt-rapport-q .pt-results .r {
    font-size: 11px;
    padding: 6px 8px;
  }

  .pt-rapportpage .pt-rapport .pt-rapport-q .pt-chart-bar {
    width: 100%;
  }

  .pt-userdetailspage .pt-body .pt-title {
    text-align: center;
  }

  .pt-userdetails {
    box-shadow: none;
    width: 100%;
  }

  .pt-userdetails .form-inline {
    margin-bottom: 0;
  }

  .pt-userdetails .form-group {
    margin-bottom: 6px;
  }

  .pt-userdetails .col {
    flex: none;
  }

  .pt-userdetails .col input,
  .pt-userdetails .col .btn {
    margin-bottom: 8px;
  }

  .pt-userdetails .col label input {
    margin-bottom: 0;
  }

  .pt-userdetails .row {
    margin-bottom: 0;
  }

  .pt-dashboardpage .pt-admin-nav {
    width: 126px;
  }

  .pt-dashboardpage .pt-admin-nav .pt-logo {
    margin: 38px 0 0 11px;
  }

  .pt-dashboardpage .pt-admin-body {
    right: -65px;
    padding: 16px;
    padding-right: 80px;
    padding-bottom: 0;
  }

  .pt-dashboardpage .pt-admin-body .pt-welcome {
    width: 100%;
    padding: 24px;
    margin-bottom: 34px;
  }

  .pt-dashboardpage .pt-admin-body .pt-welcome h3 {
    font-size: 22px;
  }

  .pt-dashboardpage .pt-admin-body .pt-welcome p {
    font-size: 12px;
    margin: 0;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats {
    margin-bottom: 34px;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats ul li {
    width: 49%;
    margin: 0;
    height: 62px;
    line-height: 62px;
    margin-bottom: 12px;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(1),
  .pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(3) {
    margin-right: 1%;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(2),
  .pt-dashboardpage .pt-admin-body .pt-stats ul li:nth-of-type(4) {
    margin-left: 1%;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats ul li b {
    font-size: 18px;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats ul li span {
    font-size: 68px;
  }

  .pt-dashboardpage .pt-admin-body .pt-stats ul li em {
    font-size: 21px;
    top: 18px;
  }

  .pt-dashboardpage .pt-admin-body .col-6,
  .pt-dashboardpage .pt-admin-body .col {
    flex: none;
    max-width: 100%;
  }

  .pt-dashboardpage .pt-admin-body .pt-body {
    margin: 0;
  }

  .pt-dashboardpage .pt-admin-body .pt-body .pt-title {
    padding: 12px;
  }

  .pt-dashboardpage .pt-admin-body .pt-body .pt-title .pt-options {
    right: 12px;
    top: 12px;
  }

  .pt-login .pt-login-footer .col:first-child {
    margin-right: 0;
    padding-right: 0;
  }

  .pt-login .pt-login-footer .col:last-child {
    margin-left: 0;
    padding-left: 0;
  }

  .pt-surveyeditor {
    padding: 6px;
  }

  .pt-surveyeditor .pt-editornavs a {
    margin: 0 1px;
    padding: 3px;
    font-size: 10px;
  }

  .pt-surveyeditor .pt-editornavs a.relative {
    position: relative;
    padding-right: 20px;
  }

  .pt-surveyeditor .pt-editornavs a.relative .pt-textinfo {
    right: 4px;
    top: 9px;
    font-size: 10px;
  }

  .pt-surveyeditor .pt-editorcontents .pt-editorheader {
    padding: 12px;
  }

  .pt-surveyeditor .pt-editorcontents .pt-editorheader h3 {
    font-size: 22px;
    margin-bottom: 12px;
    padding: 6px 12px 12px;
    border-bottom: 1px solid #EEE;
  }

  .pt-surveyeditor .pt-editorcontents .pt-editorbody.pt-active {
    padding: 10px;
    padding-top: 24px;
  }

  .pt-surveyeditor .pt-editornavs {
    margin-top: 22px;
    margin-bottom: -13px;
  }

  .pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content {
    padding: 12px;
  }

  .pt-surveyeditor .pt-editorcontents {
    width: 100%;
  }

  .pt-surveyeditor .pt-editorbuttons {
    position: fixed;
    z-index: 42;
    width: 100%;
    padding: 4px 0px;
    left: 0;
    height: 94px;
    bottom: 0;
    background: #2a2b4a;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.15);
  }

  .pt-editorsubmit {
    padding-top: 0;
  }

  .pt-editorsubmit .col-6 {
    flex: none;
    max-width: 100%;
  }

  .pt-editorsubmit button {
    margin: 24px 0 0;
    display: table;
    width: 100%;
  }

  .pt-surveyeditor .pt-editorbuttons ul {
    top: 0;
    z-index: 100;
    width: 100%;
    position: relative !important;
    padding: 0 3px;
  }

  .pt-radio-slide b {
    font-size: 12px;
  }

  .pt-surveyeditor .pt-editorcontents .pt-editorbody .pt-new-step-content .pt-badge {
    font-size: 12px;
  }

  .pt-surveyeditor .pt-editorbuttons ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  }

  .pt-surveyeditor .pt-editorbuttons ul li a span {
    display: block;
    font-size: 18px;
    padding: 0px 0;
  }

  .pt-surveyeditor .pt-editorbuttons ul li a b {
    font-size: 0;
    display: none;
  }

  .pt-survey.pt-newsurvey {
    width: 100% !important;
    margin: 0 !important;
    display: block;
    padding: 12px !important;
    text-align: center;
  }

  .pt-survey.pt-newsurvey .logincactionstoquestion h3.pt-survey-head {
    font-size: 16px;
    line-height: 22px;
  }

  .pt-survey.pt-newsurvey .logincactionstoquestion p.pt-survey-head {
    font-size: 12px;
  }

  .pt-survey .pt-survey-answers {
    margin-top: 14px;
  }

  #example-async .actions {
    margin-top: 32px;
  }

  #example-async .actions,
  #example-async .actions ul {
    width: 100%;
  }

  #example-async .actions ul li {
    width: 50%;
    padding: 0 4px;
  }

  #example-async .actions ul li a[href="#previous"],
  #example-async .actions ul li a[href="#next"],
  #example-async .actions ul li a[href="#finish"] {
    width: 100% !important;
    margin: 0 !important;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }

  .pt-likertscale .pt-likelynot,
  .pt-likertscale .pt-likelyneutral,
  .pt-likertscale .pt-likelyext {
    font-size: 10px;
  }

  .pt-likertscale .rating-group label {
    font-size: 15px;
    padding: 10px 0;
  }

  .pt-survey .pt-link {
    margin-top: 30px;
  }

  .pt-survey .pt-link .fancy-button span {
    padding: 12px 22px;
  }

  .pt-survey.pt-newsurvey .choice+label {
    text-align: left;
    line-height: 18px;
  }

  .pt-form-inline.pt-col1 .pt-form-group {
    width: 100%;
  }

  .pt-form-inline.pt-col2 .pt-form-group {
    width: 48.9%;
  }

  .pt-form-inline.pt-col3 .pt-form-group {
    width: 48.9%;
  }

  .pt-form-inline.pt-col4 .pt-form-group {
    width: 48.9%;
  }

  .pt-form-inline.pt-col4 .pt-form-group .choice.image+label b {
    height: 140px;
  }

  .pt-form-inline.pt-col5 .pt-form-group {
    width: 48.9%;
  }

  .pt-form-inline.pt-col5 .pt-form-group .choice.image+label b {
    height: 140px;
  }

  .pt-form-inline.pt-col6 .pt-form-group {
    width: 48.9%;
  }

  .pt-form-inline.pt-col7 .pt-form-group {
    width: 48.9%;
  }

  .pt-form-inline .pt-form-group:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .pt-imagefile-upload .file-select-button {
    font-size: 11px;
  }

  .full-stars-example-two .rating__label,
  .pt-likertscale .rating__label {
    font-size: 1.5rem;
  }

  .pt-planspage .pt-plans .row {
    display: block;
  }

  .pt-planspage .pt-plans .col {
    width: 100%;
  }
}

.tableWrapper {
  padding: 30px;
  background-color: var(---white-color);
  border-radius: 10px;
  backdrop-filter: blur(2px);
  box-shadow: 0 0 20px 1px #0000003b;
  /* overflow-x: auto;
  overflow-y: hidden; */
}

.tableWrapper table {
  min-width: 1200px;
}

.table-responsive {
  display: inline-table;
}

@media only screen and (max-width: 420px) {
  .table-responsive {
    display: block;
  }
}

/* Common Styles */
.commonSectionPadding {
  padding: 60px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(---primary-color) !important;
}

.datepicker--cell.-current- {
  color: var(---primary-color) !important;
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
  color: var(---white-color) !important;
  background: var(---primary-color) !important;
}

/* Popup */
.jconfirm .jconfirm-box {
  padding: 30px !important;
  text-align: center !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
  float: none !important;
}

/* Button */
.btn-w-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 5px;
}

.tbl-btn-w {
  width: 150px;
}

.btn-primary {
  color: var(---primary-color-shade);
  background-color: var(---primary-color);
  border-color: var(---primary-color);
}

.btn-primary:hover {
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
  border-color: var(---primary-color-shade);
}

.pt-body .table tbody tr:hover .btn-primary:hover {
  box-shadow: 0 0 10px 2px var(---gray-medium);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
  border-color: var(---primary-color-shade);
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
  border-color: var(---primary-color-shade);
  box-shadow: 0 0 0 0.2rem var(---primary-color-shade);
}

.btn-primary.focus,
.btn-primary:focus {
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
  border-color: var(---primary-color-shade);
  box-shadow: 0 0 0 0.2rem var(---primary-color-shade);
}

.btn-secondary {
  color: var(---primary-color);
  background-color: var(---primary-color-shade);
  border-color: var(---primary-color-shade);
}

.btn-secondary:hover {
  color: var(---primary-color-shade);
  background-color: var(---primary-color);
  border-color: var(---primary-color);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: var(---primary-color-shade);
  background-color: var(---primary-color);
  border-color: var(---primary-color);
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  color: var(---primary-color-shade);
  background-color: var(---primary-color);
  border-color: var(---primary-color);
  box-shadow: 0 0 0 0.2rem var(---primary-color-shade);
}

.btn-secondary.focus,
.btn-secondary:focus {
  color: var(---primary-color-shade);
  background-color: var(---primary-color);
  border-color: var(---primary-color);
  box-shadow: 0 0 0 0.2rem var(---primary-color-shade);
}

.surveyNameCol {
  width: 320px !important;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(---white-color);
  background-color: var(---primary-color);
}

.questionProgress {
  padding: 10px;
  background-color: #fff;
  border-radius: 5px;
}

.questionProgress.active {
  position: fixed;
  top: 0;
  left: 60px;
  width: calc(100% - 120px);
  z-index: 2;
  box-shadow: 0 0 10px 10px #0000002b;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  height: auto;
}

input[type=text]:not(textarea),
input[type=password]:not(textarea),
input[type=phone]:not(textarea),
input[type=email]:not(textarea),
input[type=number]:not(textarea),
select:not(textarea),
textarea:not(textarea),
.bootstrap-select .btn:not(textarea),
.select2-container--default .select2-selection--multiple:not(textarea),
.select2-container--default.select2-container--focus .select2-selection--multiple:not(textarea) {
  /* height: auto;
  max-height: 150px; */
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
}

.select2-container .select2-selection--single {
  border: solid 1px transparent !important;
  display: flex;
  align-items: center;
}

.select2-container--default .select2-selection--single {
  height: 56px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 25px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 56px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(---primary-color);
  color: white;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
  height: 56px;
  border: 1px solid #EEE;
}

.newsletter-modal-btn .btn-close {
  position: absolute;
  right: 15px;
  border: none;
}
form .verification-email {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  margin-right: 7px;
  border: 1px solid #a7a7a7;
}

/* Responsive */
@media(max-width: 991px) {
  .pt-surveyeditor .pt-editorbuttons ul li {
    width: 100%;
  }
}

@media (max-width: 575px) {
  #example-async {
    width: 100% !important;
  }
}