/* KVOLI PHP CHYBAM */
b {font-size: 20px}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin: 0;
	font-size: 0;
}

:focus {
	outline: none;
}

@keyframes lds-hourglass {
	0% {
		transform: rotate(0);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	50% {
		transform: rotate(900deg);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	100% {
		transform: rotate(1800deg);
	}
}

@font-face {
	font-family: 'FontAwesome';
	font-weight: 900;
	src: url("/assets/fonts/fontawesome/fa-solid-900.eot");
	src: url("/assets/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("/assets/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("/assets/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("/assets/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}

html,
body {
	min-height: 100vh;
}
body {
	font-family: Verdana, Helvetica, Arial;
}

a {
	text-decoration: none;
	color: #0083b9;
	transition: all .2s;
}
a:hover {
	color: rgb(0,167,235);
}

header {
	position: fixed;
	height: 100px;
	width: 100%;
	background-color: rgb(0,167,235);
	background-color: rgba(0,167,235,0.8);
	box-shadow: 0 -8px 10px 10px #999;
	transition: all .2s;
	z-index: 1;
}
header .container {
	padding: 5px;
}
header .logo {
	display: inline-block;
	width: 352px;
	height: 80px;
	transition: all .2s;
	margin: 5px 0 0 15px;
}
header .logo img {
	width: 100%;
	height: 100%;
}
header.shrink .logo {
	width: 176px;
	height: 40px;
	margin-top: 0;
}
header .menu-button {
	display: none;
	float: right;
	height: 52px;
	width: 52px;
	margin: 3px 10px 0;
	cursor: pointer;
}
header .menu-button div {
	width: 44px;
	height: 6px;
	background: #fff;
	margin: 9px auto;
	border-radius: 2px;
}
header.shrink {
	height: 50px;
	box-shadow: 0 -8px 10px 7px #999;
}
header nav {
	display: inline-block;
	margin: 28px 5px 0 0;
	float: right;
	transition: all .2s;
}
header.shrink nav {
	margin-top: 3px;
}
header nav a,
header nav span {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	padding: 4px 10px 6px;
	transition: all .2s;
}
header.shrink nav a,
header.shrink nav span {
	font-size: 15px;
	font-weight: bold;
}
header nav a:hover,
header nav span:hover {
	color: #baeaff;
}
header nav a.border,
header nav span.border {
	border: 2px solid #baeaff;
	border-radius: 10px;
	margin-left: 0;
}
header nav ul {
	padding: 0;
	list-style: none;
}
header nav > ul > li {
	display: inline-block;
	margin: 0 10px 0 10px;
	cursor: pointer;
	position: relative;
}
header nav > ul > li.name {
	cursor: none;
	font-size: 15px;
	color: #fff;
	padding: 4px 10px 6px;
}
header nav > ul > li > ul {
	position: absolute;
	right: 0;
	top: 40px;
	border: 2px solid #baeaff;
	border-radius: 10px;
	background-color: rgb(0,167,235);
	background-color: rgba(0,167,235,0.7);
	display: none;
	padding: 3px 0;
}
header nav > ul > li > ul > li {
	position: relative;
}
header nav > ul li.dark-color a {
	color: #1c1f4c;
}
header.shrink nav > ul > li > ul {
	top: 35px;
}
header nav > ul > li > ul a,
header nav > ul > li > ul span,
header.shrink nav > ul > li > ul a {
	font-size: 15px;
	display: block;
	text-align: right;
	white-space: nowrap;
}
header nav > ul > li > ul > li.sub a {
	font-size: 12px;
}
header nav > ul > li > ul > li > ul {
	display: none;
}
header nav .count-no-seen-inquiry-threads {
	position: absolute;
	background-color: #a149a0;
	border-radius: 50%;
	font-size: 13px;
	line-height: 28px;
	text-align: center;
	width: 28px;
	padding: 0;
	top: 0;
	right: -22px;
}

main {
	background: rgba(26,145,192,0.3);
	min-height: 100vh;
}
main:after {
	content : "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('/assets/images/home-background.jpg');
	width: 100%;
	height: 100%;
	opacity : 0.6;
	z-index: -1;
}
main.home {
	background-color: transparent;
}
main.home:after {
	background-image: url('/assets/images/home-background2.jpg');
	opacity : 1;
}
main section {
	padding-bottom: 10px;
}
main section:first-of-type {
	padding-top: 115px;
	transition: all .2s;
}
main section .container.width-400 {
	max-width: 400px;
}
main section .container.width-500 {
	max-width: 500px;
}
main section .container.width-600 {
	max-width: 600px;
}
main section .block {
	background-color: rgb(254,254,254);
	background-color: rgba(254,254,254,0.6);
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 0 3px rgb(254,254,254);
	margin: 0 10px;
	overflow: auto;
	position: relative;
}
main section .block > *:last-child {
	margin-bottom: 0 !important;
}
main section .block h1,
.modal .contain h2.login-3we {
	font-size: 25px;
	color: #0083b9;
	font-weight: normal;
	margin-bottom: 30px;
	text-align: center;
}
main section .block h1:after,
.modal .contain h2.login-3we:after {
	content: "";
	border-bottom: 1px solid #0083b9;
	display: block;
	width: 70px;
	margin: 15px auto 0;
}

main section .block h2.wallet-titles {
	font-size: 17px;
	color: #0083b9;
}
main section .block h2,
.modal .contain h2 {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 15px;
}
main section .block h2 span {
	font-size: 15px;
	float: right;
	font-weight: bold;
}
main section .block p,
.modal .contain p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 10px;
	text-align: justify;
}
main section .block p.error,
.modal .contain p.error {
	font-size: 14px;
	text-align: left;
	color: #ff0000;
}
main section .block p.error > span {
	font-size: 14px;
	padding-left: 15px;
	display: inline-block;
	position: relative;
}
main section .block p.error > span:before {
	content: "•";
	position: absolute;
	left: 4px;
}
main section .block p a,
main section .block p b {
	font-size: 15px;
}
main section .block p b {
	font-weight: bold;
}
main section .block ul.wallet-options {
	padding: 0;
}
main section .block ul.wallet-options li {
	margin: 5px 5px 0 0;
	display: inline-block;
}
main section .block ul.wallet-options li a,
main section .block a.nice-button {
	padding: 10px;
	border: 1px solid #414B57;
	border-radius: 4px;
	font-size: 14px;
	transition: all .2s;
	cursor: pointer;
	color: #fff;
	background-color: #414B57;
	display: inline-block;
}
main section .block ul.wallet-options li a:hover,
main section .block a.nice-button:hover {
	background-color: #535C67;
}
main section .block form,
.modal .contain form {
	margin-bottom: 20px;
}
main section .block form div,
.modal .contain form div {
	width: 100%;
	margin: 0 auto 15px;
}
main section .block form > div:last-of-type,
.modal .contain form > div:last-of-type {
	margin-bottom: 0;
}
main section .block form div label {
	font-size: 14px;
	margin: 4px;
	display: block;
}
main section .block form div label a {
	font-size: 14px;
}
main section .block form div input,
.modal .contain form div input,
main section .block form div textarea,
main section .block form div select,
main section .block form div button,
.modal .contain form div button {
	font-family: Verdana, Helvetica, Arial;
	padding: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 14px;
	width: 100%;
	transition: all .2s;
}
main section .block form div select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url("/assets/images/arrow-down.png") no-repeat scroll right 15px center;
	padding-right: 30px;
}
main section .block form div select[multiple] {
	background-image: none;
	padding-right: 10px;
}
main section .block form div select option {
	font-size: 14px;
}
main section .block form div input:focus,
.modal .contain form div input:focus {
	box-shadow: 0 0 3px rgb(0,167,235);
}
main section .block form div button,
.modal .contain form div button {
	cursor: pointer;
	color: #fff;
	border-color: #414B57; 
	background-color: #414B57;
	position: relative;
}
main section .block form div a.nice-button {
	width: 100%;
	text-align: center;
}
main section .block form div button:hover,
.modal .contain form div button:hover {
	background-color: #535C67;
}
main section .block form div button.clicked,
.modal .contain form div button.clicked {
	padding-right: 40px;
}
main section .block form div button.clicked:after,
.modal .contain form div button.clicked:after {
	content: "";
	display: block;
	border-radius: 50%;
	width: 0;
	height: 0;
	box-sizing: border-box;
	border: 12px solid #fff;
	border-color: #fff transparent #fff transparent;
	position: absolute;
	top: 7px;
	right: 7px;
	-webkit-animation: lds-hourglass 1.2s infinite;
	-moz-animation: lds-hourglass 1.2s infinite;
	-ms-animation: lds-hourglass 1.2s infinite;
	-o-animation: lds-hourglass 1.2s infinite;
	animation: lds-hourglass 1.2s infinite;
}
main section .block form div .checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin: 0 0 12px;
	cursor: pointer;
	font-size: 14px;
	line-height: 24px;
	min-height: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
main section .block form div .checkbox b {
	font-size: 14px;
}
main section .block form div .checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
main section .block form div .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 4px;
	background-color: #fff;
	transition: all .2s;
}
main section .block form div .checkbox input:checked ~ .checkmark {
	background-color: rgb(0,167,235);
}
main section .block form div .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
main section .block form div .checkbox input:checked ~ .checkmark:after {
	display: block;
}
main section .block form div .checkbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
main section .block form div p {
	font-size: 14px;
}
main section .block form > div label.radio-container {
	display: block;
	position: relative;
	padding: 4px 0 0 35px;
	margin: 0 0 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	min-height: 25px;
}
main section .block form > div label.radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
main section .block form > div label.radio-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	border-radius: 50%;
}
main section .block form > div label.radio-container input:checked ~ .checkmark {
	background-color: rgb(0,167,235);
}
main section .block form > div label.radio-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
main section .block form > div label.radio-container input:checked ~ .checkmark:after {
	display: block;
}
main section .block form > div label.radio-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
}
main section .block form.filter {
	display: flex;
	flex-wrap: wrap;
	margin: -5px -5px 15px;;
}
main section .block form.filter div {
	flex-grow: 1;
	padding: 5px;
	width: auto;
	max-width: none; 
	margin: 0;
}
main section .block form.filter div.date {
	display: flex;
	align-items: center;
}
main section .block form.filter div.date input {
	flex-grow: 1;
}
main section .block form.filter div label {
	font-size: 14px;
	margin: 4px;
	display: inline-block;
}
main section .block.width50 {
	width: calc(50% - 20px);
	display: inline-block;
	vertical-align: top;
}
main section .block form.form-send-inquiry-thread > div.flex {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: space-between;
}
main section .block form.form-send-inquiry-thread > div.flex > div {
	margin: 0;
	width: auto;
}
main section .block .my-employment-application-photo {
	position: absolute;
	width: 360px;
	height: 202px;
	right: 30px;
	background-repeat: no-repeat;
	background-position: right top;
}

