body[popin]
{
	overflow: hidden;
}

.C_POPIN
{
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*background-color: RGBA(128,128,128,0.5);*/
	background-image: repeating-linear-gradient(0deg, RGBA(16,16,16,0.7) 0px, RGBA(16,16,16,0.6) 8px, RGBA(0,0,0,0.4) 8px, RGBA(0,0,0,0.4) 16px);
	z-index: 1;
}
.C_POPIN[noOverlay="1"]
{
	right: auto;
	bottom: auto;
}

.C_POPIN *
{
	color: #000000;
}
.C_POPIN.C_RED_STRIPED
{
	background-image:	repeating-linear-gradient(45deg, rgba(50, 0, 0, 0.2), rgba(50, 0, 0, 0.2) 10px, rgba(50, 0, 0, 0.3) 10px, rgba(50, 0, 0, 0.3) 20px),
						repeating-linear-gradient(-45deg, rgba(50, 0, 0, 0.2), rgba(50, 0, 0, 0.2) 10px, rgba(50, 0, 0, 0.3) 10px, rgba(50, 0, 0, 0.3) 20px);
}
.C_POPIN > b.C_CLOSE_CROSS
{
	position: absolute;
	cursor: pointer;
	color: #FFFFFF;
}
.C_POPIN > b.C_CLOSE_CROSS[PopinWithoutHeader="1"]
{
	color: var(--main-color);
}
.C_POPIN > b.C_CLOSE_CROSS > i.fa
{
	color: inherit;
	font-size: 18px;
}

.C_POPIN > b.C_CLOSE_POINT
{
	position: absolute;
	right: -12px;
	top: -12px;
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 3px solid #999999;
	cursor: pointer;
	background-color: #000000;
	text-align: center;
	z-index: 1;
	transition:  all 0.3s ease-in-out;
	border-radius: 50%;
}
body[mobile="1"] .C_POPIN > b.C_CLOSE_POINT
{
	width: 4vw;
	height: 4vw;
	transform: translate(-2.2vw, -0.2vw);
}
.C_POPIN > b.C_CLOSE_POINT:hover
{
	transform: rotate(22.5deg);
}
.C_POPIN > b.C_CLOSE_POINT > i.fa
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	
	font-size: 17px;
	line-height: 0px;
	color: #FFFFFF;
}
body[mobile="1"] .C_POPIN > b.C_CLOSE_POINT > i.fa
{
	font-size: 2.4vw;
}

.C_POPIN > div
{
	position: absolute;
	max-height: 96vh;
	max-width: 90vw;
	overflow-y: auto;
	background-color: var(--popin-background-color);
	box-shadow: 0px 0px 9px #979797;
	padding: 10px;
	border-radius: 16px;

}
.C_POPIN > div[stickyHeader="1"]
{
	padding-top: 0px;
}
.C_POPIN > div[stickyFooter="1"]
{
	padding-bottom: 0px;
}
.C_POPIN > div[centered="1"]
{
	left: 50vw;
	top: 50vh;
	transform: translate(-50%, -50%);
}

.C_POPIN > div > span.C_POPIN_LOADER
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.C_POPIN > div > span.C_POPIN_LOADER > i.fa
{
	font-size: 30px;
	color: #6A6F96;
}
.C_POPIN > div > h1
{
	background-color: var(--main-active-color);
	position: relative;
	margin: 0px;
	padding: 10px 20px 9px 10px;
	color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
    border-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}
