/**
 *  @title	POPINS
 */
.popin{
	padding: 40px;
	width: 950px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.popin-title{
	margin-bottom: 10px;
	color: #e9041e;
	font: normal 2.1875em/1 'Source sans Pro', Arial, sans-serif;
}

.popin-subtitle{
	color: #333;
	font-size: .75em;
	font-family: 'Source Sans Pro', Arial, sans-serif;
}

.popin-title + .popin-subtitle{
	margin-bottom: 25px;
}

.popin-content ul, .popin-content li{
	margin: 0; padding: 0;
	list-style: none;
}

.popin-content ul{
	padding-bottom: 25px;
}

.popin-content ul,
.popin-content p{
	font-size: .75em;
}

.popin-content p a{
	color: #e9041e;
	text-decoration: underline;
}

.popin-content p a:focus,
.popin-content p a:hover{ text-decoration: none; }

#js .popin-mask{
	position: absolute;
	background: #000;
	z-index: 100;
}

#js .popin-loader{
	position: absolute;
	padding: 10px;
	background: #1D2326; color: #FFF;
	z-index: 101;
}

#js .popin{
	position: absolute;
	background: #FFF;
	z-index: 102;
}

#js #main .popin{ position: relative; z-index: inherit; }

#js .popin .btn-close{
	position: absolute; top: 0; right: 0;
	color: #0055AB;
}

/* popin CGU */
#popin-cgu{ width: 500px; }

#popin-cgu .popin-title{ margin-bottom: 20px; }

#popin-cgu ul{ margin-top: 25px; }

#popin-cgu li{ float: right; }

#popin-cgu li:first-child{ float: left; }

#popin-cgu .btn-submit{ font-size: 1.3em; }

#popin-cgu .btn-arrow{
	margin-top: 7px;
	font-weight: normal;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	line-height: 1.6;
}

#popin-cgu .btn-arrow:hover,
#popin-cgu .btn-arrow:focus{
	text-decoration: underline;
}

/***
* Global Popin
 */
#js .popin-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
}

#js .popin-wrapper .popin-mask{
	background: #000;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

/***
* Popin for Iframes in videocontent node
 */

#js .popin-wrapper .iframe-popin-wrapper{
	position: absolute;
	z-index: 51;
	top: calc(50% - (450px * 9 / 16));
	left: calc(50% - 450px);
	width: 900px;
	height: calc(900px * 9 / 16);
	background-color: white;
}

#js .popin-wrapper .iframe-popin-inner{
	width: 100%; height: 100%;
}

#js .popin-wrapper .btn-popin-close{
	position: absolute;
	right: 5px;
	top: 5px;
	height: 20px;
	width: 20px;
}

#js .popin-wrapper .btn-popin-close .offscreen{
	position: absolute;
	left: -9999px;
}

#js .popin-wrapper .btn-popin-close button{
	top: 0;
	right: 0;
	position: absolute;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAOVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8dlA9AAAAEnRSTlMAFhgZLS4vMDEyfICD6uvs7e7wQAG8AAACGElEQVR42u3a63KCMBCGYeopUloR7v9ia621gAnZw7fLTGf3P7zPjIpDkqaJiYmJiYmJiSnPDnWjveyyj/6E6bdDJ+qPI0bQDuMoENz6GMF3XyC49xGCnz5b8OjrBb99puDZ1wr++izBpK8TTPsMwayvEcz7ZMGiLxech+WdSIKXvlRwvr7eiSDY9SNGkOuPn2/1C08YQb5/oFwKESj6EIGqDxAo+2qBuq8UAPoqAaSvEID6YkFC9YUCYF8kgPYFAnCfLYD3mQKDPktg0mcIjPpkgVmfKEi9WZ8kMO0TBMb9qsC8XxE49FcFLv0VgVO/KHDrlwR+/YLAsU8V2PVpAss+RWDbrwus+zWBfX9d4NFfE/j0ywKvfkng18///zgC0sYfQdr4S5g2/hmmjR9EaeNHca1vLaj3bQWUvqUg+/6ZmYuRIP/+e3ETFN6/D16C4vu/k2Bl/cFFsLr+4SCorL+YC6rrP8YCwvqTqYC0/p4XHN36hgLy/sPRRsDY/zARsPZfDATM/R+4gL3/BBYI9r+gAtH+G1DQytbfYYJ2EPULgp4tEPdvgh4gUPQhAlUfIFD21QJ1XykA9FUCSF8h2GP6JQHhIFOH6ecF75QLO0w/JyD1XwS48wfE/kKAO39A7s8EuPMHjP5EgDt/wOo/BbjzB8z+Q4A7f8Du3wW48weC/k2AO38g6jcN4bHpfKOYmJiYmJiYfzlfkbDrUGfAvG8AAAAASUVORK5CYII=');
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-color: transparent;
	border: none;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#js .popin-wrapper .btn-popin-close button:hover,
