/*
* Theme name: Converter
*/
html, body{
	height: 100%;
	width: 100%;
}
.form-wrapper{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}
.form-check{
	display: flex;
	align-items: center;
}
.table td{
	vertical-align: middle;
}
.table__options{
	display: none;
	background: rgba(0,0,0,0.02);
}
.table__options>td{
	padding-left: 0;
	padding-right: 0;
}
.table__options table tr:first-child td{
	border-top: 0;
	padding-top: 0;
}
.td-toggle{
	font-size: 80%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.form__upload-wrap { border: 1.5px dashed #80A2CB; border-radius: 5px; padding: 4px 4px 34px; display: flex; flex-wrap: wrap; margin-bottom: 30px; }

.form__upload { flex: 0 0 100%; overflow: hidden; border-radius: 5px; position: relative; padding: 36px; text-align: center; transition: all 0.2s; display: flex; align-items: center; justify-content: center; }
.form__upload:hover { background-color: rgba(190, 222, 255, 0.2); }

.form__upload-wrapper-label { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 0; }

.form__upload-box { padding-top: 50px; background: url(../images/ico__cloud.svg) 50% 0 no-repeat; }

.form__upload-box-text { margin-bottom: 11px; font-weight: 400; font-size: 12px; line-height: 1.67; text-align: center; color: #65697A; }

.form__upload-box-btn { font-weight: 400; font-size: 12px; line-height: 1.5; text-align: center; color: #FFFFFF; background: #0075FF; border-radius: 3px; width: 95px; padding: 6px; position: relative; z-index: 2; cursor: pointer; transition: all 0.3s; margin-bottom: 0; }
.form__upload-box-btn:hover { background-color: #0066FF; }

.form__upload-input { position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0; }

.form__upload-item { flex: 0 0 100%; max-width: 100%; margin-top: 23px; display: flex; align-items: center; padding-left: 26px; padding-right: 26px; transition: all 0.3s; }
.form__upload-item ~ .form__upload { margin-top: 30px; }

.form__upload-item_file:first-child { margin-top: 30px; }

.form__upload-item-image { display: none; }

.form__upload-item-icon { width: 40px; height: 40px; display: flex; align-items: center; flex: 0 0 40px; margin-right: 15px; color: #80A2CB; font-size: 20px; justify-content: center; border-radius: 50%; background: #EBF4FF; }

.form__upload-item-info { flex: 1 1 auto; padding-right: 22px; max-width: calc(100% - 85px); }

.form__upload-item-title { font-weight: 600; font-size: 12px; line-height: 15px; color: #131724; margin-bottom: 5px; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; }

.form__upload-item-progress { margin-bottom: 4px; }

.form__upload-item-load { font-weight: 400; font-size: 12px; line-height: 15px; color: #80A2CB; }

progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

progress { display: block; background: #E8EFF5; border-radius: 3px; height: 2px; border: 0; width: 100%; }

progress::-webkit-progress-bar { background: #E8EFF5; }

progress::-webkit-progress-value { background: #0075FF; }

progress::-moz-progress-bar { background: #0075FF; }

.form__upload-item-remove { width: 30px; height: 30px; flex: 0 0 30px; color: #808599; font-size: 20px; line-height: 1; background: #F2F3F5; border-radius: 50%; transition: all 0.3s; pointer-events: none; padding-bottom: 3px;}
.form__upload-item-remove i { font-size: 20px; }
.form__upload-item-remove:hover { background-color: #0075FF; color: #fff; }

.loaded .form__upload-item-remove { pointer-events: all; }

.form__upload-item_photo.loaded, .form__upload-item_video.loaded { flex: 0 0 33.33%; display: block; margin-top: 30px; position: relative; }
.form__upload-item_photo.loaded .form__upload-item-info, .form__upload-item_photo.loaded .form__upload-item-icon, .form__upload-item_video.loaded .form__upload-item-info, .form__upload-item_video.loaded .form__upload-item-icon { display: none; }
.form__upload-item_photo.loaded .form__upload-item-remove, .form__upload-item_video.loaded .form__upload-item-remove { position: absolute; right: 26px; top: -15px; }
.form__upload-item_photo.loaded .form__upload-item-image, .form__upload-item_video.loaded .form__upload-item-image { display: block; width: 100%; padding-right: 15px; position: relative; overflow: hidden; }
.form__upload-item_photo.loaded .form__upload-item-image::before, .form__upload-item_video.loaded .form__upload-item-image::before { content: ''; position: relative; padding-bottom: 75%; height: 0; display: block; overflow: hidden; width: 100%; }
.form__upload-item_photo.loaded .form__upload-item-image > *, .form__upload-item_video.loaded .form__upload-item-image > * { position: absolute; right: 15px; top: 0; width: calc(100% - 15px); height: 100%; object-fit: cover; border-radius: 5px; }
.form__upload-wrap:empty{
	display: none;
}
.btn input[type="file"]{
	width: 0;
	height: 0;
	opacity: 0;
	clip: rect(0,0,0,0);
}
@media(min-width: 1200px){
	.modal-dialog{
		max-width: 1000px;
	}
}