.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__user-profile-wrapper::before {
    content: "";
    height: 62px;
    width: 62px;
    border-radius: 50%;
    background-color: #f7d520;
    position: absolute;
    top: -8%;
    left: -5%;
    z-index: -1;
}

.header__user-profile-wrapper img {
	max-height: 60px;
	max-width: 60px;
	border-radius: 50%;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.potentia-footer {
	width: 100;
	margin-top: 20px;
	/*height: 60px;*/
}

.potentia-footer__horizontal-line {
	border-top: 2px solid #979797;
}

.potentia-footer__content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.potentia-footer__left-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 10px auto 10px 30px;
}

.potentia-footer__right-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 10px 30px 10px 10px;
}

.potentia-footer__copyright-logo {
	font-size: 14px;
}

.potentia-footer__copyright-text {
	margin-left: 8px;
	font-size: 14px;
	white-space: nowrap;
}

.potentia-footer__poweredby {
	font-size: 14px;
	white-space: nowrap;
}

.potentia-footer__potentia-logo {
	height: 30px;
	width: 80px;
	padding-top: 0.5rem;
}

.header__nav-block::after {
	content: "";
	position: absolute;
	width: 1113px;
	height: 1245px;
	top: -220px;
	border-radius: 50%;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	background: #f3ca11;
	left: -1000px;
	z-index: -1;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.progress-bar__respondent {
	max-width: 260px;
	width: 100%;
}

.progress-bar__respondent-states {
	position: relative;
}

.progress-bar__respondent-count {
	font-size: 24px;
	margin-bottom: 6px;
}

.progress-bar__respondent-count span {
	font-size: 18px;
}

.progress-bar__respondent-initial {
	background: #E3E1DF;
	height: 4px;
	width: 100%;
}

.progress-bar__respondent-active {
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
}

.dashboard-respondent__drop-down-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 35px 0px 20px 0px;
}

.dashboard-respondent__text {
	font-size: 24px;
	width: calc(100% - 350px);
}

.dashboard-respondent__drop-down {
	max-width: 210px;
	width: 100%;
}

.dashboard-respondent__drop-down select {
	min-width: 210px;
	padding: 10px;
	border-radius: 2px;
	background: url(../images/dropdown.png), linear-gradient(to bottom, transparent 0, transparent 100%);
	background-repeat: no-repeat,repeat;
	background-position: right .7em top 50%,0 0;
	background-size: 1.1em auto,100%;
}

.dashboard-respondent__drop-down-ui-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.dashboard-respondent__list-grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 15px;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.dashboard-respondent__ui {
	margin-left: 15px;
}

.dashboard-respondent__ui img {
	cursor: pointer;
}

.dashboard-respondent__ui .active {
	display: none;
}

.dashboard-respondent__ui.active .active {
	display: block;
}

.dashboard-respondent__ui.active .inactive {
	display: none;
}

.dashboard-respondent__progress-card {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 14px 28px;
	border: 1px solid #979797;
}

.dashboard-respondent__total-req {
	padding-right: 30px;
	border-right: 1px solid #979797;
	font-size: 18px;
	min-height: 82px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.dashboard-respondent__progress-bar-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: calc(100% - 70px);
}

.dashboard-respondent__progress-bar-list .progress-bar__respondent {
	margin-left: 30px;
}

.respondent__users-data-section {
	margin-bottom: 30px;
}

.respondent__users-data-section.grid .respondent__users-data {
	padding: 0;
}

.respondent__users-data-section.grid .respondent__user-data-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.respondent__users-data-section.grid .user__details-grid {
	margin-right: 6.2%;
	margin-bottom: 55px;
	margin-top: 30px;
}

.respondent__users-data-section.grid .user__details-grid:nth-child(5n) {
	margin-right: 0;
}

.respondent__users-data-section.grid .respondent__postion-block {
	border-bottom: none;
}

.respondent__users-data {
	padding-top: 20px;
	padding-bottom: 18px;
}

.respondent__user-data-list .user {
	margin: 0;
}

.respondent__postion-block {
	border-bottom: none;
	padding-bottom: 8px;
	font-weight: bold;
}

.respondent__postion-block span:first-child {
	border-right: 1px solid #161920;
	line-height: 1;
	padding-right: 5px;
	margin-right: 5px;
}

.user {
	border-bottom: 1px solid #CFCDCD;
	margin: 0 16px;
}

.user__group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 16px;
}

.user__manage-checkbox {
	margin-top: 21px;
	margin-right: 21px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */
}

.user__manage-checkbox .manage-checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user__manage-checkbox .manage-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border-radius: 50%;
}

.user__manage-checkbox .manage-checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #FFF;
}

.user__manage-checkbox .manage-checkbox-container:hover input ~ .manage-checkbox-checkmark {
	background-color: #ccc;
}

.user__manage-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark {
	background-color: #2196F3;
}

.user__manage-checkbox .manage-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: block;
}

.user__manage-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark:after {
	display: block;
}