#js .popin-wrapper .btn-popin-close button:focus{
	cursor: pointer;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTAwNjg0N0QzRkMwMTFFN0EwNkZFN0UxNEEyRUExMEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTAwNjg0N0UzRkMwMTFFN0EwNkZFN0UxNEEyRUExMEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDA2ODQ3QjNGQzAxMUU3QTA2RkU3RTE0QTJFQTEwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDA2ODQ3QzNGQzAxMUU3QTA2RkU3RTE0QTJFQTEwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PifI3RAAAAMUSURBVHja7NzNalRREEXhvhtnTpz4/g/oxIlTSwImNKLSSZ+qc6r22hB0EIK31ud/01dE3JjvxAkAwADAAMAAwADAAMAAwADAAMAAwADAAMAAwADAJu7Ts1/gx/dvD39uRPy8rgt0C2/0+cvXHr8CvDzY/bfsjBup8MGu3x8g+E/81ztV3UiF8W93DwiCf8d/u1PFjVQcHwSPxS9DoA3xQfBY/BIE2hTfHsGD8dMRaGN8WwTvjJ+KQJvj2yH4YPw0BDogvg2CJ+OnINAh8ccjWBR/OQItfLBVG4dgcfylt38awN2/WwcIyuLHH7ff+1sACHrGX/qHQBD0i7/8r4Eg6BV/OQAQ9IqfAsAZQbf4aQAcEXSMnwrACUHX+OkAHBB0jl8CYDKC7vHLAExEMCF+KYBJCKbELwcwAcGk+FsAdEYwLf42AB0RTIy/FUAnBFPjbwfQAcHk+EcAOBnB9PjHADgRgUP8owCchMAl/nEATkDgFP9IADsRuMU/FsAOBI7xjwZQicA1/vEAKhA4x28BIBuBc/w2AJIR2MZvBSARgW38dgAORtAyfksAByJoG78tgIMQtI7fGsABCNrHbw9gI4IR8UcA2IBgTPwxAAoRjIo/CkABgnHxxwFg5gCy3o3r/mtOews7Ed8bgYjvjUDE90Yg4nsjEPG9EYj43ghEfG8EIr43ApnHj5v529rKPP7fvm+FQM7xX/5jx/29jeUc/62WMQK5x3dHIOJ7IxDxvRGI+N4IRHxvBCK+NwIR3xuBiO+NQMT3RiDieyMQ8b0RiPjeCER8bwQivjcCEd8bgYjvjUDE90Yg4nsjEPG9EYj43ghEfG8EIr43AhHfG8HKF0wQvxbBkhtp4Q8kiF+GIFbdaPWrZoL46Qhi5Y2U8IBB/DQEsfpGWS+dCuIvRxAZN1LiAwbxlyGIrBtlv34uiP80gsi8kQoeMIj/YQSRfaOqF1EG8d+NICpupMIHDOI/jCCqblT+Slrin3WjKyK4vPH42QgABgAGAAYABgAGAAYABgAGAAYABgAGAAYABgA2cr8EGAC3Tk4otaY1xAAAAABJRU5ErkJggg==');
}

#js .popin-wrapper .iframe-popin-inner > iframe{
	height: 100%;
	width: 100%;
}

#js .econote-popin-wrapper .actions-wrapper{
	text-align: center;
}
#js .econote-popin-wrapper .btn-submit{
	width: auto;
	margin: 1.5rem;
	text-align: center;
}

#js .econote-popin-wrapper .btn-download{
	padding: 0 1.5rem;
}

#js .econote-popin-wrapper .hidden {
	display: none;
}
#js .econote-popin-wrapper button[disabled] {
	background-color:#3a3a3a;
	cursor: default;
}