/* TABLE */

main section .block table {
	border-collapse: collapse;
	width: 100%;
	background-color: rgb(254,254,254);
	background-color: rgba(254,254,254,0.6);
	margin-bottom: 20px;
}
main section .block table:not(.horizontal) tr {
	border-bottom: 1px solid #e5e5e5;
}
main section .block table tr.pointer {
	cursor: pointer;
}
main section .block table tr:nth-child(odd) {
	background-color: rgba(254,254,254,0.6);
}
main section .block table.table-inquiry tr:nth-child(odd) {
	background-color: transparent;
}
main section .block table tr:hover {
	background-color: rgba(254,254,254,0.8);
}
main section .block table tr:first-of-type,
main section .block table tr:last-of-type {
	border-bottom: 0;
}
main section .block table.table-inquiry tr {
	background-color: transparent;
}
main section .block table.table-inquiry tr.highlight {
	background-color: #fff;
}
main section .block table tr th,
main section .block table tr td,
main section .block table tr td a,
main section .block table tr td span,
main section .block table.horizontal tr td a {
	font-size: 12px;
}
main section .block table tr th {
	text-transform: uppercase;
	font-weight: normal;
	background-color: #35b6eb;
	color: #fff;
	padding: 20px;
}
main section .block table tr th.width1,
main section .block table.horizontal tr td.width1 {
	width: 1px;
}
main section .block table tr td {
	padding: 20px;
	border-right: 1px solid #e5e5e5;
	height: 100%;
}
main section .block table tr td.border-top {
	border-top: 1px solid #000;
}
main section .block table.horizontal tr th,
main section .block table.horizontal tr td {
	padding: 10px 15px;
}
main section .block table.horizontal tr th {
	width: 155px;
	text-align: left;
}
.green {
	color: green;
}
.red {
	color: red;
}
.purple {
	color: purple;
}
main section .block table tr td:last-of-type {
	border-right: 0;
}
main section .block table.notifications tr td:first-of-type {
	background-color: #33b6e9;
}
main section .block table .table-arrow {
	display: none;
}
main section .block table .table-arrow:before {
	content: "\f35a";
	font-family: 'FontAwesome';
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 35px;
	color: #ccc;
	line-height: 1;
	position: absolute;
	margin-top: 16px;
	right: 40px;
	cursor: pointer;
}