.user__manage-checkbox .manage-checkbox-container .manage-checkbox-checkmark:after {
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.user__progress {
	width: 8%;
	margin-left: 16px;
	margin: auto 0;
}

.user .progress__pending {
	margin-left: 16px;
	color: #FC7503;
	width: 11%;
	margin: auto 0;
}

.user .progress__partial {
	margin-left: 16px;
	color: #11BFCA;
	width: 11%;
	margin: auto 0;
}

.user .progress__completed {
	margin-left: 16px;
	color: #29BC0D;
	margin: auto 0;
}

.user .progress__new {
	display: table-cell;
	background-color: #F3CA11;
	padding: 0px 10px;
	border-radius: 5px;
	font-weight: 600;
}

.user .progress__value {
	font-weight: 600;
}

.user__details {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 67%;
}

.user__img {
	margin: auto 0;
	max-width: 68px;
	height: 68px;
	border-radius: 50%;
	width: 100%;
	border: 2px solid #CDD4DB;
}

.user__img img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.user__name-desc {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.user__name {
	font-size: 18px;
	line-height: 20px;
	margin: auto 0;
	padding: 0 16px;
	width: 45%;
}

.user__description {
	font-size: 18px;
	line-height: 20px;
	margin: auto 0;
	padding: 0 16px;
	width: 45%;
}

.user__deadline-action {
	width: 25%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.user__deadline {
	width: 50%;
	text-align: center;
	margin: 26px auto 0 auto;
	line-height: 1.2;
}

.user__deadline-date {
	font-size: 16px;
}

.user__deadline-text {
	color: #f17e1d;
	margin: 0 8px;
	font-size: 14px;
}

.user__action {
	width: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: auto 0;
}

.user__action .action-label {
	color: #467efb;
	padding: 0 8px;
	font-weight: 700;
	margin: auto 0 auto auto;
	cursor: pointer;
}

.user__action .action-arrow {
	height: 33px;
	width: 33px;
	cursor: pointer;
}

.white-bar {
	background: #FFFFFF;
	height: 8px;
	position: absolute;
}

.yellow-bar {
	background: #F3CA11;
	height: 16px;
}

.grey-bar {
	background: #A5A3A3;
	height: 16px;
}

.orange-bar {
	background: #FD9D05;
	margin-bottom: 4px;
}

.blue-bar {
	background-color: #11BFCA;
	margin-bottom: 4px;
}

.green-bar {
	background-color: #29BC0D;
	margin-bottom: 4px;
}

.checked {
	background-color: #2790FB;
	border-radius: 50%;
}

.unchecked {
	background-color: #CFCDCD;
	border-radius: 50%;
}

.user__details-grid {
	max-width: 190px;
	min-height: 225px;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background-image: url("../images/dashboard-r/grid_card.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.user__grid-profile {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	border: 4px solid #CDD4DB;
	margin-top: -15px;
	background-color: #fff;
	overflow: hidden;
}

.user__grid-profile img {
	border-radius: 50%;
}

.user__status-button {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	font-size: 15px;
	color: #047EFB;
	font-weight: 600;
	overflow: hidden;
	position: relative;
	top: -2px;
	left: -3px;
	cursor: pointer;
	min-height: 35px;
}

.user__progress-status {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	top: -23px;
	left: 25px;
	color: #fff;
}

.user__progress-status.new {
	background-color: #F3CA11;
	color: #000;
}

.user__progress-status.initial {
	background-color: #FD9D05;
}

.user__progress-status.partial {
	background-color: #11BFCA;
}

.user__progress-status.complete {
	background-color: #29BC0D;
}

.user__progress-status.pending {
	background-color: #FD9D05;
}

.user__status-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #DFE4EF;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-right: -15px;
	margin-bottom: -15px;
	margin-left: 2px;
}

.user__status-arrow img {
	width: 13px;
	-webkit-transform: translate(-5px, -5px);
	        transform: translate(-5px, -5px);
}

.user__postion {
	font-size: 14px;
	line-height: 1;
}

.user__meta-dat {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-size: 18px;
}

.user__dead-line {
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	padding-top: 15px;
}

.mobile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 57px;
}

.mobile-header__logo {
	margin: auto 0;
	max-height: 32px;
	max-width: 24px;
}

.mobile-header__pagename {
	margin: auto 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #047EFB;
}

.mobile-header__menu {
	float: right;
	margin: auto 0;
	max-width: 23px;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.form__group {
	margin-top: 40px;
	width: 100%;
}

.form__group span {
	display: none;
}

.form__group.error {
	position: relative;
}

.form__group.error span {
	color: #EF1010;
	position: absolute;
	bottom: -22px;
	width: 100%;
	left: 0;
	display: inline-block;
}

.form__group.error input {
	border: 1px solid #EF1010 !important;
}

.form__group.buttons-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.form__group input {
	padding-left: 16px;
}

.form__group.password {
	position: relative;
}

.form__group.password::after {
	content: "";
	position: absolute;
	right: 0;
	background-image: url(../images/eye.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 18px;
	height: 13px;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 15px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.mobile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 57px;
}

.mobile-header__logo {
	margin: auto 0;
	max-height: 32px;
	max-width: 24px;
}

.mobile-header__pagename {
	margin: auto 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #047EFB;
}

.mobile-header__menu {
	float: right;
	margin: auto 0;
	max-width: 23px;
}

.dashboard__section {
	border: 1px solid #CFCDCD;
	margin: 55px 0;
}

.dashboard__section-header {
	padding: 12px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.dashboard__section-logo-label {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 48px;
	width: 25%;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.dashboard__section-logo {
	max-width: 131px;
}

.dashboard__section-logo img {
	width: 131px;
}

.dashboard__section-label {
	font-size: 24px;
	line-height: 28px;
	width: 152px;
	margin-top: 24px;
	margin-left: 8px;
}

.dashboard__progress {
	width: 40%;
	margin: 0 32px;
	padding: 0 64px;
}

.dashboard__progress .progress {
	margin-top: 8px;
}

.dashboard__progress .progress .value {
	font-size: 48px;
	line-height: 48px;
	margin: 8px 0;
	color: #F3CA11;
}

.dashboard__progress .progress .total {
	font-size: 48px;
	line-height: 48px;
	margin: 8px 0;
	color: #A5A3A3;
}

.dashboard__progress .progress .progress-bar {
	margin-top: 16px;
}

.dashboard__date {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
}

.dashboard__date .date {
	margin: 0 10px;
	font-size: 26px;
	color: #808080;
}

.dashboard__action {
	width: 25%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.dashboard__go-arrow {
	max-height: 56px;
	max-width: 56px;
	margin: auto 8px;
	margin-right: 48px;
	cursor: pointer;
}

.dashboard__view-all {
	margin: auto;
	cursor: pointer;
	font-size: 24px;
}

.dashboard__userlist {
	margin-top: 15px;
}

.dashboard__userlist li:last-child {
	border-bottom: none;
}

.dashboard__m-section-logo-label {
	display: none;
}

.dashboard__m-section-logo {
	width: 50px;
	height: 50px;
}

.dashboard__m-section-label {
	font-size: 20px;
	padding: 0 8px;
}

.white-bar {
	background: #FFFFFF;
	height: 8px;
	position: absolute;
}

.yellow-bar {
	background: #F3CA11;
	height: 16px;
}

.grey-bar {
	background: #A5A3A3;
	height: 16px;
}

.orange-bar {
	background: #FD9D05;
	margin-bottom: 4px;
}

.blue-bar {
	background-color: #11BFCA;
	margin-bottom: 4px;
}

.user {
	border-bottom: 1px solid #CFCDCD;
	margin: 0 16px;
}

.user__group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 16px;
}

.user__manage-checkbox {
	margin-top: 21px;
	margin-right: 21px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */
}

.user__manage-checkbox .manage-checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user__manage-checkbox .manage-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border-radius: 50%;
}

.user__manage-checkbox .manage-checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #FFF;
}

.user__manage-checkbox .manage-checkbox-container:hover input ~ .manage-checkbox-checkmark {
	background-color: #ccc;
}

.user__manage-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark {
	background-color: #2196F3;
}

.user__manage-checkbox .manage-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: block;
}

.user__manage-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark:after {
	display: block;
}

.user__manage-checkbox .manage-checkbox-container .manage-checkbox-checkmark:after {
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.user .progress__pending {
	margin-left: 16px;
	color: #FC7503;
	width: 11%;
	margin: auto 0;
}

.user .progress__partial {
	margin-left: 16px;
	color: #11BFCA;
	width: 11%;
	margin: auto 0;
}

.user .progress__new {
	display: table-cell;
	background-color: #F3CA11;
	padding: 0px 10px;
	border-radius: 5px;
	font-weight: 600;
}

.user .progress__value {
	font-weight: 600;
}

.user__img {
	margin: auto 0;
	max-width: 68px;
	height: 68px;
	border-radius: 50%;
	width: 100%;
	border: 2px solid #CDD4DB;
}

.user__img img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.user__name-desc {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.user__name {
	font-size: 18px;
	line-height: 20px;
	margin: auto 0;
	padding: 0 16px;
	width: 45%;
}

.user__description {
	font-size: 18px;
	line-height: 20px;
	margin: auto 0;
	padding: 0 16px;
	width: 45%;
}

.user__deadline {
	width: 50%;
	text-align: center;
	margin: 26px auto 0 auto;
	line-height: 1.2;
}

.user__deadline-date {
	font-size: 16px;
}

.user__deadline-text {
	color: #f17e1d;
	margin: 0 8px;
	font-size: 14px;
}

.user__action {
	width: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: auto 0;
}

.user__action .action-label {
	color: #467efb;
	padding: 0 8px;
	font-weight: 700;
	margin: auto 0 auto auto;
	cursor: pointer;
}

.user__action .action-arrow {
	height: 33px;
	width: 33px;
	cursor: pointer;
}

.white-bar {
	background: #FFFFFF;
	height: 8px;
	position: absolute;
}

.yellow-bar {
	background: #F3CA11;
	height: 16px;
}

.grey-bar {
	background: #A5A3A3;
	height: 16px;
}

.orange-bar {
	background: #FD9D05;
	margin-bottom: 4px;
}

.blue-bar {
	background-color: #11BFCA;
	margin-bottom: 4px;
}

.checked {
	background-color: #2790FB;
	border-radius: 50%;
}

.unchecked {
	background-color: #CFCDCD;
	border-radius: 50%;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.login {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 1100px;
	margin: 0 auto;
	justify-content: space-between;
	margin-bottom: 10px;
}

.login form {
	width: 100%;
}

.login__Infographics-wrapper {
	max-width: 420px;
	width: 100%;
}

.login__pdf-content {
	font-size: 18px;
	max-width: 390px;
	width: 100%;
	margin-top: -35px;
	z-index: 1;
	color: #797E8C;
	position: relative;
	left: 39%;
}

.login__pdf-content h2 {
	color: #047EFB;
	font-size: 36px;
	line-height: 1.2;
}

.login__forms {
	max-width: 400px;
	margin-left: auto;
	width: 100%;
	position: relative;
	background-image: url(../images/arc.png);
	background-repeat: no-repeat;
	padding-top: 100px;
	padding-bottom: 100px;
	background-size: 100% 100%;
	padding-left: 5px;
}

.login__forms h2 {
	font-size: 22px;
	font-weight: 600;
	color: #047EFB;
	margin-bottom: -6px;
}

.login__form-fields {
	max-width: 295px;
	width: 100%;
}

.login__forgot-pws {
	color: #047EFB;
	font-size: 14px;
	margin-top: 3px;
}

.login__forgot-pws span {
	cursor: pointer;
	margin-left: auto;
}

.login .login__button {
	margin-top: 32px;
	margin-right: auto;
	margin-left: auto;
}

.login__links {
	width: 100%;
	-webkit-justify-content: space-around;
	    -ms-flex-pack: distribute;
	        justify-content: space-around;
}

.login__popup {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	left: 0;
	background: rgba(107, 107, 107, 0.7);
	z-index: 9;
	display: none;
	overflow: auto;
}

.login__popup .form__groups {
	margin-top: -15px;
}

.login__popup .form__drop-down {
	font-size: inherit;
}

.login__popup .form__drop-down select {
	min-width: 210px;
	padding: 16px 5px;
	border-radius: 2px;
	background: url(../images/dropdown.png), linear-gradient(to bottom, #FFF 0, #FFF 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	font-size: 16px;
	padding-left: 16px;
}

.login__popup-main {
	max-width: 360px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #979797;
	border-radius: 6px;
	padding: 22px 34px 70px 34px;
	margin-top: 25px;
	margin-bottom: 50px;
}

.login__close {
	width: 20px;
	margin-left: auto;
	cursor: pointer;
}

.login__popup-btn {
	padding: 0px 56px;
}

.login .contact_support {
	cursor: pointer;
	display: table !important;
}

.support_form .form__group input, .support_form .form__group textarea {
	background: #fff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.form__group {
	margin-top: 40px;
	width: 100%;
}

.form__group span {
	display: none;
}

.form__group.error {
	position: relative;
}

.form__group.error span {
	color: #EF1010;
	position: absolute;
	bottom: -22px;
	width: 100%;
	left: 0;
	display: inline-block;
}

.form__group.error input {
	border: 1px solid #EF1010 !important;
}

.form__group.buttons-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.form__group input {
	padding-left: 16px;
}

.form__group.password {
	position: relative;
}

.form__group.password::after {
	content: "";
	position: absolute;
	right: 0;
	background-image: url(../images/eye.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 18px;
	height: 13px;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 15px;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.progress-bar__respondent {
	max-width: 260px;
	width: 100%;
}

.progress-bar__respondent-states {
	position: relative;
}

.progress-bar__respondent-count {
	font-size: 24px;
	margin-bottom: 6px;
}

.progress-bar__respondent-count span {
	font-size: 18px;
}

.progress-bar__respondent-initial {
	background: #E3E1DF;
	height: 4px;
	width: 100%;
}

.progress-bar__respondent-active {
	height: 4px;
	position: absolute;
	top: 0;
	left: 0;
}

.respondent__drop-down-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 35px 0px 50px 0px;
}

.respondent__text {
	font-size: 24px;
	width: 47%;
}

.respondent__text span {
	color: #047EFB;
	cursor: pointer;
}

.respondent__drop-down {
	max-width: 207px;
	width: 100%;
}

.respondent__drop-down select {
	min-width: 207px;
	padding: 10px;
	border-color: #f1d65d;
	border-radius: 2px;
	background: url(../images/dropdown.png), linear-gradient(to bottom, transparent 0, transparent 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: 1.1em auto, 100%;
	font-size: 18px;
}

.respondent__drop-down-ui-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 50%;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.respondent__list-grid {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 15px;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 90px;
}

.respondent__ui {
	margin-left: 15px;
}

.respondent__ui img {
	cursor: pointer;
}

.respondent__ui .active {
	display: none;
}

.respondent__ui.active .active {
	display: block;
}

.respondent__ui.active .inactive {
	display: none;
}

.respondent__add-respondent-button {
	border: 1px solid #333A38;
	min-width: 207px;
	padding: 10px;
	margin-left: 20px;
	border-radius: 2px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.respondent__add-respondent-button .add-respondent-button-plus-icon {
	height: 20px;
	width: 20px;
	margin: 0 auto;
}

.respondent__add-respondent-button .add-respondent-button-text {
	font-size: 16px;
	width: 80%;
	margin: auto;
}

.respondent__progress-card {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 14px 28px;
	border: 1px solid #979797;
}

.respondent__total-req {
	border-right: 1px solid #979797;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.respondent__total-req .respondent__invited-req,
.respondent__total-req .respondent__accepted-req {
	padding-right: 30px;
	font-size: 18px;
	min-height: 82px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.respondent__total-req .respondent__invited-req .count,
.respondent__total-req .respondent__accepted-req .count {
	color: #F3CA11;
}

.respondent__progress-bar-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: calc(100% - 70px);
}

.respondent__progress-bar-list .progress-bar__respondent {
	margin-left: 30px;
}

.respondent__invite-remind {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.respondent__invite-all,
.respondent__remind-all {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 160px;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

.respondent__invite-all .invite-all-text,
.respondent__invite-all .remind-all-text,
.respondent__remind-all .invite-all-text,
.respondent__remind-all .remind-all-text {
	color: #047EFB;
	font-size: 16px;
	padding-left: 8px;
}

.respondent__mobile-invite-remind-add {
	margin: 20px 0 0 0;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}

.respondent__mobile-invite-remind-add .mobile-invite-icon,
.respondent__mobile-invite-remind-add .mobile-remind-icon,
.respondent__mobile-invite-remind-add .mobile-add-plus-icon {
	max-width: 28px;
}

.respondent__mobile-invite-remind-add .mobile-invite-icon img,
.respondent__mobile-invite-remind-add .mobile-remind-icon img,
.respondent__mobile-invite-remind-add .mobile-add-plus-icon img {
	height: 22px;
	width: 22px;
}

.respondent__mobile-invite-remind-add .mobile-invite-text,
.respondent__mobile-invite-remind-add .mobile-remind-text,
.respondent__mobile-invite-remind-add .mobile-add-text {
	padding-left: 4px;
	color: #047EFB;
}

.respondent__mobile-invite,
.respondent__mobile-remind,
.respondent__mobile-add {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 7px;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

header {
	width: 100%;
}

.respondent__mobile-invite-remind-add {
	display: none;
}

.remind-button {
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.respondent__user-data-list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.respondent__user-data-list .userlist {
	margin-top: 30px;
}

.respondent__user-data-list .userlist li:first-child {
	border-top: 1px solid #CFCDCD;
}

.respondent__postion-block span:first-child {
	border-right: 1px solid #161920;
	line-height: 1;
	padding-right: 5px;
	margin-right: 5px;
}

.respondent__invite-and-remind-all-button {
	height: 43px;
	width: 264px;
	margin-bottom: 20px;
	border-radius: 2px;
	border: 1px solid #979797;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}

.respondent__invite-and-remind-all-button p {
	font-size: 16px;
	color: #047EFB;
	line-height: 16px;
}

.respondent__ui {
	margin-top: 0 !important;
}

.user__name,
.user__description {
	font-size: 16px !important;
}

.user__details-grid {
	margin-right: auto;
	margin-bottom: 55px;
	margin-top: 30px;
}

.user__details-grid:nth-child(5n) {
	margin-right: 0;
}

.user__progress-state-text {
	text-transform: capitalize;
	font-size: 16px;
}

.user__group {
	padding-left: 0 !important;
}

.user__deadline {
	width: 35% !important;
}

.user__edit-delete {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 40%;
}

.user__edit {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 20%;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: auto 20px auto auto;
	cursor: pointer;
}

.user__edit-icon img {
	height: 16px;
	width: 16px;
}

.user__edit-text {
	color: #047EFB;
	padding-left: 4px;
}

.user__delete {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	width: 20%;
	margin: auto auto auto 20px;
	cursor: pointer;
}

.user__delete-icon img {
	height: 16px;
	width: 16px;
}

.user__delete-text {
	color: #047EFB;
	padding-left: 4px;
}

.user__action {
	width: 40% !important;
}

.user__progress-status {
	width: 22px !important;
	height: 22px !important;
	top: -11px !important;
	left: 53px !important;
}

.user__progress-status p {
	display: none;
}

.user__manage-grid-checkbox {
	margin: 0 auto 14px 14px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */
}

.user__manage-grid-checkbox .manage-checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user__manage-grid-checkbox .manage-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border-radius: 50%;
}

.user__manage-grid-checkbox .manage-checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #FFF;
}

.user__manage-grid-checkbox .manage-checkbox-container:hover input ~ .manage-checkbox-checkmark {
	background-color: #ccc;
}

.user__manage-grid-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark {
	background-color: #2196F3;
}

.user__manage-grid-checkbox .manage-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: block;
}

.user__manage-grid-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark:after {
	display: block;
}

.user__manage-grid-checkbox .manage-checkbox-container .manage-checkbox-checkmark:after {
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.userlist {
	width: 100%;
	margin-top: 8px !important;
}

.list {
	margin-top: 45px;
}

.grid {
	margin-top: 25px;
}

.new-text {
	color: #F3CA11;
}

.initial-text {
	color: #FD9D05;
}

.partial-text {
	color: #047EFB;
}

.complete-text {
	color: #29BC0D;
}

.pending-text {
	color: #f7d520;
}

.bg-pending {	
	background-color: #f7d520 !important;	
}	
.bg-partial {	
	background-color: #047EFB !important;	
}	
.bg-complete {	
	background-color: #29BC0D !important;	
}
.add-respondent__popup {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	left: 0;
	background: rgba(107, 107, 107, 0.75);
	z-index: 9;
	display: none;
	overflow: auto;
}

.add-respondent__popup-main {
	max-width: 720px;
	margin: 0 auto;
	background: white;
	border: 1px solid #979797;
	border-radius: 4px;
	padding: 27px 51px 30px 50px;
	margin-top: 25px;
	margin-bottom: 50px;
}

.add-respondent__popup-main .horizontal-line {
	border: 2px solid #F3CA11;
	border-radius: 4px;
	margin-bottom: 20px;
}

.add-respondent__popup-main .add-respondent-email {
	margin-bottom: 45px;
}

.add-respondent__popup-main .add-respondent-email input::-webkit-input-placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent__popup-main .add-respondent-email input:-ms-input-placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent__popup-main .add-respondent-email input::placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent__popup-main .add-respondent__popup-btn {
	width: 160px;
	height: 53px;
	margin-right: 37px;
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.add-respondent__popup-main .or-text {
	font-size: 16px;
	line-height: 20px;
}

.add-respondent__popup-main .upload-text {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 28px;
}

.add-respondent__popup-main .upload-input-box {
	max-width: 294px;
	height: 53px;
	margin-bottom: 43px;
}

.add-respondent__popup-main .upload-input-box input::-webkit-input-placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent__popup-main .upload-input-box input:-ms-input-placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent__popup-main .upload-input-box input::placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent__title-close-button {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 28px;
}

.add-respondent__close {
	width: 20px;
	cursor: pointer;
	-webkit-transform: translate(32px, -7px);
	        transform: translate(32px, -7px);
}

.add-respondent_form {
	margin-bottom: 28px;
}

.add-respondent-form__input-name,
.add-respondent-form__dropdown-gender-relationship {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 50px;
}

.add-respondent-form__input-name .add-respondent-first-name,
.add-respondent-form__input-name .add-respondent-last-name,
.add-respondent-form__input-name .add-respondent-gender,
.add-respondent-form__input-name .add-respondent-relationship,
.add-respondent-form__dropdown-gender-relationship .add-respondent-first-name,
.add-respondent-form__dropdown-gender-relationship .add-respondent-last-name,
.add-respondent-form__dropdown-gender-relationship .add-respondent-gender,
.add-respondent-form__dropdown-gender-relationship .add-respondent-relationship {
	margin-top: 0px !important;
}

.add-respondent-form__input-name .add-respondent-first-name,
.add-respondent-form__input-name .add-respondent-gender,
.add-respondent-form__dropdown-gender-relationship .add-respondent-first-name,
.add-respondent-form__dropdown-gender-relationship .add-respondent-gender {
	margin-right: 15px;
}

.add-respondent-form__input-name .add-respondent-last-name,
.add-respondent-form__input-name .add-respondent-relationship,
.add-respondent-form__dropdown-gender-relationship .add-respondent-last-name,
.add-respondent-form__dropdown-gender-relationship .add-respondent-relationship {
	margin-left: 15px;
}

.add-respondent-form__input-name input,
.add-respondent-form__dropdown-gender-relationship input {
	width: 294px;
	padding: 16px 5px;
}

.add-respondent-form__input-name input::-webkit-input-placeholder, .add-respondent-form__dropdown-gender-relationship input::-webkit-input-placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent-form__input-name input:-ms-input-placeholder, .add-respondent-form__dropdown-gender-relationship input:-ms-input-placeholder {
	color: #000000;
	opacity: 1;
}

.add-respondent-form__input-name input::placeholder,
.add-respondent-form__dropdown-gender-relationship input::placeholder {
	color: #000000;
	opacity: 1;
}

.form__drop-down {
	width: 294px;
}

.form__drop-down select {
	padding: 16px 5px 16px 16px;
	border-radius: 2px;
	background: url(../images/dropdown.png), linear-gradient(to bottom, #FFF 0, #FFF 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	font-size: 16px;
}

.user {
	border-bottom: 1px solid #CFCDCD;
	margin: 0 16px;
}

.user__group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 16px;
}

.user__manage-checkbox {
	margin-top: 21px;
	margin-right: 21px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */
}

.user__manage-checkbox .manage-checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user__manage-checkbox .manage-checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	border-radius: 50%;
}

.user__manage-checkbox .manage-checkbox-checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%;
	border: 2px solid #FFF;
}

.user__manage-checkbox .manage-checkbox-container:hover input ~ .manage-checkbox-checkmark {
	background-color: #ccc;
}

.user__manage-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark {
	background-color: #2196F3;
}

.user__manage-checkbox .manage-checkbox-checkmark:after {
	content: "";
	position: absolute;
	display: block;
}

.user__manage-checkbox .manage-checkbox-container input:checked ~ .manage-checkbox-checkmark:after {
	display: block;
}

.user__manage-checkbox .manage-checkbox-container .manage-checkbox-checkmark:after {
	left: 6px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.user .progress__pending {
	margin-left: 16px;
	color: #FC7503;
	width: 11%;
	margin: auto 0;
}

.user .progress__partial {
	margin-left: 16px;
	color: #11BFCA;
	width: 11%;
	margin: auto 0;
}

.user .progress__new {
	display: table-cell;
	background-color: #F3CA11;
	padding: 0px 10px;
	border-radius: 5px;
	font-weight: 600;
}

.user .progress__completed {
	display: table-cell;
	color: #fff;
	background-color: #29BC0D;
	padding: 0px 10px;
	border-radius: 5px;
	font-weight: 600;
}

.user .progress__value {
	font-weight: 600;
}

.user__img {
	margin: auto 0;
	max-width: 68px;
	height: 68px;
	border-radius: 50%;
	width: 100%;
	border: 2px solid #CDD4DB;
}

.user__img img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.user__name-desc {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.user__name {
	font-size: 18px;
	line-height: 20px;
	margin: auto 0;
	padding: 0 16px;
	width: 45%;
}

.user__description {
	font-size: 18px;
	line-height: 20px;
	margin: auto 0;
	padding: 0 16px;
	width: 45%;
}

.user__deadline {
	width: 50%;
	text-align: center;
	margin: 26px auto 0 auto;
	line-height: 1.2;
}

.user__deadline-date {
	font-size: 16px;
}

.user__deadline-text {
	color: #f17e1d;
	margin: 0 8px;
	font-size: 14px;
}

.user__action {
	width: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: auto 0;
}

.user__action .action-label {
	color: #467efb;
	padding: 0 8px;
	font-weight: 700;
	margin: auto 0 auto auto;
	cursor: pointer;
}

.user__action .action-arrow {
	height: 33px;
	width: 33px;
	cursor: pointer;
}

.white-bar {
	background: #FFFFFF;
	height: 8px;
	position: absolute;
}

.yellow-bar {
	background: #F3CA11;
	height: 16px;
}

.grey-bar {
	background: #A5A3A3;
	height: 16px;
}

.orange-bar {
	background: #FD9D05;
	margin-bottom: 4px;
}

.blue-bar {
	background-color: #11BFCA;
	margin-bottom: 4px;
}

.checked {
	background-color: #2790FB;
	border-radius: 50%;
}

.unchecked {
	background-color: #CFCDCD;
	border-radius: 50%;
}

.user__details-grid {
	max-width: 190px;
	min-height: 225px;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background-image: url("../images/grid_card.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.user__grid-profile {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	border: 4px solid #CDD4DB;
	margin-top: -15px;
	background-color: #fff;
	overflow: hidden;
}

.user__grid-profile img {
	border-radius: 50%;
}

.user__status-button {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	font-size: 15px;
	color: #047EFB;
	font-weight: 600;
	overflow: hidden;
	position: relative;
	top: -2px;
	left: -3px;
	cursor: pointer;
	min-height: 35px;
}

.user__progress-status {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	top: -23px;
	left: 25px;
	color: #fff;
}

.user__progress-status.new {
	background-color: #F3CA11;
	color: #000;
}

.user__progress-status.initial {
	background-color: #FD9D05;
}

.user__progress-status.partial {
	background-color: #11BFCA;
}

.user__progress-status.complete {
	background-color: #29BC0D;
}

.user__progress-status.pending {
	background-color: #FD9D05;
}

.user__status-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #DFE4EF;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-right: -15px;
	margin-bottom: -15px;
	margin-left: 2px;
}

.user__status-arrow img {
	width: 13px;
	-webkit-transform: translate(-5px, -5px);
	        transform: translate(-5px, -5px);
}

.user__postion {
	font-size: 14px;
	line-height: 1;
}

.user__meta-dat {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-size: 18px;
}

.user__dead-line {
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
	padding-top: 15px;
}

.mobile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 57px;
}

.mobile-header__logo {
	margin: auto 0;
	max-height: 32px;
	max-width: 24px;
}

.mobile-header__pagename {
	margin: auto 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #047EFB;
}

.mobile-header__menu {
	float: right;
	margin: auto 0;
	max-width: 23px;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.mobile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 57px;
}

.mobile-header__logo {
	margin: auto 0;
	max-height: 32px;
	max-width: 24px;
}

.mobile-header__pagename {
	margin: auto 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #047EFB;
}

.mobile-header__menu {
	float: right;
	margin: auto 0;
	max-width: 23px;
}

.profile {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.profile::after {
	content: "";
	position: absolute;
	width: 1113px;
	height: 1245px;
	top: -220px;
	border-radius: 50%;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	background: #f3ca11;
	left: -1000px;
	z-index: -1;
}

.profile__profile-title {
	color: #047EFB;
	margin: 36px 0 36px 0;
	font-size: 18px;
	letter-spacing: 1px;
}

.profile__picture-edit-wrapper {
	position: relative;
}

.profile__picture {
	width: 172px;
	height: 172px;
	border: 6px solid #949494;
	border-radius: 50%;
}

.profile__picture img {
	border-radius: 50%;
	max-height: 160px;
}

.profile__edit-picture {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 38px;
	width: 38px;
	background: #ffffff;
	border-radius: 50%;
	border: 2px solid #f3ca11;
}

.profile__edit-picture img {
	height: 16px;
	width: 16px;
	margin: 9px;
}

.profile__details {
	font-weight: 500;
	margin-left: 45px;
	margin-bottom: 35px;
}

.profile__field {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 500px;
	padding-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #979797;
}

.profile__field:last-child {
	border-bottom: none;
}

.profile__field:first-child {
	padding-top: 0;
}

.profile__label {
	width: 100px;
	margin: auto 0;
}

.profile__value {
	margin-left: 84px;
}

.profile__edit-change-password {
	margin-left: 45px;
	padding: 18px 0;
	border-top: 1px solid #979797;
}

.profile__edit,
.profile__change-password {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 8px 0;
	cursor: pointer;
}

.edit-icon img,
.change-password-icon img {
	height: 16px;
	width: 16px;
}

.edit-text p,
.change-password-text p {
	color: #047EFB;
	padding-left: 7px;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 16px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 14px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 14px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 14px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.mobile-header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 57px;
}

.mobile-header__logo {
	margin: auto 0;
	max-height: 32px;
	max-width: 24px;
}

.mobile-header__pagename {
	margin: auto 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	color: #047EFB;
}

.mobile-header__menu {
	float: right;
	margin: auto 0;
	max-width: 23px;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

.survey {
	padding-top: 23px;
	position: relative;
}

.survey__inline {
	display: inline-block;
}

.survey__pagenumber-username-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.survey__bold-pagenumber {
	font-weight: 600;
}

.survey__section {
	font-size: 14px;
}

.survey__bold-username {
	font-weight: 600;
}

.survey__verticalline {
	width: 1px;
	height: 23px;
	border: solid #98A8B2;
	border-width: 1px;
	margin: 0 17px 0 17px;
	-webkit-transform: translate(0px, 5px);
	        transform: translate(0px, 5px);
}

.survey__lastsaved {
	text-align: right;
	margin-top: -19px;
	font-size: 14px;
	color: #FC7503;
}

.loadingbar { /*Tool tip to display time*/ /*End for tool tip*/
}

.loadingbar__loadingicon {
	background: url("../images/progressbar.svg");
	height: 17px;
	width: 100%;
	background-size: 100% 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-repeat: no-repeat;
}

.loadingbar__progressline {
	height: 2px;
	background-color: #047EFB;
	position: absolute;
	top: 42%;
	width: 33%;
	left: 1px;
}

.loadingbar__tooltip {
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #047EFB;
	left: 33%;
}

.loadingbar__tooltiptext {
	width: 100px;
	height: 31px;
	background-color: #047EFB;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	padding: 2px 0;
	position: absolute;
	top: -13px;
	left: 18px;
	border: 1px solid #047EFB;
}

.loadingbar__tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 90%;
	margin-top: -5px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-right: 25px solid #047EFB;
}

.loadingbar__leadership {
	font-size: 18px;
	color: #047EFB;
	margin: 21px 0 31px 0;
}

.errormessage {
	display: none;
}

.question__toanswer.error .errormessage {
	display: block;
	color: #F02727;
	font-size: 14px;
	position: absolute;
	right: 0;
	margin-right: 40px;
}

.answer__container {
	display: inline-block;
	position: relative;
	padding-left: 29px;
	font-size: 18px;
	color: #047efb;
	margin-bottom: 10px;
	cursor: pointer;
}

.answer__container input {
	display: none;
}

.answer__checkmark {
	position: absolute;
	top: 5px;
	left: 0;
	height: 17px;
	width: 17px;
	background-color: #fff;
	border: solid #A1A1A1;
	border-width: 1px;
}

.answer__container input:checked ~ .answer__checkmark {
	background-color: #F3CA11;
}

.answer__checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.answer__container input:checked ~ .answer__checkmark:after {
	display: block;
}

.answer__container .answer__checkmark:after {
	left: 5px;
	top: 1px;
	width: 3px;
	height: 9.2px;
	border: solid #429C40;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.question {
	border: solid #D4D4D4;
	border-width: 0 0 2px 2px;
	padding-left: 32px;
	padding-bottom: 7px;
	margin-left: 21px;
	margin-bottom: 32px;
}

.question__question-number {
	height: 35px;
	width: 35px;
	background: #E9F0FF;
	border: solid #D4D4D4 1px;
	border-radius: 50%;
	font-size: 18px;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	left: 41px;
}

.question__questionposition {
	padding-top: 6px;
	padding-bottom: 16px;
	font-size: 18px;
}

.question--field {
	padding-bottom: 32px;
}

.question__nonoptional {
	height: 53px;
}

.question__optional {
	height: 174px;
}

.question__error-position {
	display: none;
}

.question__forerror.error .question__error-position {
	display: block;
	color: #EF1010;
	position: absolute;
	left: 319px;
	top: 11px;
}

.question__forerror.error .question__nonoptional {
	border: 1px solid #EF1010;
}

.answer__textarea {
	resize: vertical;
	max-width: 835px;
	border: 1px solid #F3CA11;
}
.other-input {	
	min-height: auto !important;
	padding: 12px 5px;
}
.optionaltext {
	color: #047EFB;
	line-height: 20px;
	font-style: italic;
	text-align: end;
}

.answer__format {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 15px;
}

.answer__button {
	display: inline-block;
	position: relative;
	padding-left: 150px;
	font-size: 14px;
}

.answer__button input {
	display: none;
}

.answer__buttoncheckmark {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #F1D65D;
	min-width: 96px;
	height: 36px;
	padding: 0 5px;
	border-radius: 4px;
	color: #047EFB;
	background-color: #fff;
}

.answer__button input:checked ~ .answer__buttoncheckmark {
	background-color: #F3CA11;
	color: #000;
}

.answer__buttoncheckmark:after {
	content: "";
	position: absolute;
	display: none;
}

.answer__buttontext {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 4px;
	cursor: pointer;
}

.pagefooter-wrapper {
	width: calc(100% + 88px);
	-webkit-transform: translate(0px, 0px);
	        transform: translate(0px, 0px);
	background: #F1F1F1;
	-webkit-transform: translateX(-45px);
	        transform: translateX(-45px);
	height: 97px;
}

.pagefooter {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.pagefooter__buttongap {
	margin-top: 24.5px;
	margin-right: 42px;
}

.pagefooter__buttongap-previous {
	margin-right: 0;
}

.pagefooter__buttongap-next {
	margin-right: 33px;
}

.previous {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.previous:focus {
	outline: none;
}

.full-width {
	max-width: 1920px;
	margin: 0 auto;
}

.restrict-width {
	max-width: 1366px;
	margin: 0 auto;
}

.padding-lr {
	padding: 0 40px;
}

.mr-left-0 {
	margin-left: 0 !important;
}

.mr-right-0 {
	margin-right: 0 !important;
}

.pad-left-0 {
	padding-left: 0 !important;
}

.pad-right-0 {
	padding-right: 0 !important;
}

.verticalM {
	display: inline-block;
	vertical-align: middle;
}

.verticalT {
	display: inline-block;
	vertical-align: top;
}

.m-d-hide {
	display: block !important;
	opacity: 1;
}

.m-d-show {
	display: none !important;
	opacity: 0;
}

.m-hide {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.m-show {
	display: none !important;
	opacity: 0;
}

.mob-show {
	display: none;
	opacity: 0;
}

.verticalB {
	display: inline-block;
	vertical-align: bottom;
}

.d-show {
	display: block !important;
}

.d-hide {
	display: none !important;
}

.hide {
	display: none !important;
}

.t-d-hide {
	display: block !important;
}

.t-d-show {
	display: none !important;
}

.t-f-show {
	display: none !important;
}

.show {
	display: inline-block !important;
}

.v-hidden {
	visibility: hidden !important;
}

.v-show {
	visibility: visibility !important;
}

button {
	outline: none;
	border: none;
	font-family: inherit;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	        appearance: none;
	background: transparent;
}

.buttons-block {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.btn-fill {
	color: #fff;
	font-size: 16px;
	background-color: #71afe0;
	padding: 12px 35px;
	border-radius: 4px;
}

.btn-text {
	color: #71afe0;
	font-size: 14px;
	background-color: transparent;
	margin-left: 20px;
}

/* custom checkbox styles start */

.checkbox-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding-top: 15px;
}

.checkbox-block {
	margin-bottom: 20px;
	width: 250px;
}

.checkbox-block span {
	display: inherit;
	padding-left: 26px;
	color: #929ba5;
	font-size: 14px;
}

.checkbox-label {
	color: #504b4a;
	font-size: 16px;
}

input[type="checkbox"] {
	width: inherit;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.6em;
	cursor: pointer;
	line-height: 14px;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: url("../images/checkbox-1.svg");
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: url("../images/checkbox-2.svg");
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
}

/* custom checkbox styles end */

/* common styles end */

.page {
	overflow: hidden;
}

section.section-padding {
	padding-top: 40px;
}

.display-block__desktop {
	display: block !important;
}

.display-block__mobile {
	display: none !important;
}

.display-flex__desktop {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.display-flex__mobile {
	display: none !important;
}

.slick-initialized .slick-slide {
	outline: none;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.title {
	font-size: 18px;
	color: #047EFB;
	font-weight: 600;
	line-height: 1.2;
}

.cancel {
	font-size: 18px;
	font-weight: 600;
	margin-left: 20px;
}

.count {
	font-size: 32px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	color: #161920;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body :focus {
	outline: none;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.button {
	width: 128px;
	height: 53px;
	line-height: 53px;
	padding: 0 10px;
	background-image: url("../images/button_frame.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	border: none;
	color: #161920;
	cursor: pointer;
}

.button:focus {
	outline: none;
}

/*reset inputs*/

input,
select,
option,
textarea {
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-size: 18px;
	padding: 16px 5px;
	width: 100%;
	color: #161920;
	border: 1px solid #53535D;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, option::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	font-size: 18px;
	color: #161920;
}

input:-ms-input-placeholder, select:-ms-input-placeholder, option:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 18px;
	color: #161920;
}

input::placeholder,
select::placeholder,
option::placeholder,
textarea::placeholder {
	font-size: 18px;
	color: #161920;
}

label {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	font-style: normal;
}

input,
select,
textarea,
button {
	-webkit-tap-highlight-color: transparent;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none;
}

input[type="text"],
input[type="password"] {
	width: 100%;
	background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	outline: none;
}

textarea {
	resize: none;
	width: 100%;
	background: transparent;
}

textarea:focus {
	outline: none;
}

.form__error {
	display: none;
	color: #ff0000;
	font-size: 14px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

svg {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

img {
	display: block;
	width: 100%;
}

a {
	text-decoration: none;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	color: #047EFB;
	-webkit-tap-highlight-color: transparent;
}

a:focus {
	outline: none;
}

a img {
	border: none;
	outline: none;
}

input[type=text]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=text]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

select {
	-webkit-appearance: none;
	        appearance: none;
}

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

.header {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 15px 0px 0px 0px;
	font-family: inherit;
	width: 100%;
}

.header__left {
	margin: auto 0;
}

.header__logo-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.header__logo {
	-webkit-transform: translate(0px, -10px);
	        transform: translate(0px, -10px);
}

.header__logo img {
	width: auto;
	max-height: 47px;
	height: 100%;
}

.header__survey-name {
	font-size: 24px;
	color: #047EFB;
	font-weight: 600;
	letter-spacing: 1px;
}

.header__devider {
	margin: 0px 20px;
	border-right: 1px solid #98A8B2;
	width: 1px;
	height: 40px;
}

.header__login .header__survey-name {
	width: 100%;
	line-height: 30px;
}

.header__right {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.header__user-dropdown {
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	position: absolute;
	right: -3px;
}

.header__header-line {
	width: calc(100% - 60px);
}

.name {
	font-weight: 500;
	padding-right: 10px;
}

.mobile-header {
	margin-top: 9px;
}

.mobile-header__header-line img {
	height: 4px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}

.dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 999;
}

.dropdown-content a {
	color: #000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.form__group {
	margin-top: 30px;
	width: 100%;
}

.form__group span {
	display: none;
}

.form__group.error {
	position: relative;
}

.form__group.error span {
	color: #EF1010;
	position: absolute;
	bottom: -22px;
	width: 100%;
	left: 0;
	display: inline-block;
}

.form__group.error input {
	border: 1px solid #EF1010 !important;
}

.form__group.buttons-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.form__group input {
	padding-left: 16px;
}

.form__group.password {
	position: relative;
}

.form__group.password::after {
	content: "";
	position: absolute;
	right: 0;
	background-image: url(../images/eye.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 18px;
	height: 13px;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	margin-right: 15px;
}

.welcome {
	margin: 15px auto 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 1440px;
}

.welcome__left-content {
	min-width: 50%;
	padding: 0 24px;
}

.welcome__content-wrapper {
	display: block;
}

.welcome__message {
	color: #047EFB;
	font-size: 20px;
	border-spacing: 0px 31px;
	margin-bottom: 10px;
}

.welcome__infotext {
	font-size: 16px;
	padding: 8px 0;
	line-height: 24px;
}

.welcome__userlist {
	margin-top: 30px;
}

.welcome__userlist-more {
	margin-top: 20px;
	margin-bottom: 8px;
}

.welcome__right-content {
	z-index: -1;
}

.welcome__infographic-wrapper {
	width: 100%;
}

.welcome__add-respodents-button {
	margin-top: 34px;
}

.welcome__add-respodents-button button {
	width: auto;
}

.welcome__get-started-button {
	margin-top: 34px;
}

.welcome__get-started-button button {
	width: auto;
}

.userlist-user {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.welcome__user {
	margin-right: 40px;
}

.welcome__user__user-group {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.welcome__user__img img {
	height: 60px;
	width: 60px;
}

.welcome__user__details {
	line-height: 16px;
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
	padding-left: 6px;
}

.welcome__user__name {
	color: #047EFB;
	font-size: 12px;
}

.welcome__user__description {
	font-size: 12px;
}

.line {
	border: 1px solid #b1b1b1;
	width: 100%;
}

.link {
	font-size: 12px;
	color: #047EFB;
}

.info__header {
	font-weight: 1000;
}

.info__list {
	list-style: disc;
	padding: 0 0 0 16px;
}

.info__item {
	font-size: 14px;
}

.group__list {
	list-style: none;
	padding: 0 0 0 16px;
}

.group__item {
	font-size: 16px;
	margin: 5px 0;
}

/*Survey going to close alert?*/

.respondent__survey-alert-wrapper {
	position: relative;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 90%;
	height: 48px;
	background-color: #ef200f;
	transition: 1s ease-in-out;
}

.respondent__survey-alert-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 90%;
}

.respondent__survey-close {
	margin-right: 8px;
	cursor: pointer;
}

.respondent__survey-smaller-alert {
	cursor: pointer;
	height: 30px !important;
	width: 269px;
	transition: 1s ease-in-out;
}

.respondent__survey-alert-message-icon {
	width: 30px;
	transition: 1s ease-in-out;
}

.respondent__survey-alert-message-text {
	color: #ffffff;
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	padding-left: 8px;
	transition: 1s ease-in-out;
}

.survey-alert-wrapper {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 5;
}

.alert-text-smaller {
	font-size: 14px !important;
	line-height: 16px !important;
	transition: 1s ease-in-out;
}

.alert-icon-smaller {
	width: 20px !important;
	transition: 1s ease-in-out;
}

.alert-message__icon,
.alert-message__text {
	transition: 1s ease-in-out;
}

.list-indent {
	text-indent: -15px;
    margin-left: 15px;
}
.list-indent-param {
	text-indent: 0px;
    margin-left: 15px;
}
@media (max-width: 1150px) {

.login__pdf-content {
	max-width: 300px;
}

}

@media (max-width: 1023px) {

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.dashboard-respondent__text {
	font-size: 16px;
}

.user__deadline {
	margin: auto;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.dashboard__section-logo-label {
	margin-left: 16px;
}

.dashboard__progress {
	margin-right: 0;
	padding-right: 0;
}

.dashboard__date .date {
	font-size: 20px;
}

.dashboard__action {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 22%;
}

.dashboard__go-arrow {
	margin-right: 10px;
	margin-left: auto;
}

.dashboard__view-all {
	margin: auto 16px auto 0px;
	text-align: right;
}

.user__deadline {
	margin: auto;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper::before {
    height: 52px;
    width: 52px;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.login {
	margin-top: 10px;
}

.login__Infographics-wrapper {
	padding-right: 30px;
}

.login__pdf-content {
	max-width: 100%;
	position: initial;
	margin-top: 10px;
}

.login__forms {
	padding-top: 70px;
	padding-bottom: 70px;
}

.login__form-fields {
	max-width: 270px;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.respondent__text {
	font-size: 18px;
	width: 100%;
}

.respondent__drop-down-ui-list {
	width: 100%;
}

.respondent__invite-remind {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-left: 28px;
	margin-right: -28px;
}

.respondent__invite-all,
.respondent__remind-all {
	margin: 4px auto;
	width: 120px;
}

.respondent__invite-all .invite-all-text,
.respondent__invite-all .remind-all-text,
.respondent__remind-all .invite-all-text,
.respondent__remind-all .remind-all-text {
	width: 100%;
	margin: auto;
}

.user__details-grid:nth-child(5n) {
	margin-right: auto;
}

.user__deadline {
	margin: auto 0;
}

.user__edit-delete {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 40%;
}

.user__edit {
	width: 100%;
	-webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin: auto auto auto 50px;
}

.user__delete {
	width: 100%;
	margin-left: 50px;
}

.user__deadline {
	margin: auto;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.question__toanswer.error .errormessage {
	margin-right: 30px;
}

.padding-lr {
	padding: 0 30px;
}

.t-d-hide {
	display: none !important;
}

.t-d-show {
	display: block !important;
}

.t-f-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.header__user-profile-wrapper img {
	max-width: 50px;
	max-height: 50px;
}

.welcome {
	margin-top: 30px;
	margin-bottom: 50px;
}

.welcome__left-content {
	padding: 0;
}

.welcome__infotext {
	width: 100%;
	padding: 0 0 8px 0;
}

.welcome__infotext .info {
	width: 500px;
}

.welcome__right-content {
	width: auto;
}

.welcome__infographic-wrapper {
	right: 0;
	padding-right: 0;
	margin: 0 auto;
}

.userlist-user {
	margin-top: 0;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 100%;
}

.welcome__user {
	margin-right: 3px;
}

}

@media (max-width: 899px) {
	/*.header__logo img { max-width: 120px !important; }*/
	.header__survey-name { font-size: 16px; }
	.answer__button { padding-left: 140px; }
	.answer__buttoncheckmark { min-width: 90px; }
	.header__right .name p { font-size: 12px; }
	.header__user-dropdown { margin: auto 0; }
	
.welcome__user__user-group {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

}

@media (max-width: 767px) {
	/*.answer__buttontext { width: max-content; }*/
	
	.range-slide .answer__format {
		width: 100%;
	}
.modern-browser .question-matrix-table.reflow tr { margin: 15px 0 !important; }
.modern-browser .question-matrix-table.reflow .matrix-row-label { font-weight: bold; }

.cancel {
	font-size: 14px;
	margin-left: 10px;
}

.alert { font-size: 14px; }

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

body {
	font-size: 14px;
	line-height: 26px;
}

.button {
	font-size: 14px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.potentia-footer__left-content {
	margin: 0;
}

.potentia-footer__right-content {
	margin: 0;
}

.potentia-footer__copyright-logo {
	font-size: 8px;
}

.potentia-footer__copyright-text {
	font-size: 8px;
}

.potentia-footer__poweredby {
	font-size: 8px;
}

.potentia-footer__potentia-logo {
	width: 38px;
	height: auto;
	padding-top: 2px;
}

.mobiledropdown {
	position: unset;
}

.mobiledropdown-content a {
	font-size: 16px;
}

.mobiledropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #f9f9f9;
	min-width: 100%;
	top: 0;
	height: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 99;
}

.header__nav .header__links {
	position: fixed;
	height: 100%;
	width: 100%;
	display: none;
	left: 0;
	background: #fff;
	top: 0;
	overflow: auto;
	z-index: 10;
}

.header__close-icon {
	position: absolute;
	right: 19px;
	top: 24px;
	fill: #387abb;
	z-index: 99;
}

.header__links ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 20%;
}

.header__nav .header__links li {
	margin: 15px auto !important;
}

.header__links a.active {
	color: #387abb;
	font-weight: 700;
	font-size: 18px;
}

.header__links a {
	padding: 7px 27px 7px 27px;
	color: black;
	cursor: pointer;
}

.header__close-icon:hover .dropdown-content {
	top: 0;
	display: none;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.progress-bar__respondent-count span {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
}

.progress-bar__respondent-count {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
}

.dashboard-respondent__banner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

.dashboard-respondent__drop-down-block {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #333A38;
}

.dashboard-respondent__text {
	width: 100%;
	margin-bottom: 20px;
}

.dashboard-respondent__drop-down select {
	min-width: 100%;
}

.dashboard-respondent__drop-down {
	max-width: 100%;
}

.dashboard-respondent__progress-card {
	padding: 20px 0px;
	border: none;
}

.dashboard-respondent__total-req {
	min-height: 105px;
	min-width: 100px;
	border: 1px solid #98A8B2;
	padding-right: 0;
	-webkit-align-content: center;
	    -ms-flex-line-pack: center;
	        align-content: center;
	text-align: center;
}

.dashboard-respondent__progress-bar-list:last-child {
	margin-bottom: 0;
}

.dashboard-respondent__progress-bar-list .progress-bar__respondent {
	margin-bottom: 15px;
}

.dashboard-respondent__progress-bar-list .progress-bar__respondent:last-child {
	margin-bottom: 0;
}

.dashboard-respondent__progress-bar-list {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	width: calc(100% - 130px);
}

.respondent__users-data-section.grid .respondent__users-data {
	padding-top: 20px;
}

.respondent__users-data-section.grid .respondent__user-data-list {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.respondent__users-data-section.grid .user__details-grid {
	margin-right: 0%;
	margin-bottom: 30px;
	margin-top: 20px;
}

.respondent__postion-block {
	display: none;
}

.header__dashboard {
	display: none;
}

.user__group {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 8px;
}

.user__manage-checkbox {
	margin-top: 0;
	margin-right: 0;
}

.user__manage-checkbox .manage-checkbox-container {
	margin-bottom: 0;
}

.user__manage-checkbox .manage-checkbox-checkmark {
	left: auto;
	right: 0;
}

.user__progress {
	width: auto;
}

.user .progress__value {
	font-size: 20px;
	font-weight: 700;
}

.user .progress__bar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.user .progress__bar-bars {
	width: 150px;
	margin-left: 8px;
}

.user__details {
	width: 100%;
	margin-top: 8px;
}

.user__name-desc {
	display: block;
	margin: auto 0;
}

.user__name {
	width: auto;
}

.user__description {
	width: auto;
	font-size: 16px;
}

.user__deadline-action {
	width: 100%;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.user__deadline {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	font-size: 18px;
	margin-left: 85px;
	white-space: nowrap;
}

.user__deadline-text {
	font-size: 16px;
}

.user__action {
	width: auto;
}

.user__action .action-label {
	display: none;
}

.user__action .action-arrow {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	overflow: hidden;
}

.user__action .action-arrow img {
	-webkit-transform: translate(-23%, -23%);
	        transform: translate(-23%, -23%);
	height: 35px;
	width: 35px;
}

.white-bar {
	height: 4px;
}

.yellow-bar {
	height: 8px;
}

.grey-bar {
	height: 8px;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.form__group.error input {
	border: none !important;
	border-bottom: 1px solid #EF1010 !important;
	border-radius: 0px;
}

.form__group {
	margin-top: 60px;
}

.form__group input {
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 0px 6px 8px;
}

body {
	font-size: 14px;
	line-height: 26px;
}

.header__dashboard {
	display: none;
}

.dashboard__section {
	border: transparent;
	margin: 20px 0;
}

.dashboard__section-header {
	border: 1px solid #CFCDCD;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 5px 0;
}

.dashboard__section-logo-label {
	display: none;
}

.dashboard__progress {
	width: 100%;
	margin: 0;
	padding: 0 20px;
	font-size: 20px;
}

.dashboard__progress .progress .value {
	font-size: 23px;
}

.dashboard__progress .progress .total {
	font-size: 23px;
}

.dashboard__progress .progress .text {
	font-size: 20px;
}

.dashboard__progress .progress .progress-bar {
	margin-top: 0;
}

.dashboard__date {
	margin: auto 8px;
}

.dashboard__action {
	width: 100%;
	margin: 16px 0;
	-webkit-flex-direction: row;
	    -ms-flex-direction: row;
	        flex-direction: row;
}

.dashboard__go-arrow {
	width: 30px;
	height: 30px;
	margin-left: 0;
}

.dashboard__view-all {
	font-size: 20px;
	margin-right: 8px;
}

.dashboard__userlist li,
.dashboard__userlist li:last-child {
	border-bottom: 1px solid #979797;
}

.dashboard__m-section-logo-label {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.mobile-hide {
	display: none;
}

.user__group {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 8px;
}

.user__manage-checkbox {
	margin-top: 0;
	margin-right: 0;
}

.user__manage-checkbox .manage-checkbox-container {
	margin-bottom: 0;
}

.user__manage-checkbox .manage-checkbox-checkmark {
	left: auto;
	right: 0;
}

.user__progress {
	width: auto;
}

.user .progress__value {
	font-size: 20px;
	font-weight: 700;
}

.user .progress__bar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.user .progress__bar-bars {
	width: 150px;
	margin-left: 8px;
}

.user__details {
	width: 100%;
	margin-top: 8px;
}

.user__name-desc {
	display: block;
	margin: auto 0;
}

.user__name {
	width: auto;
}

.user__description {
	width: auto;
	font-size: 16px;
}

.user__deadline-action {
	width: 100%;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.user__deadline {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	font-size: 18px;
	margin-left: 85px;
	white-space: nowrap;
}

.user__deadline-text {
	font-size: 16px;
}

.user__action {
	width: auto;
}

.user__action .action-label {
	display: none;
}

.user__action .action-arrow {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	overflow: hidden;
}

.user__action .action-arrow img {
	-webkit-transform: translate(-23%, -23%);
	        transform: translate(-23%, -23%);
	height: 35px;
	width: 35px;
}

.white-bar {
	height: 4px;
}

.yellow-bar {
	height: 8px;
}

.grey-bar {
	height: 8px;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.login {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 60px;
}

.login__Infographics-wrapper {
	max-width: 500px;
	padding-right: 0;
	margin-left: auto;
}

.login__forms h2 {
	font-size: 16px;
	margin-bottom: -20px;
	text-align: center;
}

.login__forms {
	background-image: unset;
	padding-top: 4px;
	padding-bottom: 20px;
	margin: 0 auto;
}

.login__form-fields {
	max-width: 400px;
	width: 100%;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.login__popup .form__drop-down select {
	min-width: 100%;
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 0px 6px 8px;
}

.login__popup {
	background: #fff;
}

.login__popup-main {
	background: #fff;
	margin: 0 auto;
	width: 100%;
	border: none;
	border-radius: 0px;
	padding: 20px 30px 40px 30px;
	max-width: 500px;
}

.login__close {
	margin-bottom: 16px;
}

.form__group.error input {
	border: none !important;
	border-bottom: 1px solid #EF1010 !important;
	border-radius: 0px;
}

.form__group {
	margin-top: 60px;
}

.form__group input {
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 0px 6px 8px;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.progress-bar__respondent-count span {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
}

.progress-bar__respondent-count {
	font-size: 14px;
	line-height: 1;
	font-weight: 600;
}

.respondent__banner {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

.respondent__drop-down-block {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 20px 0px 0px 0px;
	border-top: 1px solid #333A38;
}

.respondent__text {
	display: none;
}

.respondent__drop-down select {
	min-width: 100%;
}

.respondent__drop-down {
	max-width: 100%;
}

.respondent__add-respondent-button {
	display: none;
}

.respondent__progress-card {
	padding: 20px 0px;
	border: none;
}

.respondent__total-req {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border: 1px solid #979797 !important;
	min-width: 105px;
}

.respondent__total-req .respondent__invited-req .count,
.respondent__total-req .respondent__accepted-req .count {
	font-size: 24px;
}

.respondent__total-req .respondent__invited-req,
.respondent__total-req .respondent__accepted-req {
	border: none;
	padding: 5px 10px;
	min-height: 28px;
	min-width: 100px;
}

.respondent__progress-bar-list .progress-bar__respondent {
	margin-bottom: 20px;
}

.respondent__progress-bar-list {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	width: calc(100% - 130px);
}

.respondent__progress-bar-list .progress-bar__respondent:last-child {
	margin-bottom: 0px;
}

.respondent__invite-remind {
	display: none;
}

.respondent__mobile-invite-remind-add {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.user__deadline-action {
	width: 100% !important;
}

.user__deadline {
	width: 100% !important;
}

.user__edit-delete {
	display: none;
}

.user__edit {
	display: none;
}

.user__delete {
	display: none;
}

.add-respondent__popup {
	background: #fff;
}

.add-respondent__popup-main {
	border: none;
	padding: 15px;
}

.add-respondent__popup-main .add-respondent-email {
	margin-top: 0px !important;
}

.add-respondent__popup-main .add-respondent-email input {
	width: 100%;
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 8px;
}

.add-respondent__popup-main .add-respondent__popup-btn {
	width: 108px;
	height: 45px;
	margin: 0 10px;
	font-size: 16px;
	line-height: 20px;
}

.add-respondent__popup-main .upload-input-box {
	border: 1px solid #53535D !important;
}

.add-respondent__popup-main .upload-input-box input {
	border: none;
	margin: 8px 0;
}

.add-respondent__title-close-button {
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

.add-respondent__close {
	-webkit-transform: none;
	        transform: none;
}

.add-respondent-form__input-name,
.add-respondent-form__dropdown-gender-relationship {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 0;
	width: 100%;
}

.add-respondent-form__input-name .add-respondent-first-name,
.add-respondent-form__input-name .add-respondent-gender,
.add-respondent-form__dropdown-gender-relationship .add-respondent-first-name,
.add-respondent-form__dropdown-gender-relationship .add-respondent-gender {
	margin-right: 0px;
}

.add-respondent-form__input-name .add-respondent-last-name,
.add-respondent-form__input-name .add-respondent-relationship,
.add-respondent-form__dropdown-gender-relationship .add-respondent-last-name,
.add-respondent-form__dropdown-gender-relationship .add-respondent-relationship {
	margin-left: 0px;
}

.add-respondent-form__input-name input,
.add-respondent-form__dropdown-gender-relationship input {
	width: 100%;
	margin-bottom: 45px;
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 8px;
}

.form__drop-down {
	width: 100%;
	margin-bottom: 45px;
}

.form__drop-down select {
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 8px;
}

.user__group {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 8px;
}

.user__manage-checkbox {
	margin-top: 0;
	margin-right: 0;
}

.user__manage-checkbox .manage-checkbox-container {
	margin-bottom: 0;
}

.user__manage-checkbox .manage-checkbox-checkmark {
	left: auto;
	right: 0;
}

.user__progress {
	width: auto;
}

.user .progress__value {
	font-size: 20px;
	font-weight: 700;
}

.user .progress__bar {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.user .progress__bar-bars {
	width: 150px;
	margin-left: 8px;
}

.user__details {
	width: 100%;
	margin-top: 8px;
}

.user__name-desc {
	display: block;
	margin: auto 0;
}

.user__name {
	width: auto;
}

.user__description {
	width: auto;
	font-size: 16px;
}

.user__deadline-action {
	width: 100%;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.user__deadline {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	font-size: 18px;
	margin-left: 85px;
	white-space: nowrap;
}

.user__deadline-text {
	font-size: 16px;
}

.user__action {
	width: auto;
}

.user__action .action-label {
	display: none;
}

.user__action .action-arrow {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	overflow: hidden;
}

.user__action .action-arrow img {
	-webkit-transform: translate(-23%, -23%);
	        transform: translate(-23%, -23%);
	height: 35px;
	width: 35px;
}

.white-bar {
	height: 4px;
}

.yellow-bar {
	height: 8px;
}

.grey-bar {
	height: 8px;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.profile::after {
	content: "";
	position: absolute;
	width: 359px;
	height: 400px;
	top: -130px;
	border-radius: 50%;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	background: #f3ca11;
	left: -330px;
	z-index: -1;
}

.profile {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: 83px;
}

.profile__background-image {
	position: relative;
}

.profile__picture-edit-wrapper {
	height: 132px;
	width: 132px;
}

.profile__picture {
	width: 132px;
	height: 132px;
}

.profile__edit-picture {
	height: 28px;
	width: 28px;
	top: 3px;
	right: 8px;
}

.profile__edit-picture img {
	height: 11px;
	width: 11px;
	margin: 7px;
}

.profile__details {
	margin: 25px 30px 0 30px;
}

.profile__field {
	width: 100%;
	padding-top: 2.6%;
	padding-bottom: 2.7%;
}

.profile__label {
	min-width: 84px;
	width: auto;
}

.profile__value {
	margin-left: 25px;
	white-space: nowrap;
}

.profile__edit-change-password {
	margin: 0 25px 0 25px;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.survey__pagenumber-username-wrapper {
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
}

.survey__verticalline {
	display: none !important;
	opacity: 0;
}

.survey__lastsaved {
	position: absolute;
	right: 0;
	top: 56px;
}

.loadingbar__loadingicon {
	background: url("../images/time graph mobile.svg");
	background-size: 100% 100%;
}

.question__toanswer.error .errormessage {
	display: none;
}

.answer__container {
	padding-left: 25px;
	margin-bottom: 12px;
	line-height: 1;
}

/*.question__question-number {
	left: 21px;
}*/

.question__nonoptional {
	height: 35px;
}

.question__optional {
	height: 117px;
}

.question--button {
	padding-bottom: 0px;
}

.answer__format {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-bottom: 8px;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.answer__button {
	padding-bottom: 56px;
}

.answer__buttoncheckmark {
	left: 14px;
}

.pagefooter__buttongap-next {
	margin-right: 9px;
}

.previous {
	margin-right: -17px;
	font-size: 14px;
	width: 100px;
}

.button {
	font-size: 12px;
	width: 120px;
}

.padding-lr {
	padding: 0 20px;
}

.m-d-hide {
	display: none !important;
	opacity: 0;
}

.m-d-show {
	display: block !important;
	opacity: 1;
}

.m-hide {
	display: none !important;
	opacity: 0;
}

.m-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.mob-show {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	opacity: 1;
}

.display-block__desktop {
	display: none !important;
}

.display-block__mobile {
	display: block !important;
}

.display-flex__desktop {
	display: none !important;
}

.display-flex__mobile {
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.title {
	font-size: 16px;
}

.header__survey {
	display: none;
}

.header__logo {
	-webkit-transform: none;
	        transform: none;
}

.form__group.error input {
	border: none !important;
	border-bottom: 1px solid #EF1010 !important;
	border-radius: 0px;
}

.form__group {
	margin-top: 60px;
}

.form__group input {
	border: none;
	border-bottom: 1px solid #98A8B2;
	padding: 6px 0px 6px 8px;
}

.welcome {
	-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse;
	margin-top: -70px;
	margin-bottom: 30px;
}

.welcome__infotext {
	width: 100%;
	font-size: 14px;
}

.welcome__infotext .info {
	width: 100%;
}

.welcome__right-content {
	width: auto;
	margin-top: 20px;
}

.welcome__infographic-wrapper {
	padding-right: 0;
	margin: 0 auto;
}

.welcome__get-started-button {
	margin-top: 16px;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 20px !important;
}

.userlist-user {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.m-hide {
	display: none;
}

	.respondent__survey-alert-wrapper {
		height: 28px !important;
	}

	.respondent__survey-smaller-alert {
		height: 20px !important;
		width: 200px !important;
	}

	.respondent__survey-alert-message-icon {
		width: 20px !important;
	}

	.respondent__survey-alert-message-text {
		font-size: 14px;
		line-height: 20px !important;
	}
	
	.alert-text-smaller {
		font-size: 10px !important;
		line-height: 8px !important;
	}

	.alert-icon-smaller {
		width: 12px !important;
	}

	.survey-page .question-matrix-row-odd td, .survey-page .question-matrix-row-odd .matrix-row-label-cell {
		background-color: #efefee;
	}
	
	.custom-radios { text-align: left !important; }
	
	.custom-radios input[type="radio"] + label p {
		display: block !important;
	}
	.custom-radios input[type="radio"] + label { display: flex; }
	.client_logo { max-width:100px !important; }	
		
	.user_name {	
		font-size: 14px !important;	
		padding: 0 8px !important;	
	}
	.mobiledropdown-content nav {
		width: 100%;
		height: 100vh;
		background: #ffffff;
	}
	.header__nav-block::after {
		z-index: 9;
	}
}

@media (max-width: 737px) {

.login__pdf-content {
	display: none;
}

}

@media (max-width: 553px) {

.question__forerror.error .question__error-position {
	display: none;
}

}

.resp-label { display: none; }
.radio { width: auto; opacity: 0; }
.radio-label { 
	display: inline-block;
    position: relative;
    font-size: 14px;
}
.radio-label-text {
	border: 1px solid #f1d65d;
    min-width: 96px;
    height: auto;
    padding: 0 5px;
    border-radius: 4px;
    color: #047efb;
    background-color: #fff;
	display: -ms-grid;
    display: grid;
}
.answer input:checked + label .radio-label-text {
	background-color: #F3CA11;
    color: #000;
}

.radio-label-text { font-size: 18px; }
.resp_txtbox { width: 40% !important; }
.answer table thead tr th, .answer table thead tr td, .answer table tbody tr td { font-size: 18px; }
.answer table thead tr td {
	padding: 0 5px;
}
/*# sourceMappingURL=maps/main.css.map */
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.m-auto {
	margin: auto;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-1 {
	margin-bottom: .25rem !important;
}
.mb-2 {
	margin-bottom: .5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-1 {
	margin-top: .25rem !important;
}
.mt-2 {
	margin-top: .5rem !important;
}
.mt-3 {
	margin-top: 1rem !important;
}
.ml-auto {
	margin-left: auto;
}
.ml-0 {
	margin-left: 0px !important;
}
.ml-1 {
	margin-left: .25rem !important;
}
.ml-2 {
	margin-left: .5rem !important;
}
.ml-3 {
	margin-left: 1rem !important;
}
.ml-4 {
	margin-left: 1.5rem !important;
}
.mr-0 {
	margin-right: 0px !important;
}
.mr-1 {
	margin-right: .25rem !important;
}
.mr-2 {
	margin-right: .5rem !important;
}
.mr-3 {
	margin-right: 1rem !important;
}
.mr-4 {
	margin-right: 1.5rem !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}
.pb-1 {
	padding-bottom: .25rem !important;
}
.pb-2 {
	padding-bottom: .5rem !important;
}
.pb-3 {
	padding-bottom: 1rem !important;
}
.pt-0 {
	padding-top: 0px !important;
}
.pt-1 {
	padding-top: .25rem !important;
}
.pt-2 {
	padding-top: .5rem !important;
}
.pt-3 {
	padding-top: 1rem !important;
}
.pl-0 {
	padding-left: 0px !important;
}
.pl-1 {
	padding-left: .25rem !important;
}
.pl-2 {
	padding-left: .5rem !important;
}
.pl-3 {
	padding-left: 1rem !important;
}
.pr-0 {
	padding-right: 0px !important;
}
.pr-1 {
	padding-right: .25rem !important;
}
.pr-2 {
	padding-right: .5rem !important;
}
.pr-3 {
	padding-right: 1rem !important;
}

.d-hide { display: none !important; }
.d-show { display: block !important; }

.d-flex { display: flex; }
.pull-left { float: left; }
.pull-right { float: right; }
.text-danger { color: #EF1010; }
.text-white { color: #ffffff; }
.text-black { color: #000000 !important; }

.fixed-bottom-footer {
	position: absolute;
    width: 100%;
    bottom: 0;
}

.custom_popup {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	left: 0;
	background: rgba(107, 107, 107, 0.75);
	z-index: 9;
	display: none;
	overflow: auto;
}

.custom_popup-main {
	max-width: 720px;
	margin: 0 auto;
	background: white;
	border: 1px solid #979797;
	border-radius: 4px;
	padding: 27px 51px 30px 50px;
	margin-top: 25px;
	margin-bottom: 50px;
}

.custom_popup-main .horizontal-line {
	border: 2px solid #F3CA11;
	border-radius: 4px;
	margin-bottom: 20px;
}

.custom_popup-main .custom_popup-btn {
	width: 160px;
	height: 53px;
	margin-right: 37px;
	font-size: 18px;
	font-weight: 600;
	white-space: nowrap;
	text-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.custom_popup_title-close-button {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 28px;
}

.custom_popup_close {
	width: 20px;
	margin-left: auto;
	cursor: pointer;
	-webkit-transform: translate(32px, -7px);
	        transform: translate(32px, -7px);
}

/* Alert css */
.alert {
	width: 95%;
	text-align: center;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
	font-size: 18px;
}
.alert-success {
    color: #fff;
    background-color: #3eb327;
    border-color: #3eb327;
}
.alert-danger {
    background-color: #ed1111;
    border-color: #ed1111;
    color: #fff;
}
.alert-warning {
    background-color: #ffba24;
    border-color: #ffba24;
    color: #fff;
}
.alert-info {
    background-color: #057ffa;
    border-color: #057ffa;
    color: #fff;
}
.alert-dismissible {
    padding-right: 4rem;
}
.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.fade.show {
    opacity: 1;
}

.popup_close_img {
    width: 20px;
    margin-left: auto;
    cursor: pointer;
    -webkit-transform: translate(32px,-7px);
    transform: translate(32px,-7px);
}

.invite-all-icon, .mobile-invite-icon {
	width: 40px;
	height: 40px;
	background: url("../images/invite_all.svg");
	background-size: 50% 50%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: right;
}

.remind-all-icon, .mobile-remind-icon {
	width: 40px;
	height: 40px;
	background: url("../images/time.svg");
	background-size: 50% 50%;
    background-position: center;
    background-repeat: no-repeat;
    text-align: right;
}

.badge-primary {
    color: #fff !important;
    background-color: #4285f4 !important;
}

.badge-danger {
	color: #fff !important;
	background-color: #ff3547;
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem !important;
}

.badge {
	display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    color: #fff !important;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.user__view-icon {
	font-size: 18px;
}

.full-width-footer-wrapper {
	position: fixed;
    width: 100%;
    bottom: 0;
	background-color: #fff;
}

input:-moz-read-only { /* For Firefox */
  background-color: #e8e8e8;
}

input:read-only {
  background-color: #e8e8e8;
}

select:disabled {
  background: #e8e8e8;
}

.category_invited {
	border-left: 1px solid #161920;
    line-height: 1;
    padding-left: 5px;
    margin-left: 5px;
}


/* Survey progress bar styles */
.step {
  list-style: none;
  margin: .2rem 0;
  width: 100%;
  border-left: 2px solid #9c8e8e;
  border-right: 2px solid #9c8e8e;
}

.step .step-item {
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  position: relative;
  text-align: center;
}

.step .step-item:first-child::before {
  background: #0069d9;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 100%;
}

.step .step-item:last-child::before {
  width: 150% !important;
}

.step .step-item:not(:first-child)::before {
  background: #0069d9;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
}

.step .step-item a {
  color: #acb3c2;
  display: inline-block;
  padding: 20px 10px 0;
  text-decoration: none;
}

.step .step-item a::before {
  background: #0069d9;
  border: .1rem solid #fff;
  content: "";
  display: block;
  height: .7rem;
  left: 50%;
  position: absolute;
  top: .5rem;
  width: .2rem;
}

.step .step-item.active a::before {
  background: #0069d9;
  border: .1rem solid #fff;
  content: "";
  display: block;
  height: .7rem;
  left: 50%;
  position: absolute;
  top: .5rem;
  width: .2rem;
}

.step .step-item.active ~ .step-item::before {
  background: #e7e9ed;
}

.step .step-item.active ~ .step-item a::before {
  background: #e7e9ed;
}

.step-active-box {
	width: 100px;
	height: 31px;
	background-color: #047EFB;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	padding: 2px 0;
	position: absolute;
	top: -5px;
	left: 55%;
	border: 1px solid #047EFB;
	z-index: 1;
}

.step-active-box::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 90%;
	margin-top: -5px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-right: 25px solid #047EFB;
}


/* Feedback CSS */
.survey-page .question__question-number { left: 0px !important; }
.survey-page .question-matrix-row-even td, .survey-page .question-matrix-row-even .matrix-row-label-cell {
    background-color: #efefee;
}

.radio-button-input {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    outline: 0;
    width: 20px;
    height: 20px;
    top: 8px;
    left: 0;
}

.custom-radios { text-align: center; }

.custom-radios div {
    display: inline-block;
	padding: 4px;
}
.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.custom-radios input[type="radio"] + label p {
	display: none;
}
.custom-radios input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #999;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}
.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.custom-radios input[type="radio"]:checked + label span {
    background-color: #2ecc71;
}

.custom-radios input[type="radio"]:checked + label span img {
    opacity: 1;
}

.custom-radios input[type="radio"] + label span img {
    opacity: 0;
    transition: all .3s ease;
}
.custom-radios input[type="radio"] { display: none; }
/* End of Feedback CSS */

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}

/* Bootsrap row styles */
.row{margin-right:-15px;margin-left:-15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:auto}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:auto}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0}
}
@media (min-width:992px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-3{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:auto}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:auto}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0}
}
@media (min-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}
	.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}
	.col-lg-3{width:25%}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666667%}
	.col-lg-pull-10{right:83.33333333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666667%}
	.col-lg-pull-7{right:58.33333333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666667%}
	.col-lg-pull-4{right:33.33333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.66666667%}
	.col-lg-pull-1{right:8.33333333%}
	.col-lg-pull-0{right:auto}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666667%}
	.col-lg-push-10{left:83.33333333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666667%}
	.col-lg-push-7{left:58.33333333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666667%}
	.col-lg-push-4{left:33.33333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.66666667%}
	.col-lg-push-1{left:8.33333333%}
	.col-lg-push-0{left:auto}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666667%}
	.col-lg-offset-10{margin-left:83.33333333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666667%}
	.col-lg-offset-7{margin-left:58.33333333%}
	.col-lg-offset-6{margin-left:50%}
	.col-lg-offset-5{margin-left:41.66666667%}
	.col-lg-offset-4{margin-left:33.33333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.66666667%}
	.col-lg-offset-1{margin-left:8.33333333%}
	.col-lg-offset-0{margin-left:0}
}
.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}

.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;padding:8px 16px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);opacity:.65;-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.focus,.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;background-image:none;border-color:#adadad}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;background-image:none;border-color:#204d74}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;background-image:none;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;background-image:none;border-color:#269abc}.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.focus,.btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;background-image:none;border-color:#d58512}.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;background-image:none;border-color:#ac2925}.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{font-weight:400;color:#337ab7;border-radius:0}.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}

/* begin Progress bar style */
.segment-item {
	padding-bottom: 5px;
	border-bottom: 0.5px solid #c7c7c7;
}
.segment-item a { width: fit-content; }
.progress {
	width: 40px;
	height: 40px !important;
	line-height: 40px;
	background: none;
	margin: 0 10px 0 0;
	box-shadow: none;
	position: relative;
  }
  .progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 7px solid #efefef;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
  }
  .progress > span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
  }
  .progress .progress-left {
	left: 0;
  }
  .progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 7px;
	border-style: solid;
	position: absolute;
	top: 0;
	border-color: #047EFB;
  }
  .progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
  }
  .progress .progress-right {
	right: 0;
  }
  .progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 70px;
	border-bottom-left-radius: 70px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
  }
  .progress .progress-value {
	border-radius: 50%;
	height: 100%;
	width: 100%;
  }
  .progress .progress-value p {
	text-align: center;
	color: #000000;
	font-size: 12px;
	font-weight: 400;
	margin: 0 0 0 33.3%;
	text-decoration: none;
  }
  /* This for loop creates the necessary css animation names 
  Due to the split circle of progress-left and progress right, we must use the animations on each side. 
  */
  .progress[data-percentage="1"] .progress-right .progress-bar {
	animation: loading-1 0.5s linear forwards;
  }
  .progress[data-percentage="1"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="2"] .progress-right .progress-bar {
	animation: loading-2 0.5s linear forwards;
  }
  .progress[data-percentage="2"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="3"] .progress-right .progress-bar {
	animation: loading-3 0.5s linear forwards;
  }
  .progress[data-percentage="3"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="4"] .progress-right .progress-bar {
	animation: loading-4 0.5s linear forwards;
  }
  .progress[data-percentage="4"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="5"] .progress-right .progress-bar {
	animation: loading-5 0.5s linear forwards;
  }
  .progress[data-percentage="5"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="6"] .progress-right .progress-bar {
	animation: loading-6 0.5s linear forwards;
  }
  .progress[data-percentage="6"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="7"] .progress-right .progress-bar {
	animation: loading-7 0.5s linear forwards;
  }
  .progress[data-percentage="7"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="8"] .progress-right .progress-bar {
	animation: loading-8 0.5s linear forwards;
  }
  .progress[data-percentage="8"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="9"] .progress-right .progress-bar {
	animation: loading-9 0.5s linear forwards;
  }
  .progress[data-percentage="9"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="10"] .progress-right .progress-bar {
	animation: loading-10 0.5s linear forwards;
  }
  .progress[data-percentage="10"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="11"] .progress-right .progress-bar {
	animation: loading-11 0.5s linear forwards;
  }
  .progress[data-percentage="11"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="12"] .progress-right .progress-bar {
	animation: loading-12 0.5s linear forwards;
  }
  .progress[data-percentage="12"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="13"] .progress-right .progress-bar {
	animation: loading-13 0.5s linear forwards;
  }
  .progress[data-percentage="13"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="14"] .progress-right .progress-bar {
	animation: loading-14 0.5s linear forwards;
  }
  .progress[data-percentage="14"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="15"] .progress-right .progress-bar {
	animation: loading-15 0.5s linear forwards;
  }
  .progress[data-percentage="15"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="16"] .progress-right .progress-bar {
	animation: loading-16 0.5s linear forwards;
  }
  .progress[data-percentage="16"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="17"] .progress-right .progress-bar {
	animation: loading-17 0.5s linear forwards;
  }
  .progress[data-percentage="17"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="18"] .progress-right .progress-bar {
	animation: loading-18 0.5s linear forwards;
  }
  .progress[data-percentage="18"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="19"] .progress-right .progress-bar {
	animation: loading-19 0.5s linear forwards;
  }
  .progress[data-percentage="19"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="20"] .progress-right .progress-bar {
	animation: loading-20 0.5s linear forwards;
  }
  .progress[data-percentage="20"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="21"] .progress-right .progress-bar {
	animation: loading-21 0.5s linear forwards;
  }
  .progress[data-percentage="21"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="22"] .progress-right .progress-bar {
	animation: loading-22 0.5s linear forwards;
  }
  .progress[data-percentage="22"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="23"] .progress-right .progress-bar {
	animation: loading-23 0.5s linear forwards;
  }
  .progress[data-percentage="23"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="24"] .progress-right .progress-bar {
	animation: loading-24 0.5s linear forwards;
  }
  .progress[data-percentage="24"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="25"] .progress-right .progress-bar {
	animation: loading-25 0.5s linear forwards;
  }
  .progress[data-percentage="25"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="26"] .progress-right .progress-bar {
	animation: loading-26 0.5s linear forwards;
  }
  .progress[data-percentage="26"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="27"] .progress-right .progress-bar {
	animation: loading-27 0.5s linear forwards;
  }
  .progress[data-percentage="27"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="28"] .progress-right .progress-bar {
	animation: loading-28 0.5s linear forwards;
  }
  .progress[data-percentage="28"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="29"] .progress-right .progress-bar {
	animation: loading-29 0.5s linear forwards;
  }
  .progress[data-percentage="29"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="30"] .progress-right .progress-bar {
	animation: loading-30 0.5s linear forwards;
  }
  .progress[data-percentage="30"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="31"] .progress-right .progress-bar {
	animation: loading-31 0.5s linear forwards;
  }
  .progress[data-percentage="31"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="32"] .progress-right .progress-bar {
	animation: loading-32 0.5s linear forwards;
  }
  .progress[data-percentage="32"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="33"] .progress-right .progress-bar {
	animation: loading-33 0.5s linear forwards;
  }
  .progress[data-percentage="33"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="34"] .progress-right .progress-bar {
	animation: loading-34 0.5s linear forwards;
  }
  .progress[data-percentage="34"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="35"] .progress-right .progress-bar {
	animation: loading-35 0.5s linear forwards;
  }
  .progress[data-percentage="35"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="36"] .progress-right .progress-bar {
	animation: loading-36 0.5s linear forwards;
  }
  .progress[data-percentage="36"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="37"] .progress-right .progress-bar {
	animation: loading-37 0.5s linear forwards;
  }
  .progress[data-percentage="37"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="38"] .progress-right .progress-bar {
	animation: loading-38 0.5s linear forwards;
  }
  .progress[data-percentage="38"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="39"] .progress-right .progress-bar {
	animation: loading-39 0.5s linear forwards;
  }
  .progress[data-percentage="39"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="40"] .progress-right .progress-bar {
	animation: loading-40 0.5s linear forwards;
  }
  .progress[data-percentage="40"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="41"] .progress-right .progress-bar {
	animation: loading-41 0.5s linear forwards;
  }
  .progress[data-percentage="41"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="42"] .progress-right .progress-bar {
	animation: loading-42 0.5s linear forwards;
  }
  .progress[data-percentage="42"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="43"] .progress-right .progress-bar {
	animation: loading-43 0.5s linear forwards;
  }
  .progress[data-percentage="43"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="44"] .progress-right .progress-bar {
	animation: loading-44 0.5s linear forwards;
  }
  .progress[data-percentage="44"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="45"] .progress-right .progress-bar {
	animation: loading-45 0.5s linear forwards;
  }
  .progress[data-percentage="45"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="46"] .progress-right .progress-bar {
	animation: loading-46 0.5s linear forwards;
  }
  .progress[data-percentage="46"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="47"] .progress-right .progress-bar {
	animation: loading-47 0.5s linear forwards;
  }
  .progress[data-percentage="47"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="48"] .progress-right .progress-bar {
	animation: loading-48 0.5s linear forwards;
  }
  .progress[data-percentage="48"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="49"] .progress-right .progress-bar {
	animation: loading-49 0.5s linear forwards;
  }
  .progress[data-percentage="49"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="50"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="50"] .progress-left .progress-bar {
	animation: 0;
  }
  
  .progress[data-percentage="51"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="51"] .progress-left .progress-bar {
	animation: loading-1 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="52"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="52"] .progress-left .progress-bar {
	animation: loading-2 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="53"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="53"] .progress-left .progress-bar {
	animation: loading-3 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="54"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="54"] .progress-left .progress-bar {
	animation: loading-4 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="55"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="55"] .progress-left .progress-bar {
	animation: loading-5 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="56"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="56"] .progress-left .progress-bar {
	animation: loading-6 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="57"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="57"] .progress-left .progress-bar {
	animation: loading-7 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="58"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="58"] .progress-left .progress-bar {
	animation: loading-8 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="59"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="59"] .progress-left .progress-bar {
	animation: loading-9 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="60"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="60"] .progress-left .progress-bar {
	animation: loading-10 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="61"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="61"] .progress-left .progress-bar {
	animation: loading-11 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="62"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="62"] .progress-left .progress-bar {
	animation: loading-12 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="63"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="63"] .progress-left .progress-bar {
	animation: loading-13 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="64"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="64"] .progress-left .progress-bar {
	animation: loading-14 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="65"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="65"] .progress-left .progress-bar {
	animation: loading-15 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="66"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="66"] .progress-left .progress-bar {
	animation: loading-16 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="67"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="67"] .progress-left .progress-bar {
	animation: loading-17 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="68"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="68"] .progress-left .progress-bar {
	animation: loading-18 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="69"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="69"] .progress-left .progress-bar {
	animation: loading-19 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="70"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="70"] .progress-left .progress-bar {
	animation: loading-20 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="71"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="71"] .progress-left .progress-bar {
	animation: loading-21 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="72"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="72"] .progress-left .progress-bar {
	animation: loading-22 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="73"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="73"] .progress-left .progress-bar {
	animation: loading-23 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="74"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="74"] .progress-left .progress-bar {
	animation: loading-24 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="75"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="75"] .progress-left .progress-bar {
	animation: loading-25 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="76"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="76"] .progress-left .progress-bar {
	animation: loading-26 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="77"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="77"] .progress-left .progress-bar {
	animation: loading-27 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="78"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="78"] .progress-left .progress-bar {
	animation: loading-28 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="79"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="79"] .progress-left .progress-bar {
	animation: loading-29 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="80"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="80"] .progress-left .progress-bar {
	animation: loading-30 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="81"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="81"] .progress-left .progress-bar {
	animation: loading-31 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="82"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="82"] .progress-left .progress-bar {
	animation: loading-32 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="83"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="83"] .progress-left .progress-bar {
	animation: loading-33 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="84"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="84"] .progress-left .progress-bar {
	animation: loading-34 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="85"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="85"] .progress-left .progress-bar {
	animation: loading-35 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="86"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="86"] .progress-left .progress-bar {
	animation: loading-36 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="87"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="87"] .progress-left .progress-bar {
	animation: loading-37 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="88"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="88"] .progress-left .progress-bar {
	animation: loading-38 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="89"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="89"] .progress-left .progress-bar {
	animation: loading-39 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="90"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="90"] .progress-left .progress-bar {
	animation: loading-40 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="91"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="91"] .progress-left .progress-bar {
	animation: loading-41 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="92"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="92"] .progress-left .progress-bar {
	animation: loading-42 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="93"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="93"] .progress-left .progress-bar {
	animation: loading-43 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="94"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="94"] .progress-left .progress-bar {
	animation: loading-44 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="95"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="95"] .progress-left .progress-bar {
	animation: loading-45 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="96"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="96"] .progress-left .progress-bar {
	animation: loading-46 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="97"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="97"] .progress-left .progress-bar {
	animation: loading-47 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="98"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="98"] .progress-left .progress-bar {
	animation: loading-48 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="99"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="99"] .progress-left .progress-bar {
	animation: loading-49 0.5s linear forwards 0.5s;
  }
  
  .progress[data-percentage="100"] .progress-right .progress-bar {
	animation: loading-50 0.5s linear forwards;
  }
  .progress[data-percentage="100"] .progress-left .progress-bar {
	animation: loading-50 0.5s linear forwards 0.5s;
  }
  
  @keyframes loading-1 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(3.6);
	  transform: rotate(3.6deg);
	}
  }
  @keyframes loading-2 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(7.2);
	  transform: rotate(7.2deg);
	}
  }
  @keyframes loading-3 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(10.8);
	  transform: rotate(10.8deg);
	}
  }
  @keyframes loading-4 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(14.4);
	  transform: rotate(14.4deg);
	}
  }
  @keyframes loading-5 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(18);
	  transform: rotate(18deg);
	}
  }
  @keyframes loading-6 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(21.6);
	  transform: rotate(21.6deg);
	}
  }
  @keyframes loading-7 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(25.2);
	  transform: rotate(25.2deg);
	}
  }
  @keyframes loading-8 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(28.8);
	  transform: rotate(28.8deg);
	}
  }
  @keyframes loading-9 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(32.4);
	  transform: rotate(32.4deg);
	}
  }
  @keyframes loading-10 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(36);
	  transform: rotate(36deg);
	}
  }
  @keyframes loading-11 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(39.6);
	  transform: rotate(39.6deg);
	}
  }
  @keyframes loading-12 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(43.2);
	  transform: rotate(43.2deg);
	}
  }
  @keyframes loading-13 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(46.8);
	  transform: rotate(46.8deg);
	}
  }
  @keyframes loading-14 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(50.4);
	  transform: rotate(50.4deg);
	}
  }
  @keyframes loading-15 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(54);
	  transform: rotate(54deg);
	}
  }
  @keyframes loading-16 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(57.6);
	  transform: rotate(57.6deg);
	}
  }
  @keyframes loading-17 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(61.2);
	  transform: rotate(61.2deg);
	}
  }
  @keyframes loading-18 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(64.8);
	  transform: rotate(64.8deg);
	}
  }
  @keyframes loading-19 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(68.4);
	  transform: rotate(68.4deg);
	}
  }
  @keyframes loading-20 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(72);
	  transform: rotate(72deg);
	}
  }
  @keyframes loading-21 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(75.6);
	  transform: rotate(75.6deg);
	}
  }
  @keyframes loading-22 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(79.2);
	  transform: rotate(79.2deg);
	}
  }
  @keyframes loading-23 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(82.8);
	  transform: rotate(82.8deg);
	}
  }
  @keyframes loading-24 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(86.4);
	  transform: rotate(86.4deg);
	}
  }
  @keyframes loading-25 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(90);
	  transform: rotate(90deg);
	}
  }
  @keyframes loading-26 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(93.6);
	  transform: rotate(93.6deg);
	}
  }
  @keyframes loading-27 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(97.2);
	  transform: rotate(97.2deg);
	}
  }
  @keyframes loading-28 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(100.8);
	  transform: rotate(100.8deg);
	}
  }
  @keyframes loading-29 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(104.4);
	  transform: rotate(104.4deg);
	}
  }
  @keyframes loading-30 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(108);
	  transform: rotate(108deg);
	}
  }
  @keyframes loading-31 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(111.6);
	  transform: rotate(111.6deg);
	}
  }
  @keyframes loading-32 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(115.2);
	  transform: rotate(115.2deg);
	}
  }
  @keyframes loading-33 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(118.8);
	  transform: rotate(118.8deg);
	}
  }
  @keyframes loading-34 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(122.4);
	  transform: rotate(122.4deg);
	}
  }
  @keyframes loading-35 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(126);
	  transform: rotate(126deg);
	}
  }
  @keyframes loading-36 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(129.6);
	  transform: rotate(129.6deg);
	}
  }
  @keyframes loading-37 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(133.2);
	  transform: rotate(133.2deg);
	}
  }
  @keyframes loading-38 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(136.8);
	  transform: rotate(136.8deg);
	}
  }
  @keyframes loading-39 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(140.4);
	  transform: rotate(140.4deg);
	}
  }
  @keyframes loading-40 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(144);
	  transform: rotate(144deg);
	}
  }
  @keyframes loading-41 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(147.6);
	  transform: rotate(147.6deg);
	}
  }
  @keyframes loading-42 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(151.2);
	  transform: rotate(151.2deg);
	}
  }
  @keyframes loading-43 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(154.8);
	  transform: rotate(154.8deg);
	}
  }
  @keyframes loading-44 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(158.4);
	  transform: rotate(158.4deg);
	}
  }
  @keyframes loading-45 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(162);
	  transform: rotate(162deg);
	}
  }
  @keyframes loading-46 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(165.6);
	  transform: rotate(165.6deg);
	}
  }
  @keyframes loading-47 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(169.2);
	  transform: rotate(169.2deg);
	}
  }
  @keyframes loading-48 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(172.8);
	  transform: rotate(172.8deg);
	}
  }
  @keyframes loading-49 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(176.4);
	  transform: rotate(176.4deg);
	}
  }
  @keyframes loading-50 {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(180);
	  transform: rotate(180deg);
	}
  }

