.IE #market-widget-object-1
{
	height: 800px;
}

.IE #market-widget-object-1 svg 
{
	height: 78%;
}

.IE #market-widget-object-2 svg
{
	width: 100%;
	min-height: 465px;
}

.IE .vendor-chart-object svg
{
	width: 100%;
	min-height: 310px;
}


.IE .category-chart-object svg
{
	width: 100%;
	min-height: 622px;
}

.IE #ssa-widget-object-valid-3
{
	height: 800px;
}

.IE #ssa-widget-object-valid-3 svg
{
	height: 100%;
}

.spinner
{
	border: 10px solid #f3f3f3;
	border-radius: 50%;
	border-top: 10px solid #ff5252;
	width: 15px;
	height: 15px;
	position: fixed;
	top: 5%;
	left: 95%;
	background: #fff;
	transform: translate(-50%, 0);
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin
{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

h1, h2, h3, h4, ul, li
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

ul
{
	margin-left: 0px;
	line-height: 1.4;
	font-size: 20px;
}

ul li
{
	margin-left: -40px;
	padding-left: 25px;
	list-style-type: none;
	background: url(../img/list-bullet.svg) no-repeat 0 9px;
	background-size: 10px 10px;
	margin-bottom: 15px;
}

body
{
	margin: 0px 0px 0px 0px;
}

.survey-h2
{
	font-weight: 400;
	padding-top: 15px;
	padding-bottom: 10px;
}

.body
{

	background: white;
	width: 100%;
	overflow-y: scroll;
}

.product-client-data
{
	display: none;
	opacity: 1;
}

.display-survey-header-container
{
	margin-top: 15px;
	margin-bottom: 25px;
	background: #fff;
	display: inline-block;
	width: 100%;
	font-size: 30px;
	box-sizing: border-box;
	cursor: pointer;
	padding-left: 3%;
	background-image: url( https://www.passionned.nl/img/pg-logo-white-background.png );
	background-position: 96% 45%;
	background-size: 40px;
	background-repeat: no-repeat;
}

.display-survey-header-h1
{
	width: 80%;
	color: #404040;
	cursor: default;
}

.scraper-name
{
	background: #fff;
	padding: 15px;
	padding-top: 5px;
	padding-bottom: 0px;
	font-weight: 500;
	width: fit-content;
	font-size: 40px;
	
}

.survey-updates-container
{
	padding: 6px;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-top: -5px;
	border-radius: 5px;
	border: 1px dashed #606060;
	background: #fffef6;
	vertical-align: middle;
}

.display-survey-passionned-original
{
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 15px;
	background: #606060;
	display: inline-block;
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 5px;
	color: white;

}

.new-update-warning
{
	display: none;
	font-size: 18px;
	border: 1px dashed #eee;
	background: #fffef6;
	padding: 15px;
	margin-left: 4%;
	width: 88%;
	line-height: 1.6;
	cursor: pointer;
}

.new-update-warning.show-warning
{
	display: inline-block;
}

.new-update-warning .here
{
	color: #ff5252;
	font-weight: 500;
}

.display-survey-default-settings
{
	display: none;
}

.demo-visibility
{
	background: white;
	margin-top: 5px;
	padding: 5px;
	width: 40%;
	float: right;
	box-sizing: border-box;
	display: inline-block;
	opacity: 0.6;
	font-size: 14px;
	color: #ff5252;
	text-align: center;
	border-radius: 15px;
	border: 3px solid #ff5252;
}

.demo-visibility p
{
	color: #404040;
}

.demo-visibility.hide
{
	display: none;
}

.make-transparant
{
	opacity: 0.15;
}

.body.disable-scroll
{
	overflow: hidden;
	height: 100%;
}

.total-container
{
	font-family: Roboto;
	font-size: 18px;
	width: 85%;
	margin: 0 auto;
	display: block;
	padding-bottom: 50px;
}


.total-container .new-line
{
	clear: both;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 300;
	font-size: 25px;
	padding-left: 5px;
}

.scraper-message-center
{
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	box-sizing: border-box;
	padding: 15px;
	color: white;
	max-width: 500px;
	background: #ff5252;
	z-index: 100000000;
}

.scraper-global-scope-survey-container
{
	background: #fff;
	padding: 15px;
	width: fit-content;
}

.scraper-global-scope-survey
{
	display: inline-block;
}

.scraper-deep-validation-container
{
	float: right;
	display: inline-block;
}

.scraper-expand
{
	padding: 15px;
	background: #fafafa;
	box-sizing: border-box;
	font-size: 28px;
	margin-top: 35px;
	cursor: pointer;
	display: inline-block;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	border-radius: 15px;
}

#scraper-expand-11, #scraper-expand-12
{
	background: #f0f0f0;
}

.scraper-expand.show
{
	border-radius: 15px 15px 0px 0px;
}

.scraper-expand-title
{
	width: 95%;
	float: left;
	line-height: 2;
}


.scraper-expand-title strong
{
	font-weight: 500;
}

.expand-title-icon
{
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	line-height: 0.1;
	color: #ff5252;
	padding-bottom: 5px;
	padding-right: 7px;
	padding-left: 5px;
}

.scraper-expand-plusmin-container
{
	float: right;
	font-size: 34px;
	line-height: 1.6;
}

.scraper-expand-open
{
	display: none;
	padding: 15px;
	margin-top: -5px;
	background: #fafafa;
	font-size: 16px;
	box-sizing: border-box;
	border-radius: 0px 0px 15px 15px;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

#scraper-expand-11-open, #scraper-expand-12-open
{
	background: #f0f0f0;
}

.submit-button
{
	height: 50px;
	cursor: pointer;
	outline:0;
	background: #ff5252;
	border-radius: 10px;
	border: 0px;
	min-width: 150px;
	color: #fff;
	font-size: 20px;
	
}

.submit-button:hover
{
	background: #ff3232;
}

.scraper-expand-open.show
{
	display: inline-block;
}

.scraper-expand-plus, .scraper-expand-min
{
	color: #ff5252;
}

.scraper-expand .scraper-expand-plus, .scraper-expand .scraper-expand-min
{
	display: none;
}

.scraper-expand .scraper-expand-min.show
{
	display: inline-block;
}

.scraper-expand .scraper-expand-plus.show
{
	display: inline-block;
}

.widget
{
	width: 32%;
	float: left;
	padding-bottom: 8px;
	padding-right: 10px;
}

.widget-object
{
	animation: zoominoutsinglefeatured 0.8s;
}

@keyframes zoominoutsinglefeatured

{
   0% {
        transform: scale(0.5,0.5);
    }
    
    100% {
        transform: scale(1,1);
    }
}

.ssa-framework-widget
{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ssa-framework-widget.widen
{
	width: 41%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.ssa-framework-widget.narrow
{
	width: 23%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ssa-framework-widget.narrow .ssa-widget-header
{
	max-height: 80px;
}

.ssa-framework-widget.narrow .ssa-widget-title
{
	visibility: visible;
	white-space: nowrap;
	max-height: 80px;
}

.ssa-framework-widget.narrow .ssa-widget-control
{
	visibility: hidden;
}

.ssa-framework-widget.narrow .ssa-widget-object-valid
{
	color: #fafafa;
}

.ssa-explain
{
	margin-top: 10px;
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1.6;
}

.ssa-explain i
{
	font-size: 16px;
}


.vendor-framework-chart .chart-legend-json
{
	display: none;
}

.category-chart-object.has-children
{
	position: relative;
}

.category-chart-object.has-children .series rect:hover, .market-framework-widget .series rect:hover
{
	cursor: pointer;
	fill: #2196f3;
	stroke: #2196f3;

}

.rendering-done .category-chart-object.has-children:after
{
	content: "Click on a bar for more details";
	font-size: 14px;
	position: absolute;
	height: 10px;
	right: -76px;
	transform: rotate(270deg);
	top: 50%;
	color: #bbb;
}

.category-chart-object.has-children .series rect:after
{
	content: "+";
}

.widget-header
{
	width: 100%;
	display: inline-block;
	background: #fff;
}

.display-pg-content-widget-framework
{
	margin-top: 25px;
}

.learning-widget-object
{
	font-size: 20px;
	background: white;
	padding-top: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 600px;
	min-height: 600px;
}

.learning-widget-object .survey-learning-question
{
	clear: both;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	cursor: pointer;
}

.explain-click-learning-question
{
	margin-bottom: 15px;
}

.learning-widget-object .survey-learning-question .fa-hand-point-right
{
	color: #ff5252;
	padding-right: 10px;
}

.learning-widget-object .survey-learning-question:hover
{
	background: #fcfcfc;
	border-bottom: 1px solid #ff5252;
	border-top: 1px solid #ff5252;
}

.survey-learning-video-container
{
	display: none;
	position: fixed;
	background: #fcfcfc;
	padding: 15px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #ff5252;
	box-sizing: border-box;
}


.survey-learning-video-container.show
{
	display: inline-block;
	overflow-y: auto;
}

.remove-learning-video-container
{
	float: right;
	color: #ff5252;
	font-size: 24px;
	cursor: pointer;
	margin-left: 10px;
}

.survey-learning-video-container-question
{
	font-size: 28px;
	margin-bottom: 10px;
	display: block;
	max-height: 65px;
	overflow-y: hidden;	
}

.survey-learning-video-big-screen
{
	width: 80%;
	float: left;
	height: 95%;
}

.survey-learning-video-big-screen.long-question
{
	height: 90%;
}

.survey-learning-video-big-screen iframe
{
	width: 100%;
	height: 100%;
	border: 0px;
}

.survey-learning-video-small-screen
{
	width: 19%;
	float: left;

}

.survey-learning-video-small-screen .switch-video
{
	color: #ff5252;
	cursor: pointer;
	margin-left: 15px;
	font-weight: 300;
	margin-bottom: 15px;
	/* float: right; */
	text-align: center;
}

.survey-learning-video-small-screen iframe
{
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 1px;
	margin-left: 15px;
	border: 0px;
}

.survey-learning-term-container-learn-more
{
	text-decoration: underline;
}

.survey-learning-term-container
{
	width: 100%;
	font-size: 16px;
	display: inline-block;
	padding: 5px;
}

.survey-learning-term
{
	padding: 7px;
	border: 1px;
	background: #eee;
	color: black;
	border-radius: 5px;
	cursor: pointer;
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
}

.survey-learning-term:hover
{
	background: #ff5252;
	color: #fff;
}

.category-framework-chart.level-1 .category-chart-header
{
	background-image: linear-gradient(white 95%, #ff85c2 5%, #ff85c2 5%);
}

.category-framework-chart.level-2 .category-chart-header
{
	background-image: linear-gradient(white 95%, #52a8ff 5%, #52a8ff 5%);
}

.category-framework-chart.level-3 .category-chart-header
{
	background-image: linear-gradient(white 95%, #ffe252 5%, #ffe252 5%);
}

.widget-title
{
	box-sizing: border-box;
	text-align: center;
	font-size: 22px;
	float: left;
	width: 78%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	min-height: 80px;
	max-height: 80px;
	text-transform: uppercase;
}

.ssa-framework-widget #ssa-widget-title-3
{
	position: relative;
	cursor: pointer;
}

.ssa-framework-widget .ssa-widget-title .widget-title-selections
{
	position: absolute;
	display: none;
	top: 60px;
	background: white;
	border: 1px solid #ddd;
	border-radius: 15px;
	padding: 10px;
	text-transform: none;
	font-size: 16px;
	width: 95%;
	box-sizing: border-box;
	min-height: 100px;
	left: 10px;
}

.ssa-framework-widget .ssa-widget-title .widget-title-selections.show
{
	display: inline-block;
}

.ssa-framework-widget #ssa-widget-title-3.term-selections-active:after
{
	content: "*";
}

.ssa-framework-widget #ssa-widget-title-3 .widget-title-selections-term
{
	float: left;
	padding: 5px;
	border: 1px solid #ff5252;
	background: #ff5252;
	color: white;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 5px;
}

.pg-content-framework-widget .pg-content-widget-title
{
	min-height: 80px;
	max-height: 80px;
}

#ssa-framework-widget-1 .roll-items .widget-title-range, #ssa-framework-widget-2 .roll-items .widget-title-range 
{
	display: none;
}

.category-framework-chart .category-chart-title.roll-items:hover, .market-framework-widget .market-widget-title.roll-items:hover, #ssa-framework-widget-3 .ssa-widget-title.roll-items:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.widget-title.roll-items .widget-title-range, .widget-title-range.manual
{
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	margin-left: 5px;
	text-transform: none;
	background: #2196f3;
	color: #fff;
	padding: 3px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 5px;
}

.widget-title-range.manual
{
	margin-top: 2px;
	margin-left: 0px;
	word-break: keep-all;
}

.widget-control, .widget-control-other

{
	padding-left: 10px;
	float: left;
	width: 7%;
	color: #ff5252;
	padding-top: 13px;
	font-size: 22px;
	display: inline-block;
	cursor: pointer;
}

.widget-control-other
{
	padding-top: 8px;
}

.vendor-framework-chart .vendor-chart-control
{
	padding: 6px;
}

.widget .no-chart-data
{
	margin: auto;
	font-size: 25px;
	text-align: center;
	padding-top: 50%;
}

.remove-widget
{
	float: right;
	padding-right: 0px;
}

#ssa-widget-control-other-actions-1 .download-svg, #ssa-widget-control-other-actions-2 .download-svg, .pg-content-widget-control-other-actions .download-svg, #market-widget-control-other-actions-3 .download-svg
{
	display: none;
}

#ssa-widget-object-valid-3
{
	min-height: unset;
	max-height: unset;
}

#market-widget-object-2 .data-labels g
{
	cursor: pointer;
}

.settings-widget-object
{
	background: white;
	padding: 15px;
}
	
.download-svg
{
	padding-left: 3px;
	font-size: 18px;
	color: #ddd;
}

.download-svg:hover
{
	color: #ff5252;
	cursor: pointer;
}
	
.vendor-chart-object svg g text
{
	cursor: pointer;
}

.vendor-chart-object svg
{
	cursor: pointer;
}

.vendor-chart-control .vendor-show-radar-graph.hide, .vendor-chart-control .vendor-show-line-graph.hide
{
	display: none;
}

.chart-object-vendor-term-crosspoint, .widget-object-vendor-product-names 
{
	display: none;
	position: absolute;
	width: 33%;
	max-height: 400px;
	overflow-y: auto;
	background: #fff;
	margin-top: 5px;
	padding: 10px;
	border: 1px solid #eee;
	font-weight: 400;
	text-transform: none;
	color: #404040;
	z-index: 1000;
}

.chart-object-overlay-crosspoint-term, .widget-object-vendor-product-name  
{
	width: auto;
	display: inline-block;
	font-size: 14px;
	padding: 5px;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	border: 1px solid #404040;
	border-radius: 5px;
	
}

.widget-object-vendor-product-name
{
	background: #52ffa9;
}

.widget-object-vendor-product-name-synonyms
{
	color: #ff5252;
	font-weight: 300;
}

.chart-object-overlay-crosspoint-term:hover, .widget-object-vendor-product-name:hover
{
	cursor: pointer;
}

.chart-object-vendor-term-crosspoint-explain, .widget-object-vendor-product-names-explain
{
	font-size: 22px;
	margin-bottom: 10px;
	width: 80%;
	float: left;
}

.chart-object-vendor-term-crosspoint-close, .widget-object-vendor-product-names-close
{
	width: 5%;
	float: right;
	color: #ff5252;
	font-size: 22px;
	cursor: pointer;
}

.chart-object-vendor-term-crosspoint-new-line, .widget-object-vendor-product-names-new-line
{
	clear: both;
}

.chart-object-overlay-crosspoint-term.last-term
{
	margin-bottom: 100px;
}

.chart-object-vendor-term-crosspoint .menu-cross-point-term
{
	position: absolute;
	display: block;
	margin-top: 7px;
	border: 1px solid #404040;
	background: #fafafa;
	border-radius: 3px;
	min-width: 100px;	
}

.menu-cross-point-term .menu-cross-point-term-item
{
	position: relative;
	clear: both;
	padding: 5px;
	display: block;
	margin-bottom: 5px;
}

.menu-cross-point-term .menu-cross-point-term-item:hover
{
	background: #404040;
	color: #fff;
}


.scraper-valid-terms-container
{

	width: 100%;
	display: inline-block;
	background: white;
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	margin-bottom: 25px;
	margin-top: 5px;
	min-height: 630px;
	max-height: 630px;
}

#ssa-framework-widget-1 .scraper-valid-terms-container, #ssa-framework-widget-2 .scraper-valid-terms-container
{
	overflow-y: auto;
	overflow-x: none;
}

#ssa-framework-widget-1 .scraper-valid-terms-container .disable-term
{
	display: none;
}

.scraper-validated-terms-sub-container
{
	clear: both;
	margin-left: 25px;
	width: 97%;
	display: inline-block;
}

.sub-container-hide
{
	display: none;
}

.review-term
{
    background: #ff5252;
    border: 1px solid #ff5252;
    padding: 7px;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;	
}

.review-term.abbreviation
{
	text-transform: uppercase;
	font-weight: 500;
}

.review-term-level-1
{
	margin-left: 0px;
}

.scraper-valid-terms-container .review-term
{
	background: #eee;
	color: black;
}

.scraper-valid-terms-container .review-term
{
	border: 0px;
	 -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.review-term .fa-plus, .review-term .fa-minus, .review-term .fa-trash-alt, .review-term .fa-power-off
{
	font-size: 12px;
	padding-left: 5px;
}

.review-term.hide-plus .fa-plus, .review-term.hide-minus .fa-minus
{
	display: none;
}

.review-term.show-plus .fa-plus, .review-term.show-minus .fa-minus
{
	display: inline-block;
}

.scraper-valid-terms-container .synonyms-in-validated-term
{
	font-size: 12px;
	color: #404040;
	font-weight: 300;
	text-transform: lowercase;
}

.scraper-valid-terms-container .review-term.add-as-a-criteria
{
	background: #ff5252;
	border: 0px solid #ff5252;
	color: #fff;
}

.scraper-valid-terms-container .review-term.add-as-a-criteria .synonyms-in-validated-term
{
	color: #ddd;
}

.pg-content-widget-object .pg-content-page
{
	position: relative;
	min-height: 376px;
}

.pg-content-widget-object .pg-content-page-meta-description
{
	position: absolute;
	display: block;
	max-height: 47px;
	bottom: 125px;
	left: 40px;
	padding: 5px;
	margin-right: 13px;
	font-size: 16px;
	background: #fff;
	color: #404040;
	overflow-y: hidden;
	font-weight: 500;
	padding-bottom: 15px;
}

.pg-content-widget-object .pg-content-page-image
{
	object-fit: cover;
	width: 100%;
	height: 300px;
	border: 0px;
	border: 15px solid white;
	box-sizing: border-box;
    filter: grayscale(0.5);
}

.pg-content-widget-object .pg-content-page.no-image
{
	background-image: linear-gradient(#ff5252 80%, #fafafa 20%);
}

.pg-content-widget-object .pg-content-page-link
{
	color: #ff5252;
}

.survey-display-market-news
{
	background: #fff;
	display: inline-block;
	padding: 20px;
}

.survey-display-market-news .news-from-market-vendor, .survey-display-market-news .news-from-market-term
{ 
	float: left;
	background: #ff5252;
	padding: 5px;
	border-radius: 5px;
	margin-right: 10px; 
	margin-bottom: 10px;
	color: #fff;
}

.survey-display-market-news .news-from-market-term
{
	background: #404040;
}

.survey-display-market-news .news-from-market-vendor, .survey-display-market-news .news-from-market-term
{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.display-purchase-license-widget-framework
{
	width: 100%;
	display: inline-block;
	background: white;
	border-radius: 25px;
	padding: 25px;
	box-sizing: border-box;
}

.display-client-data-row
{
	width: 100%;
	display: flex;
	line-height: 1.5;
}

.display-client-data-col
{
	width: 50%;
	float: left;
}

.display-purchase-license-button
{
	display: inline-block;
	height: 70px;
	cursor: pointer;
	outline: 0;
	background: #ff5252;
	border-radius: 10px;
	border: 0px;
	min-width: 150px;
	color: #fff;
	width: 100%;
	padding: 10px;
	padding-top: 15px;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 25px;
	font-size: 35px;
	text-align: center;	
	text-decoration: none;
	box-sizing: border-box;
}

.survey-input-number
{
	height: 26px;
	border: 1px solid #eee;
	width: 55px;
	font-size: 20px;
}

.manual-icon
{
	color: #ff5252;
}

@media (min-width: 1700px)
{
/* START MEDIA QUERY */



/* END MEDIA QUERY */
}

@media (max-width: 1400px)
{
/* START MEDIA QUERY */

.display-survey-header-container
{
	font-size: 22px;
}

.widget-title
{
	width: 78%;
	font-size: 18px;
}

.widget-title.roll-items .widget-title-range
{
	font-size: 14px;
	padding-top: 2px;
	margin-top: 0px;
}

.pg-content-widget-object .pg-content-page-meta-description
{
	font-size: 14px;
}


/* END MEDIA QUERY */
}


@media (max-width: 1200px)
{
/* START MEDIA QUERY */

.total-container
{
	width: 100%;
}

.widget-title
{
	font-size: 14px;
}

.widget-title.roll-items .widget-title-range
{
	font-size: 10px;
	padding-top: 2px;
	margin-top: 0px;
}

/* END MEDIA QUERY */
}



@media (max-width: 1000px)
{
/* START MEDIA QUERY */

.demo-visibility 
{
	width: 60%;
}

.display-survey-header-container
{
	font-size: 20px;
}


.ssa-framework-widget.widen
{
	width: unset;
}

.ssa-framework-widget.narrow
{
	width: unset;
}

.ssa-framework-widget.narrow .ssa-widget-header
{
	max-height: unset;
}

.ssa-framework-widget.narrow .ssa-widget-title
{
	visibility: visible;
	white-space: unset;
	max-height: unset;
}

.ssa-framework-widget.narrow .ssa-widget-control
{
	visibility: visible;
}

.ssa-framework-widget.narrow .ssa-widget-object-valid
{
	color: unset;
}


.widget
{
	width: 48%;
}

.chart-object-vendor-term-crosspoint, .widget-object-vendor-product-names 
{
	width: 48%;
}


.widget-title
{
	width: 78%;
	font-size: 14px;
}

.widget-title.roll-items .widget-title-range
{
	font-size: 10px;
	padding-top: 2px;
	margin-top: 0px;
}

.pg-content-widget-object .pg-content-page-meta-description
{
	font-size: 12px;
}

/* END MEDIA QUERY */
}

@media (max-width: 800px)
{
/* START MEDIA QUERY */

ul
{
	font-size: 14px;
}

.widget-title-range.manual
{
	font-size: 10px;
	margin-top: 0px;
	line-height: 1.23;
}

ul li
{
	background-position-y: 5px;
	
}

.display-survey-header-container
{
	font-size: 18px;
}

.demo-visibility 
{
	width: 70%;
}

/* END MEDIA QUERY */
}


@media (max-width: 768px)
{
/* START MEDIA QUERY */

.display-purchase-license-button
{
	font-size: 22px;
	height: 60px;
}

/* END MEDIA QUERY */
}


@media (max-width: 700px)
{
/* START MEDIA QUERY */

.demo-visibility 
{
	width: 100%;
}

.display-survey-header-container
{
	font-size: 16px;
}

.widget-title
{
	width: 76%;
	font-size: 20px;
}

.widget-title.roll-items .widget-title-range
{
	font-size: 14px;
	padding-top: 2px;
	margin-top: 0px;
}

.display-survey-header-container
{
	background-size: 40px;
}


.scraper-expand
{
	font-size: 14px;
	margin-top: 25px;
	padding: 15px;
}

.scraper-expand-title
{
	line-height: 1;
	width: 88%;
}

.scraper-expand-open
{
	padding: 15px;
}

.scraper-expand-plusmin-container
{
	font-size: 25px;
	line-height: 1;
}


.widget
{
	width: 100%;
}

.chart-object-vendor-term-crosspoint, .widget-object-vendor-product-names 
{
	width: 85%;
}

.chart-object-vendor-term-crosspoint-explain, .widget-object-vendor-product-names-explain
{
	font-size: 14px;
}

.chart-object-overlay-crosspoint-term, .widget-object-vendor-product-name
{
	font-size: 10px;
}

.pg-content-widget-object .pg-content-page-meta-description
{
	font-size: 12px;
}

.pg-content-widget-object .pg-content-page-meta-description.smaller-font
{
	font-size: 12px;
}

.widget-control, .widget-control-other
{
    width: 8%;
}

.survey-learning-video-container-question
{
	font-size: 18px;
}

.survey-learning-video-container
{
	overflow-y: scroll;
}

.survey-learning-video-small-screen .switch-video
{
	display: none;
}

.survey-learning-video-big-screen
{
	width: 100%;
	height: 300px;
	float: unset;
}

.survey-learning-video-big-screen.long-question
{
	height: 90%;
}

.survey-learning-video-big-screen iframe
{
	width: 100%;
	height: 100%;
	border: 0px;
}

.survey-learning-video-small-screen
{
	width: 100%;
	height: 300px;
	float: unset;
	padding-bottom: 25px;

}

.survey-learning-video-small-screen iframe
{
	clear: both;
	margin-left: 0px;
	height: 100%;
	margin-top: 25px;
}

/* END MEDIA QUERY */
}

@media (max-width: 426px)
{
/* START MEDIA QUERY */

.display-survey-header-container
{
	font-size: 14px;
}

.display-survey-passionned-original
{
	font-size: 14px;
}

.display-client-data-row
{
	font-size: 14px;
}

.display-purchase-license-button
{
	font-size: 16px;
	height: 50px;
}

.pg-content-widget-object .pg-content-page-meta-description
{
    font-size: 10px;
    top: 50%;
}    

.widget-title
{
	width: 72%;
	font-size: 16px;
}

.widget-title.roll-items .widget-title-range
{
	font-size: 12px;
	padding-top: 2px;
	margin-top: 0px;
}

.widget-control, .widget-control-other
{
    width: 10%;
}   

.survey-learning-video-big-screen, .survey-learning-video-small-screen
{
	height: 200px !important;
}

/* END MEDIA QUERY */
}


@media (max-width: 320px)
{
/* START MEDIA QUERY */

.display-client-data-row
{
	font-size: 12px;
}

.display-purchase-license-button
{
	font-size: 14px;
	height: 45px;
}

.display-survey-header-container
{
	font-size: 12px;
}

.widget-control, .widget-control-other
{
    width: 8%;
}


/* END MEDIA QUERY */
}

@media (max-width: 280px)
{
/* START MEDIA QUERY */


/* END MEDIA QUERY */
}