/* PAGINATION */

main section .block .pagination {
	text-align: center;
	margin: 0 -5px 20px;
}
main section .block .pagination a,
main section .block .pagination b {
	font-size: 14px;
	padding: 5px 8px;
	border-radius: 4px;
	margin: 5px;
	display: inline-block;
}
main section .block .pagination a:hover {
	box-shadow: 0 0 3px #e5e5e5;
}
main section .block .pagination b {
	color: #fff;
	background-color: #35b6eb;
	font-weight: normal;
}

main > section#page-privacy-policy > div.container > div.block > ul > li::marker {
	font-size: initial;
}

/* MODAL */

#on-top {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 1;
}
.modal {
	display: none;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #f6f7fb;
	padding: 30px 20px 20px;
	width: calc(100% - 10px);
	max-width: 400px;
	max-height: 100%;
	z-index: 1;
}
.modal .close {
	background-color: #444;
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 20px;
	font-size: 16px;
	padding: 0 10px 5px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
}
.modal .contain {
	overflow: auto;
	max-height: 75vh;
}
.modal .contain dl dt,
.modal .contain dl dd {
	font-size: 15px;
	text-align: left;
}
.modal .contain dl dt {
	background-color: #35b6eb;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 15px;
	border-radius: 5px;
}
.modal .contain dl dd {
	margin-bottom: 10px;
	padding: 10px 8px;
	min-height: 36px;
	line-height: 16px;
}
.modal .contain dl dd a,
.modal .contain dl dd span {
	font-size: 15px;
}
.modal .contain dl > *:last-child {
	margin-bottom: 0;
}
.sign-up .modal .contain p.error {
	max-width: 300px;
	margin: 0 auto 10px;
}

