@font-face {
  font-family:Inter;
  src:url(../fonts/Inter-medium.ttf);
}

body, html {
  background:#313896;
  color:#fff;
  font-size:16px;
  font-weight:500;
  font-family:Inter, sans-serif;
}

h1 {
  margin:0;
  font-size:32px;
  padding-bottom:15px;
}

.row {
  margin:0;
  padding:0;
}

.row > div {
  margin:0;
  padding:0;
}

.site-logo img {
  max-width:168px;
  height:auto;
  padding:25px 5px;
}

.content-wrapper {
  padding:0 0 20px 0;
}

.main-container {
  max-width: 500px;
  width: 100%;
  min-height: 100px;
  background: #fff;
  margin: 0 auto;
  border-radius: 5px;
  padding: 45px;
  color: #2D2D2D;
}

.main-container.pin {
  width:305px;
}

.main-form-btn {
  width:100%;
  padding:13px 16px;
  font-size:16px;
  background:#FF7364;
  border:0;
  color:#fff;
  margin-bottom:15px;
  text-shadow: none;
}

.main-form-btn:disabled {
	background: #ff887a;
	cursor:not-allowed;
}

dialog.netteFormsModal {
	border-radius: 5px;
	border: 1px solid #6d6c6c;
	padding: 30px 30px 15px 30px;
}

dialog.netteFormsModal button {
	background: #FF7364;
	border:0;
	color:#fff;
	margin-bottom:15px;
	text-shadow: none;
	padding:13px 16px;
	font-size:16px;
	border-radius:5px;
}

.main-form-btn:hover, .main-form-btn:focus, .main-form-btn:active, .main-form-btn.active {
  background:#FF7364 !important;
  color:#fff !important;
  border:none;
  outline:none !important;
}

input[type="button"]::-moz-focus-inner {
  border:0;
}

.main-form input, .main-form select, .main-form textarea {
  display:block;
  font-size:17px;
  background:#F6F7FB;
  padding:12px 16px;
  border:1px solid #ccc;
  border-radius:5px;
  height:45px;
}

.main-form textarea {
  height:180px;
  max-width:100%;
  max-height:500px;
}

.pin .main-form input {
  margin:20px 0;
  text-align:center;
}

.main-link {
  color:#313896;
  font-size:14px;
  text-decoration:underline;
  margin-top:5px;
}

.main-secured {
  position:relative;
  font-size:14px;
  margin-top:25px;
  display:inline-flex;
}

.main-secured::before {
  content:'';
  background-image:url(../img/ico-zamecek.svg);
  background-size:contain;
  background-repeat:no-repeat;
  width:13px;
  height:16px;
  margin-right:8px;
  display:block;
}

.main-form--item {
  margin-bottom:25px;
}

.main-form--item span {
  /*display:block;*/
  margin-bottom:5px;
}

.main-form--item label {
  margin-bottom:10px;
  font-weight: normal !important;
}

.main-form--item:first-child {
  margin-top:25px;
}

.main-form select {
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  background-image:url(../img/ico-sipka.svg);
  background-repeat:no-repeat;
  background-size:17px 10px;
  background-position:96% center;
}

.main-form-date {
  position:relative;
}

.main-form-date::after {
  content:'';
  display:block;
  position:absolute;
  width:17px;
  height:17px;
  background-image:url(../img/ico-kalendar.svg);
  background-repeat:no-repeat;
  background-size:contain;
  right:15px;
  bottom:14px;
}

.main-form-upload--btn {
  display:block;
  text-align:center;
  border:1px solid rgba(84, 93, 211, 0.46);
  background:#E0E5F0;
  color:#313896;
  padding:13px;
  cursor:pointer;
  border-radius:5px;
}

.main-form-upload--file {
  visibility:hidden;
  height:0;
}

.main-form-upload--file-container {
  width:0;
  height:0;
  overflow:hidden;
}

.main-form-checkbox, .main-form-radio {
  position:relative;
  display:flex;
  align-items:center;
  /*justify-content:center;*/
  padding-top:15px;
  padding-left:30px;
  font-weight:500;
}

.main-form-checkbox input[type=checkbox], .main-form-radio input[type=radio] {
  display:none;
}

.main-form-checkbox span {
  position:absolute;
  left:0;
  top:15px;
  width:20px;
  height:20px;
  display:block;
  background: url(../img/ico-checkbox-uncheck.svg) no-repeat;
  background-size:contain;
  cursor:pointer;
}

.main-form-radio span {
	position:absolute;
	left:0;
	top:15px;
	width:20px;
	height:20px;
	display:block;
	background: url(../img/ico-checkbox-uncheck.svg) no-repeat;
	background-size:contain;
	cursor:pointer;
}

.main-form-radio span {
  background: url(../img/ico-radio-unchecked.svg) no-repeat;
}

label.main-form-checkbox input[type="checkbox"]:checked + span {
  background:url(../img/ico-checkbox-checked.svg) !important;
  width:20px;
  height:20px;
}

label.main-form-radio input[type="radio"]:checked + span {
  background:url(../img/ico-radio-checked.svg) !important;
  width:20px;
  height:20px;
}

.datepicker-container {
  color:#2D2D2D;
}

.success-img {
  margin-bottom:20px;
}

.success-title {
  padding-bottom:5px;
}

.success-subtitle {
  display:block;
  text-align:center;
  font-size:24px;
  margin-bottom:45px;
}

.success-link {
  color:#00D7FF;
  text-decoration:underline;
}

.success-link:hover {
  color:#00D7FF;
}

@media (max-width: 575px) {
	.main-container {
		padding: 45px 30px;
	}
	.row > div {
		padding-left:15px;
		padding-right:15px;
	}

	.site-logo img {
		max-width: 125px;
	}

	#gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
		padding: 3px 5px;
		font-size: 15px;
	}
	#gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang img {
		width: 22px;
	}
}

#fileInfo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.delete {
	color: #FF7364;
}

.delete:hover {
	color: red;
}

.spinner:before {
	background-color: rgba(49, 37, 37, 0.2);
	border-radius: 6px;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	content: " ";
}