.progress.pending .progress-bar {	
	border-color: #f7d520 !important;
}	
.progress.partial .progress-bar {	
	border-color: #047EFB !important;
}	
.progress.complete .progress-bar {	
	border-color: #29BC0D !important;
}
/* end Progress bar style */
.group__list .progress { background-color: transparent; }
/* range slider */
.rangeslider-wrap {
  padding-top: 50px;
}

.rangeslider {
  position: relative;
  height: 4px;
  border-radius: 5px;
  width: 100%;
  background-color: gray;
}
.rangeslider__handle {
  transition: background-color .2s;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #F3CA11;
  touch-action: pan-y;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 3;
  top: -8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 0 2px gray;
}
.rangeslider__handle__value {
  transition: background-color .2s,  box-shadow .1s, transform .1s;
  box-sizing: border-box;
  width: 50px;
  text-align: center;
  padding: 5px;
  background-color: #F3CA11;
  border-radius: 5px;
  color: #000;
  font-weight: bold;
  left: -15px;
  top: -40px;
  position: absolute;
  white-space: nowrap;
  border-top: 1px solid #f3ca11;
  box-shadow: 0 -4px 1px rgba(0, 0, 0, 0.07), 0 -5px 20px rgba(0, 0, 0, 0.3);
}
.rangeslider__handle__value:before {
  transition: border-top-color .2s;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 10px);
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
  border-top-color: #F3CA11;
}