footer {
	background-color: #111;
	color: #fff;
}
footer > div.container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
footer > div.container > div.copyright {
	text-align: center;
	font-size: 10px;
}
footer > div.container > div.privacy-policy > a {
	background-color: #fff;
	color: #000;
	font-size: 12px;
	padding: 4px 8px;
	border-radius: 8px;
	display: inline-block;
}

.container {
	max-width: 1170px;
	width: 100%;
	padding: 10px;
	margin: 0 auto;
}

/* OTHER */

.nowrap {
	white-space: nowrap;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center !important;
}

/* CSS FOR PHONE */

@media (max-width: 1000px){
	main section .block.width50 {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	main section .block.width50:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 820px){
	header {
		height: 70px;
		box-shadow: 0 -8px 10px 7px #999;
	}
	header .logo {
		width: 264px;
		height: 60px;
		margin-top: 0;
	}
	header .menu-button {
		display: inline-block;
	}
	header nav,
	header.shrink nav {
		right: -100vh;
		background-color: rgb(0,167,235);
		background: rgba(0,167,235,0.7);
		margin: 0;
		position: absolute;
		top: 80px;
		box-shadow: 0 0px 5px 1px #999;
		border-radius: 5px 0 0 5px;
		padding: 5px;
	}
	header nav.open {
		right: 0;
	}
	header nav > ul > li {
		display: block;
	}
	header nav > ul > li.name {
		font-size: 18px;
	}
	header nav > ul > li > ul {
		position: initial;
		margin-bottom: 6px;
	}
	header nav a,
	header.shrink nav a,
	header nav span,
	header.shrink nav span {
		display: block;
		font-size: 18px;
		font-weight: normal;
		margin: 0;
		text-align: right;
	}
	header nav a.border,
	header nav span.border {
		border: 0;
	}

	main section:first-of-type {
		padding-top: 60px;
	}
}