@charset "utf-8";

* {margin: 0; padding: 0;}
* {box-sizing: border-box;}

input::-moz-focus-inner {border: 0; padding: 0;}
.footer {clear: both;}

a {color: #000000; text-decoration: none;}
a:hover {color: #c00a3f;}

p {margin: 0; padding: 0;}

html, body {min-height: 100vh; font-size: 14px;}
body {
	font-family: 'Open Sans', sans-serif; 
	color: #000000; 
	/*background-image: URL(./../images/b_page.png);*/ 
	background-image: URL(./../images/b_img_20241018_out.webp); 
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	background-attachment: fixed;
}

.login-container {
	width: 420px;
	min-height: 420px;
	position: absolute;
	top: 50px;
	left: 50%;
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 0 8px #A0A0A0;
}

.logo {
	width: 420px; 
	height: 60px; 
	float: left; 
	background-color: #0d2141;
	display: flex;
	align-items: center;
	justify-content: right;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.main {
	width: 420px;
	min-height: 60px;
	float: left;
	padding: 40px;
}

.descript {
	width: 420px; 
	float: left;
	padding: 20px 40px 20px 40px;
	background-color: #233e6b;
}

.bottom {
	width: 420px; 
	float: left;
	padding: 20px 40px 20px 40px;
	background-color: #0d2141;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* IMAGES */
.img-logo {
	border: 0;
	height: 20px;
	width: auto;
	margin-right: 40px;
	display: block;
}
.img-ico-result {
	border: 0;
	width: 50px;
	height: auto;
}

/* TEXT ALIGNS */
.a-left {text-align: left;}
.a-right {text-align: right;}
.a-center {text-align: center;}
.a-justify {text-align: justify;}

/* FONT SIZE: p-px, r-rem; */
.fs-18p {font-size: 18px;}

/* FONT WIDTH */
.fw-normal {font-weight: normal;}
.fw-bold {font-weight: bold;}

/* TEXT COLORS: 1-nejtmavsi, 2,3,...x-svetlejsi; */
.c-white {color: #FFFFFF;}
.c-black {color: #000000;}

.c-red-1 {color: #c00a3f;}
.c-red-2 {color: #dd104c;}

.c-yellow-1 {color: #fefede;}
.c-yellow-2 {color: #fefeec;}

.c-green-1 {color: #192f17;}
.c-green-2 {color: #404e3f;}
.c-green-3 {color: #859784;}
.c-green-4 {color: #12670c;}
.c-green-5 {color: #249719;}
.c-green-6 {color: #41b835;}
.c-green-7 {color: #d5fdd4;}
.c-green-8 {color: #edfcec;}
.c-green-9 {color: #f6fef6;}
.c-green-10 {color: #f9fdf8;}

.c-blue-1 {color: #0d2141;}
.c-blue-2 {color: #233e6b;}
.c-blue-3 {color: #526c96;}
.c-blue-4 {color: #204b91;}
.c-blue-5 {color: #2d76ec;}
.c-blue-6 {color: #73a8fd;}
.c-blue-7 {color: #e3f0ff;}
.c-blue-8 {color: #eff6fd;}
.c-blue-9 {color: #f7fafd;}
.c-blue-10 {color: #f8fbfd;}

.c-gray-2 {color: #1c1c1c;}
.c-gray-3 {color: #2d2d2d;}
.c-gray-4 {color: #404040;}
.c-gray-5 {color: #636262;}
.c-gray-6 {color: #939292;}
.c-gray-7 {color: #d7d7d7;}
.c-gray-8 {color: #e6e6e6;}
.c-gray-9 {color: #f0f0f0;}
.c-gray-10 {color: #f5f5f5;}

/* BACKGROUND COLORS: 1-nejtmavsi, 2,3,...x-svetlejsi; */
.bc-white {background-color: #FFFFFF;}
.bc-black {background-color: #000000;}

.bc-red-1 {background-color: #c00a3f;}
.bc-red-2 {background-color: #dd104c;}

.bc-yellow-1 {background-color: #fefede;}
.bc-yellow-2 {background-color: #fefeec;}

.bc-green-1 {background-color: #192f17;}
.bc-green-2 {background-color: #404e3f;}
.bc-green-3 {background-color: #859784;}
.bc-green-4 {background-color: #12670c;}
.bc-green-5 {background-color: #249719;}
.bc-green-6 {background-color: #41b835;}
.bc-green-7 {background-color: #d5fdd4;}
.bc-green-8 {background-color: #edfcec;}
.bc-green-9 {background-color: #f6fef6;}
.bc-green-10 {background-color: #f9fdf8;}

.bc-blue-1 {background-color: #0d2141;}
.bc-blue-2 {background-color: #233e6b;}
.bc-blue-3 {background-color: #526c96;}
.bc-blue-4 {background-color: #204b91;}
.bc-blue-5 {background-color: #2d76ec;}
.bc-blue-6 {background-color: #73a8fd;}
.bc-blue-7 {background-color: #e3f0ff;}
.bc-blue-8 {background-color: #eff6fd;}
.bc-blue-9 {background-color: #f7fafd;}
.bc-blue-10 {background-color: #f8fbfd;}

.bc-gray-2 {background-color: #1c1c1c;}
.bc-gray-3 {background-color: #2d2d2d;}
.bc-gray-4 {background-color: #404040;}
.bc-gray-5 {background-color: #636262;}
.bc-gray-6 {background-color: #939292;}
.bc-gray-7 {background-color: #d7d7d7;}
.bc-gray-8 {background-color: #e6e6e6;}
.bc-gray-9 {background-color: #f0f0f0;}
.bc-gray-10 {background-color: #f5f5f5;}

/* MARGIN: p-px, r-rem; */
.m-top-10p {margin-top: 10px;}
.m-top-20p {margin-top: 20px;}
.m-top-30p {margin-top: 30px;}

.m-bot-10p {margin-bottom: 10px;}
.m-bot-20p {margin-bottom: 20px;}
.m-bot-30p {margin-bottom: 30px;}

/* FORMS */
.form-main {
	width: 100%;
	padding: 12px 20px;
	margin: 8px 0 15px 0;
	display: inline-block;
	border: 2px solid #eeeeee;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	outline: none;
}

.form-main:focus {
	border-top: 2px solid #eeeeee;
	border-right: 2px solid #eeeeee;
	border-bottom: 2px solid #41b835;
	border-left: 2px solid #eeeeee;
}

.form-submit {
	width: 100%;
	background-color: #249719;
	color: white;
	padding: 14px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.form-submit:hover {
	background-color: #41b835;
}

label {color: #000000;}