.rangeslider__fill {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  background-color: #F3CA11;
  border-radius: 5px;
}
.rangeslider__labels {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.rangeslider__labels__label {
  font-size: 14px;
  position: relative;
  padding-top: 15px;
  color: #000;
}
.rangeslider__labels__label:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 1px;
  height: 9px;
  border-radius: 1px;
  background-color: rgba(128, 128, 128, 0.5);
}
.rangeslider__labels__label:first-child:before, .rangeslider__labels__label:last-child:before {
  height: 12px;
  width: 2px;
}
.rangeslider__labels__label:first-child:before {
  background-color: #F3CA11;
}
.rangeslider__labels__label:last-child:before {
  background-color: gray;
}
.rangeslider__labels__label:first-child {
  transform: translateX(-48%);
}
.rangeslider__labels__label:last-child {
  transform: translateX(48%);
}
.rangeslider.rangeslider--active .rangeslider__handle, .rangeslider.rangeslider--active .rangeslider__handle * {
  background-color: #F3CA11;
}
.rangeslider.rangeslider--active .rangeslider__handle *:before {
  border-top-color: #F3CA11;
}
.rangeslider.rangeslider--active .rangeslider__handle__value {
  transform: translateY(-5px);
  box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.04), 0 -9px 25px rgba(0, 0, 0, 0.15);
}