.C_POPIN > div > h1.C_STICKY_HEAD
{
	position: sticky;
	top: 0px;
	margin: 0px -10px 0px -10px;

	box-shadow: 0px 1px 0px #999999,0px 8px 10px #222222;
	background-color: #000000 !important;
	z-index: 1;
}
.C_POPIN > div > h1 *
{
	color: inherit;
}
.C_POPIN > div > h1 > *
{
	display: inline-block;
	vertical-align: bottom;
}
.C_POPIN > div > h1 > i.fa
{
	font-size: 1.1em;
}
.C_POPIN > div > h1 > font
{
	margin: 0px 0px 0px 16px;
	max-width: CALC(100% - 53px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.C_POPIN > div > h1 > font > i.fa
{
	margin: 0px 8px 0px 8px;
	color: inherit;
}
.C_POPIN > div > h1 > div.C_COMMANDS
{
	position: absolute;
	top: 50%;
	right: 8px;
	text-align: right;
	transform: translate(0%, -50%);
}
.C_POPIN > div > h1 > div.C_COMMANDS > *
{
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 8px;
}
.C_POPIN > div > h1 > div.C_COMMANDS > b
{
/*	display: inline-block;
	padding: 3px 8px 1px 8px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	border-radius: 3px;*/
}
.C_POPIN > div > h1 > div.C_COMMANDS > b:hover
{
	background-color: var(--custom-blue);
}
.C_POPIN > div > h1 > div.C_COMMANDS > b > font > i.fa
{
}
.C_POPIN > div > h1 > div.C_COMMANDS > b > font > u
{
	left: 4px;
}
.C_POPIN > div > h1 > div.C_SUB_HEAD
{
	display: block;
	width: 100%;
}
.C_POPIN > div > h1 > div.C_SUB_HEAD > *
{
	display: block;
}

.C_POPIN > div > div.C_STICKY_FOOT
{
	position: sticky;
	bottom: 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	margin: 0px -10px 0px -10px;

	box-shadow: 0px -1px 0px #999999,0px -8px 10px #222222;
}
.C_POPIN > div > div.C_STICKY_FOOT > .C_BUTTON
{
	min-width: 120px;
}

.C_POPIN_VIEWER
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: RGBA(0,0,0,0.8);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	cursor: zoom-out;
}
.C_POPIN_VIEWER[nozoom="1"]
{
	background-size: auto;
}

.C_POPUPMENU22
{
	min-width: 160px;
	max-width: auto;
	min-height: auto !important;
	border: 1px solid #979797;
	padding: 4px !important;
	user-select: none;
	box-shadow: 2px 2px 2px #888888;

	background-color: #F0F0F0 !important;
	background-image: linear-gradient(90deg, #F4F7FC 0%, #D4D8E6 28px, #A0A0B4 29px, #F0F0F0 30px, #F0F0F0 100%);
}
.C_POPUPMENU22 > hr
{
	margin: 4px 0px 4px 0px;
	border: 0px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
}
.C_POPUPMENU22 > span
{
	display: block;
	position: relative;
	text-decoration: none;
	color: #000000;
	font-size: 12px;
	padding: 4px 4px 4px 30px;
	border: 1px solid transparent;
	height: 24px;
	white-space: nowrap;
}
.C_POPUPMENU22 > span:hover
{
	border: 1px solid #AECFF7;
	background-color: #EBF0F6;
	background-image: linear-gradient(center bottom, #E6EDF6 10%, #F2F4F6 90%);
	border-radius: 3px;
}
.C_POPUPMENU22 > span > b
{
	font-weight: normal;
	color: #333333;
}
.C_POPUPMENU22 > span > i
{
	position: absolute;
	left: 11px;
	top: 50%;
	color: #000000;
	font-size: 15px;
	transform: translateX(-50%) translateY(-50%);
}


/* Ratio (570) */
@media screen and (max-width: 800px)
{
	body[popin]
	{
	}
	
	.C_POPIN
	{
		left: 0vw;
		top: 0vw;
		right: 0vw;
		bottom: 0vw;
		
		background-image: repeating-linear-gradient(0deg, RGBA(16,16,16,0.7) 0vw, RGBA(16,16,16,0.6) 1.4vw, RGBA(0,0,0,0.4) 1.4vw, RGBA(0,0,0,0.4) 2.8vw)
	}
	.C_POPIN[noOverlay="1"]
	{
	}
	
	.C_POPIN *
	{
	}
	.C_POPIN.C_RED_STRIPED
	{
		background-image:	repeating-linear-gradient(45deg, rgba(50, 0, 0, 0.2), rgba(50, 0, 0, 0.2) 1.75vw, rgba(50, 0, 0, 0.3) 1.75vw, rgba(50, 0, 0, 0.3) 3.5vw),
							repeating-linear-gradient(-45deg, rgba(50, 0, 0, 0.2), rgba(50, 0, 0, 0.2) 1.75vw, rgba(50, 0, 0, 0.3) 1.75vw, rgba(50, 0, 0, 0.3) 3.5vw)
	}
	.C_POPIN > b.C_CLOSE_CROSS
	{
	}
	.C_POPIN > b.C_CLOSE_CROSS[PopinWithoutHeader="1"]
	{
	}
	.C_POPIN > b.C_CLOSE_CROSS > i.fa
	{
		font-size: 3.15vw
	}
	
	.C_POPIN > b.C_CLOSE_POINT
	{
		right: -2.1vw;
		top: -2.1vw;
		width: 4.21vw;
		height: 4.21vw;
		border: 0.52vw solid #999999
	}
	body[mobile="1"] .C_POPIN > b.C_CLOSE_POINT
	{
	}
	.C_POPIN > b.C_CLOSE_POINT:hover
	{
	}
	.C_POPIN > b.C_CLOSE_POINT > i.fa
	{
		
		font-size: 2.98vw;
		line-height: 0vw
	}
	body[mobile="1"] .C_POPIN > b.C_CLOSE_POINT > i.fa
	{
	}
	
	.C_POPIN > div
	{
		box-shadow: 0vw 0vw 1.57vw #979797;
		padding: 1.75vw;
		border-radius: 2.8vw
	}
	.C_POPIN > div[stickyHeader="1"]
	{
		padding-top: 0vw
	}
	.C_POPIN > div[stickyFooter="1"]
	{
		padding-bottom: 0vw
	}
	.C_POPIN > div[centered="1"]
	{
	}
	
	.C_POPIN > div > span.C_POPIN_LOADER
	{
	}
	.C_POPIN > div > span.C_POPIN_LOADER > i.fa
	{
		font-size: 5.26vw
	}
	.C_POPIN > div > h1
	{
		margin: 0vw;
		padding: 1.75vw 3.5vw 1.57vw 1.75vw;
		border-bottom: 0.17vw solid #CCCCCC;
	    border-radius: 1.05vw
	}
	.C_POPIN > div > h1.C_STICKY_HEAD
	{
		top: 0vw;
		margin: 0vw -1.75vw 0vw -1.75vw;
	
		box-shadow: 0vw 0.17vw 0vw #999999,0px 1.4vw 1.75vw #222222
	}
	.C_POPIN > div > h1 *
	{
	}
	.C_POPIN > div > h1 > *
	{
	}
	.C_POPIN > div > h1 > i.fa
	{
	}
	.C_POPIN > div > h1 > font
	{
		margin: 0vw 0vw 0vw 2.8vw;
		max-width: CALC(100% - 9.29vw)
	}
	.C_POPIN > div > h1 > font > i.fa
	{
		margin: 0vw 1.4vw 0vw 1.4vw
	}
	.C_POPIN > div > h1 > div.C_COMMANDS
	{
		right: 1.4vw
	}
	.C_POPIN > div > h1 > div.C_COMMANDS > *
	{
		margin: 0vw 0vw 0vw 1.4vw
	}
	.C_POPIN > div > h1 > div.C_COMMANDS > b
	{
	}
	.C_POPIN > div > h1 > div.C_COMMANDS > b:hover
	{
	}
	.C_POPIN > div > h1 > div.C_COMMANDS > b > font > i.fa
	{
	}
	.C_POPIN > div > h1 > div.C_COMMANDS > b > font > u
	{
		left: 0.7vw
	}
	.C_POPIN > div > h1 > div.C_SUB_HEAD
	{
	}
	.C_POPIN > div > h1 > div.C_SUB_HEAD > *
	{
	}
	
	.C_POPIN > div > div.C_STICKY_FOOT
	{
		bottom: 0vw;
		padding: 1.75vw 0vw 1.75vw 0vw;
		margin: 0vw -1.75vw 0vw -1.75vw;
	
		box-shadow: 0vw -0.17vw 0vw #999999,0px -1.4vw 1.75vw #222222
	}
	.C_POPIN > div > div.C_STICKY_FOOT > .C_BUTTON
	{
		min-width: 21.05vw
	}
	
	.C_POPIN_VIEWER
	{
		left: 0vw;
		top: 0vw
	}
	.C_POPIN_VIEWER[nozoom="1"]
	{
	}
	
	.C_POPUPMENU22
	{
		min-width: 28.07vw;
		border: 0.17vw solid #979797;
		padding: 0.7vw !important;
		box-shadow: 0.35vw 0.35vw 0.35vw #888888;
		background-image: linear-gradient(90deg, #F4F7FC 0%, #D4D8E6 4.91vw, #A0A0B4 5.08vw, #F0F0F0 5.26vw, #F0F0F0 100%)
	}
	.C_POPUPMENU22 > hr
	{
		margin: 0.7vw 0vw 0.7vw 0vw;
		border: 0vw;
		border-top: 0.17vw solid #CCCCCC;
		border-bottom: 0.17vw solid #FFFFFF
	}
	.C_POPUPMENU22 > span
	{
		font-size: 2.1vw;
		padding: 0.7vw 0.7vw 0.7vw 5.26vw;
		border: 0.17vw solid transparent;
		height: 4.21vw
	}
	.C_POPUPMENU22 > span:hover
	{
		border: 0.17vw solid #AECFF7;
		border-radius: 0.52vw
	}
	.C_POPUPMENU22 > span > b
	{
	}
	.C_POPUPMENU22 > span > i
	{
		left: 1.92vw;
		font-size: 2.63vw
	}
	
	
}
/* End-Ratio */
@media screen and (orientation:portrait)
{
	body[mobile="1"] .C_POPIN > b.C_CLOSE_POINT
	{
		width: 4.4vh;
		height: 4.4vh;
		transform: translate(-2.2vh, -0.2vh);
	}
	body[mobile="1"] .C_POPIN > b.C_CLOSE_POINT > i.fa
	{
		font-size: 2.7vh;
	}
}
@media screen and (max-width: 800px) and (orientation:portrait)
{
	body[mobile="1"] .C_POPIN > div.C_POPUPMENU > h6
	{
		padding: 2vw;
		margin: 0px 0px 2vw 0px;
		font-size: 7vw;
		line-height: 5vw;
	}
	body[mobile="1"] .C_POPIN[mobilefullscreen="1"] > div
	{
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: auto !important;
    	margin: 0px 0px 0px 0px !important;
		padding: 0px !important;
		overflow: auto;
		border: 0px !important;
		transform: translate(0);
	}
	body[mobile="1"] .C_POPIN[mobilefullscreen="1"] > div > h1
	{
		font-size: 1.4em;
		line-height: 1.4em;
		padding: 4vw;
		margin: 0px;
		text-align: center;
	}
	body[mobile="1"] .C_POPIN[mobilefullscreen="1"] > div > form.C_FORM1602
	{
		width: 100vw !important;
		padding: 4vw 12vw 4vw 12vw;
	}

	body[mobile="1"] .C_POPIN > div[centered="1"]
	{
		top: 5vh;
		max-height: 80vh !important;
		transform: translate(-50%, 0%);
	}
	body[mobile="1"] .C_POPIN > div > h1
	{
		font-size: 5vw;
		line-height: 5vw;
	}
	body[mobile="1"] .C_POPIN > div > h1 > font
	{
		margin: 0px 0px 0px 1vw;
		max-width: CALC(100% - 15vw);
	}
	body[mobile="1"] .C_POPIN > div > h1 > font > i.fa
	{
		margin: 0px 50vw 0px 8px;
	}
	body[mobile="1"] .C_POPIN > div > h1 > div.C_COMMANDS > b > font > u
	{
		display: none;
	}
	.C_POPIN > b.C_CLOSE_CROSS > i.fa
	{
		font-size: 8vw;
	}
	body[mobile="1"] .C_POPIN > div > p
	,body[mobile="1"] .C_POPIN > div > p *
	{
		font-size: 7vw;
		line-height: 9vw;
	}
	body[mobile="1"] .C_POPIN > div .C_BUTTON
	{
		font-size: 6vw;
		line-height: 7vw;
	}
	body[mobile="1"] .C_POPIN > div .C_BUTTON.C_SMALL
	{
		font-size: 4vw;
		line-height: 5vw;
	}
}
@media screen and (max-width: 800px) and (orientation:landscape)
{
}