.file-select
	{
		display:inline-block;
		margin:10px auto;padding:10px 5px;
		min-width:210px;
		background-color:#10508f;color:white;
		border-radius:10px;border:none;outline:none;
		cursor:pointer;text-align:center;
	}

.file-select:before {content:'Загрузить файлы';}

.upload-screen
	{
		position:fixed;
		left:0;top:0;
		width:100%;height:100%;
		z-index: 9997;
		display:flex;
		align-items:center;
		justify-content:center;
		font-family:'Montserrat',sans-serif;
		font-weight:bold;text-align:center;
	}

.upload-splash
	{
		position:fixed;
		left:0px;top:0px;
		width:100%;height:100%;
		z-index:9998;
		background-color:black;
		opacity:0.5;
	}

.upload-box
	{
		position:fixed;
		min-width:800px;width:70%;max-width:1080px;
		min-height:650px;height:70%;max-height:810px;
		overflow:hidden;
		padding:20px;
		border-radius:20px;
		background-color:white;
		z-index:9999;
	}

.upload-process,.upload-errors,.upload-info,.upload-list,
.upload-question,.upload-progress,.upload-progress > *,.upload-info-text
	{
		position:absolute;
	}

.upload-process,.upload-errors,.upload-info {left:20px;right:20px;top:20px;bottom:20px;}

.upload-errors {color:red;}

.upload-caption {font-size: 1.4em;}

.upload-list
	{
		top:40px;bottom:0;
		left:0;right:0;
		overflow-y:auto;
		text-align:left;
	}

.upload-errors .upload-list {bottom:55px;}

.file-box
	{
		font-size:.8em;
		margin:4px;padding:6px;
		background-color:#D0D0D0;
		border-radius:6px;
	}

.file-name {width:unset !important;}

.upload-question
	{
		bottom:0;width:100%;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	}

.upload-question > *
	{
		width:max-content;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	}

.upload-question .button {padding:8px;}
.upload-question .button:first-child {margin-right:16px;}

.upload-progress
	{
		width:100%;
		height:30px;
		border:solid black 1.5px;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:left;
	}

.upload-progress > *
	{
		left:0;top:0;right:0;bottom:0;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
	}

.upload-progress-bar
	{
		width:0%;
		background-color:#004080;
	}

.upload-progress-label
	{
		color:white;
		font-size:1.4rem;
		font-weight:600;
		letter-spacing:.05rem;
		mix-blend-mode:exclusion;
	}

.upload-info-text
	{
		top:50px;left:0;right:0;bottom:0;
		text-align:center;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:flex-start;
		font-size:unset !important;
		font-weight:normal !important;
	}

.upload-info-text img
	{
		max-width: 25%;
		position: relative;
	}

.upload-info-text > *:last-child
	{
		position: relative;
		bottom: 0;
		top: auto;
		overflow: hidden;
	}

.upload-info-text > *:last-child > *
	{
		overflow-y: auto;
		height: 100%;
	}

@media (max-width:800px)
	{
		.upload-box
			{
				min-width:unset;width:unset;max-width:unset;
				min-height:unset;height:unset;max-height:unset;
				left:15px;right:15px;top:15px;bottom:15px;
			}

		.upload-caption {font-size:1rem;}

		.upload-progress {height:20px;}
		.upload-progress-label {font-size:1rem;}
		.upload-box img {max-width:20%;}
		.upload-info-text {top:40px;}
		.upload-info-text img {max-width:50%;}
	}

@media (max-width:400px)
	{
		.upload-info-text p
			{
				font-size: .85rem !important;
				line-height:.9 !important;
				margin-bottom:1pt !important;
			}
		.upload-info-text p:not(:first-child) {text-align:left !important;}
	}

@media (max-width:330px) {.upload-info-text p {font-size: .71rem !important;}}

.confirm_continue
	{
		z-index:9990;
		position:fixed;
		margin:0;
		padding:0 10px;
		top:0;left:0;
		width:100%;height:100%;
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
		text-align:center;
		font-weight:bold;
		background-color: rgba(0,0,0,.8);
	}

.confirm_continue > *
	{
		background-color:white;
		border-radius:16px;
		padding:20px;
		box-shadow:0 0 20px black;
		display:flex;
		flex-direction:column;
		min-height: 30%;
	}

.confirm_continue > * > *{margin:auto;}

.confirm_continue > * > *:first-child
	{
		margin-top:0;
		padding-bottom:10px;
		font-size:1.1em;
	}

.confirm_continue > * > *:first-child .format
	{
		font-size:1.1em;
		font-style:italic;
	}

.confirm_continue > * > *.question {margin: 10px auto 0;}

.confirm_continue > * > *:last-child
	{
		margin-bottom:0;
		padding-top:10px;
		display:flex;
		flex-direction:row;
		justify-content: space-between;
		align-items:center;
		width: 100%;
	}

.confirm_continue .button {width: 50%;}
.confirm_continue .button:first-child {margin-right: 15px;}