input::placeholder {
  color: #9c9c9c;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #9c9c9c;
}

input::-ms-input-placeholder { /* Microsoft Edge */
 color: #9c9c9c;
}

	.ques-num-bullet {
		width: 15px;
		height: 15px;
		left: 54px;
		background-color: #F3CA11;
	}
/* horizantal radio buttons -- Custom radios */
	.custom-radio { width: 50px; opacity: 0; position: absolute; }
	.custom-radio, .custom-radio-label {
		display: inline-block;
		font-size: 18px;
		color: #047efb;
		vertical-align: middle;
		margin: 5px;
		cursor: pointer;
	}
	.custom-radio-label {
		position: relative;
	}
	.custom-radio + .custom-radio-label:before {
		content: '';
		background: #fff;
		border: 2px solid #ddd;
		display: inline-block;
		vertical-align: middle;
		width: 17px;
		height: 17px;
		padding: 2px;
		margin-right: 10px;
		text-align: center;
	}
	.custom-radio + .custom-radio-label:before {
		border-radius: 50%;
	}
	.custom-radio:checked + .custom-radio-label:before {
		background-color: #F3CA11;
		content: "\f00c";
		font-family: 'FontAwesome';
		color: #429C40;
		line-height: 1.2rem;
	}
/* End of custom radio styles */
/* Begin audio recording styles */
	.rec-row { display: flex; align-items: flex-end; }
	
	.pr-bar {
		width: 99%;
		background: #ddd;
		height: 5px;
		position: relative;
		left: 5px;
		border-radius: 50px;
		top: -6px;
		display: block;
	}
	
	.pr-blue {
		height: 5px;
		background: #047EFB;
		position: absolute;
		border-radius: 50px;
	}
		
	.pr-bar .end-time {
		color: #047EFB;
		position: absolute;
		right: 5px;
		bottom: 5px;
		font-size: 16px;
	}
		
	.pr-bar .play-time {
		color: #047EFB;
		position: absolute;
		left: 0;
		bottom: 5px;
		font-size: 16px;
	}
	.rec-txt { max-width: 835px; width: 100%; }
	
	.btn-warning { background: #f3ca11; }
	
	.btn-circle {
		border-radius: 100%;
		font-size: 20px;
	}
	.btn-margin { margin-bottom: 25px; }
	
	@media screen and (max-width: 480px) {
		.rec-row { display: block !important; }
		.btn-margin { margin-bottom: 5px; }
	}
	
	.d-none { display: none; }
	
	.alert {
		position: relative;
		padding: .75rem 1.25rem;
		margin-bottom: 1rem;
		border: 1px solid transparent;
		border-radius: .42rem;
	}
	.fade {
		-webkit-transition: opacity .15s linear;
		transition: opacity .15s linear;
	}
	.alert.alert-custom.alert-light-danger.alert-notice {
		border: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.alert.alert-custom.alert-light-danger {
		background-color: #ffe2e5;
		border-color: transparent;
	}
	.alert.alert-custom.alert-light-primary.alert-notice {
		border: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.alert.alert-custom.alert-light-primary {
		background-color: #e1f0ff;
		border-color: transparent;
	}
	.alert.alert-custom {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		padding: 1.5rem 2rem;
	}
	.alert.alert-custom .alert-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.alert.alert-custom.alert-light-danger .alert-icon i {
		color: #f64e60;
	}
	.alert.alert-custom.alert-light-primary .alert-icon i {
		color: #3699ff;
	}
	.alert.alert-custom .alert-icon i {
		font-size: 2.4rem;
	}
	.alert.alert-custom.alert-light-danger .alert-text {
		color: #f64e60;
	}
	.alert.alert-custom.alert-light-primary .alert-close i {
		color: #3699ff;
	}
	.alert.alert-custom .alert-text {
		font-size: 20px;
		-ms-flex-item-align: center;
		align-self: center;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	.alert.alert-custom .alert-close {
		padding: 0 0 0 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		line-height: 0;
	}
	.alert.alert-custom .alert-close .close {
		text-shadow: none!important;
		cursor: pointer;
		line-height: 0;
	}
	[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
		cursor: pointer;
	}
	button.close {
		padding: 0;
		background-color: transparent;
		border: 0;
	}
	.close {
		float: right;
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 1;
		color: #000;
		text-shadow: 0 1px 0 #fff;
		opacity: .5;
	}
	.alert.alert-custom.alert-light-danger .alert-close i {
		color: #f64e60;
	}

	.pending-bg {	
		display: table-cell;	
		background-color: #FC7503;	
		padding: 0px 10px;	
		border-radius: 5px;	
		font-weight: 600;	
	}
	.partial-bg {	
		display: table-cell;	
		background-color: #11BFCA;	
		padding: 0px 10px;	
		border-radius: 5px;	
		font-weight: 600;
	}
	.success-bg {	
		display: table-cell;	
		background-color: #29BC0D;	
		padding: 0px 10px;	
		border-radius: 5px;	
		font-weight: 600;	
	}	
	.client_logo {	
		margin: auto 0;	
		max-width: 150px;	
		width: 100%;	
	}	
	.client_logo img {	
		width: 100%;	
		height: 100%;	
	}	
	.user_name {	
		font-size: 22px;	
		line-height: 20px;	
		margin: auto 0;	
		padding: 0 16px;	
		width: 100%;	
	}
	.font-32 {	
		font-size: 32px;
	}
	.align-items-center { align-items: center; }	
	.bg-light-green {	
		background-color: #93d6a2!important;	
	}	
	.bg-success {	
		background-color: #28a745!important;	
	}	
	.bg-info {	
		background-color: #17a2b8!important;	
	}	
	.bg-warning {	
		background-color: #ffc107!important;	
	}	
	.bg-danger {	
		background-color: #dc3545!important;	
	}