.empty_screen {
	width: 100%;
	height: 100vh;
	background-color: #eee;
}


@font-face {
  font-family: "Azo Sans";
  src: url("/fonts/azo-sans-light.woff2") format("woff2"),
       url("/fonts/azo-sans-light.woff")  format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; /* recommended */
}

@font-face {
  font-family: "Azo Sans r";
  src: url("/fonts/azo-sans-regular.woff2") format("woff2"),
       url("/fonts/azo-sans-regular.woff")  format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; /* recommended */
}

@font-face {
  font-family: "Azo Sans b";
  src: url("/fonts/azo-sans-bold.woff2") format("woff2"),
       url("/fonts/azo-sans-bold.woff")  format("woff");
  font-weight: 1000;
  font-style: normal;
  font-display: swap; /* recommended */
}

.fpage_button:hover{
	border-bottom: 1px solid white;
}

.fpage_button{
	float: left; 
	color: white; 
	padding: 20px 5px 5px;
    margin: 0 10px;
	border-bottom: 1px solid transparent;
	transition: 0.3s all ease-in-out;
}

.new_slogan {
	font-family: "Azo Sans", "Work Sans", "sans-serif", "Aptos";
}

.login_errors {
	color: red; 
	margin-top: 10px; 
	padding-left: 18px;
}
/* 3376d1 */
.kiwa_button_blue {
	background-color: #004f9f!important;
	color: #fff!important;
	transition: 0.3s all ease-in-out;
}

.kiwa_button_blue:hover {
	background-color: #2a3f54!important;
	color: #fff!important;
}

.close_video_password:hover {
	opacity: 1;
}

.close_video_password {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 4px;
	color: red;
	font-size: 1.5em;
	z-index: 2000;
	transition: 0.3s all ease-in-out;
	opacity: .3;
}

.video_password input {
	text-align: center;
}

.video_password {
	/* display: none; */
	/* position: fixed; */
	/* top: 50%; */
	/* left: 50%; */
	width: 250px !important;
	/* height: 150px; */
	background-color: white;
    z-index: 9999;
    box-shadow: 0 1px 20px 5px #bbb;
    padding: 40px 15px;
    border-radius: 6px;
	margin: auto;
    margin-top: 50%;
	/* transform: translate(-50%, -50%); */
}

.video_player {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index: 100;
}

.close_video:hover {
	opacity: 1;
}

.close_video {
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 20px;
	color: red;
	font-size: 3em;
	z-index: 2000;
	transition: 0.3s all ease-in-out;
	opacity: .3;
}

.partpos {	
	text-align: center;
	color: #005f9a;
}

.video_part .play {	
	font-size: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	transition: 0.3s all ease-in-out;
}

.video_part .duration {	
	position: absolute;
    bottom: 5px;
    right: 10px;
}

.video_part:hover .play {
	color: #8ccaae;
	font-size: 6em;
}

.video_part:hover {
	background-color: #e5e5e5;
}

.video_part {
	color: #004f9f;
	border-radius: 4px;
    padding: 15px;
    box-shadow: 0px 3px 10px 4px #e5e5e5;
	transition: 0.3s all ease-in-out;
	height: 200px;
}

.video_series .vids_count{
	color: #2a3f54;
	float: left;
}

.video_series:hover .kirjeldus{
	color: #004f9f;
	/* padding-left: 10px; */
}

.video_series:hover {
	/* background-color: #e5e5e5; */
	border-left: 5px solid #004f9f;
}

.video_series {
	border-radius: 4px;
    padding: 15px;
    box-shadow: 0px 3px 10px 4px #e5e5e5;
	transition: 0.3s all ease-in-out;
}

.video_series .kirjeldus {
	color: #004f9f;
	transition: 0.3s all ease-in-out;
	padding-left: 5px;
}


.elearning_window {
	display: none;
	z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
	padding: 10px;
}

.elearning_area {
    width: 100%;
    height: 100%;
	border: 2px solid #004f9f;
	border-radius: 6px;
	padding: 40px;
	overflow: auto;
}

.slide_logo {
	position: fixed;
	width: 150px;
	bottom: 25px;
	right: 25px;
	display: none;
	opacity: 0.8;
}

.slide_nr {
	position: fixed;
	bottom: 25px;
	left: 25px;
	display: none;
	color: rgb(0, 93, 161);
    font-weight: bold;
}

.elearning_area_wait {
	display: none;
	position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 0;
    left: 0;
	border: 2px solid #00aac5;
	border-radius: 6px;
    background-color: white;
	margin: 10px;
}

.elearning_continue {
	position: absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
}

.elearning_arrow {
	display: none;
	position: fixed;
    top: 38px;
    width: 46px;
    height: 47px;
    background-color: #005da1;
    color: white;
    opacity: .2;
    border-radius: 2px;
    transition: 0.3s all ease-in-out;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 2rem;
}

.elearning_play {
	display: none;
    position: fixed;
    top: 15px;
    left: 50%;
    width: 100px;
	transform: translate(-50%, 0);
}

.elearning_play i {
    background-color: #005da1;
    color: white;
    opacity: .2;
    border-radius: 2px;
    transition: 0.3s all ease-in-out;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 2rem;
}

.elearning_play i:hover {
	opacity: .7;
}

.elearning_arrow:hover {
	opacity: .7;
}

.elearning_arrow.prev {
    left: 0%;
	transform: translate(15px, -50%);
}

.elearning_arrow.next {
    right: 0%;
	transform: translate(-15px, -50%);
}

.elearning_cell {
	height: 100%;
}

.elearning_block {
	height: 100%;
	border: 1px solid #efefef;
    background: #fff;
	cursor: pointer;
	/* margin-bottom: 20px; */
	/* border-bottom: 1px solid #00aac5; */
    /* -o-border-image: linear-gradient(to right, transparent, #00aac5) 1; */
    /* border-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#00aac5)) 1; */
    /* border-image: linear-gradient(to right, transparent, #00aac5) 1; */
}

.elearning_image {
	position: relative;
    overflow: hidden;
	/* height: 100%; */
}

.elearning_image img{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.elearning_block:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.elearning_block:hover .elearning_text h5 {
    color: #00aac5;
}

.elearning_details {
    padding: .5rem 1.25rem;
    background-color: #005da1;
    color: #fff;
}

.elearning_details ul {
    margin: 0;
	list-style: none;
	padding: 0;
}

.elearning_text {
	padding: 1.25rem 1.25rem 4.125rem;
}

.elearning_text h5 {
    color: #094890;
	transition: 0.3s all ease-in-out;
}

.elearning_lisaks {
	color: #094890;
    padding: 14px;
    position: absolute;
    bottom: -8px;
    left: 0px;
    width: calc(100% - 16px);
    text-align: center;
    margin: 8px;
	transition: 0.3s all ease-in-out;
}

.elearning_lisaks:hover {
	color: #fff;
    background-color: #005da1;
}

.elearning_descr {
	color: #fff;
    background-color: #1d774d;
	padding: .5rem 1.25rem;
}

.elearning_price {
	color: #d1111c;
    background-color: #fff;
    padding: .5rem 1.25rem;
    text-align: center;
    border: 1px solid #1d774d;
    font-size: 40px;
}

.elearning_acc_title {
	padding: .8rem 1.25rem;
    background-color: #004f9f;
    color: white;
    cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.elearning_acc_title:hover {
    /* background-color: #005da1b8; */
    background-color: #2a3f54;
}

.elearning_accordeon {
	
}

.elearning_acc_sisu {
	padding: 8px;
	border: 1px solid #005da1;
	color: #005da1;
}

.row.hidden {
	display: none;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
}

.select2-selection.is-invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}

.pank_link.active {
	box-shadow: 0 0 5px 2px #00aac5;
}

.pank_link {
	background-color: #f2f2f2;
    width: 100px;
    cursor: pointer;
    float: left;
    margin: 5px;
	overflow: hidden;
}

.pank_link:hover img {
	scale: 1.2;
}

.pank_link img {
	transition: all 0.3s ease-in-out;
	width: 100%;
}

.elearning_slide {
	display: none;
	font-family: Arial, Helvetica, sans-serif; 
}

.slide_title {
	color: #004f9f; 
	font-size: 4vw;
	font-weight: bold;
}

.slide_title_2 {
	color: #2a3f54;
	font-size: 2.5vw;
	font-weight: bold;
}

.slide_text {
	font-size: 1.8vw;
}

.slide_image {
	text-align: center;
}

.slide_image img{
	width: 85vw;
}



.scroll_top {
	display: none;
	position: fixed;
	color: white;
	bottom: 10px;
	right: 10px;
	font-size: 2em;
	background-color: #004f9f;
	width: 45px;
	height: 45px;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
	opacity: 0.7;
}

.scroll_top:hover {
	opacity: 1;
	box-shadow: 0px 0px 70px 1px #000;
}

.scroll_top i {
	position: absolute;
	left: 12px;
	top: 6px;
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	font-family: sans-serif;
	/* font: 16px/1.5 sans-serif; */
	font-family: "Work Sans", Roboto, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

a {
	text-decoration: none;
}

body::-webkit-scrollbar {
  display: none;
}

body {
	overflow-y: scroll !important;
	padding: 0;
	margin: 0;
	/* background-color: #efefef !important; */
	padding-right: 0 !important;
	font-family: "Aptos", "Azo Sans" "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	/* -ms-overflow-style: none;  /* IE and Edge */ */
	/* scrollbar-width: none;  /* Firefox */ */
}


.sisu_card {
	padding-top: 75px;
}

.sisu_card .row{
	padding: 15px;
	background-color: white;
	overflow: auto;
	/* max-height: 1000px; */
}

.sisu_card table{
	/* overflow-x: auto; */
}

#exam_timer{
	padding: 20px;
    font-size: 2em;
    margin-right: 21px;
    transform: translate(-50px);
}

.sector_trainings {
	transition: all 0.4s ease-in-out;
	border: 1px solid #eee;
	padding: 10px;
	cursor: pointer;
	width: 100%;
	margin-top: 5px;
	display: none;
}

.sector_trainings:hover {
	background-color: #eee;
}

.training_text {
	position: absolute;
    top: 0;
	padding: 10px;
}

.training_card:hover:before {
	background-color: #00aac5;
}

.training_card:hover {
	color: white;
}

.training_card {
	cursor: pointer;
	height: 100px;
	width: 100%;
	background-color: #004f9f;
	clip-path: 
	polygon(
      0 0,                 /* top left */
      0 0,                 /* top left */
      100% 0,   			 /* top right */
      0 100%,               /* top right */
      calc(100% - 24px) 100%,  /* bottom right */
      100% calc(100% - 24px),  /* bottom right */
      100% 0,               /* bottom left */
      0 100%      /* bottom left */
    );
	-webkit-clip-path: 
	polygon(
      0 0,                 /* top left */
      0 0,                 /* top left */
      100% 0,   			 /* top right */
      0 100%,               /* top right */
      calc(100% - 24px) 100%,  /* bottom right */
      100% calc(100% - 24px),  /* bottom right */
      100% 0,               /* bottom left */
      0 100%      /* bottom left */
    );
	transition: all 0.4s ease-in-out;
}

.training_card:before {
	  content: "";
	  display: block;
	  position: relative;
	  top: 1px;
	  left: 1px;
	  height: 98px;
	  width: calc(100% - 2px);
	  background-color: white;
	  color: black;
	  transition: all 0.4s ease-in-out;
	  
	clip-path: 
	polygon(
		0 0,                 /* top left */
		0 0,                 /* top left */
		100% 0,   			 /* top right */
		0 100%,               /* top right */
		calc(100% - 24px) 100%,  /* bottom right */
		100% calc(100% - 24px),  /* bottom right */
		100% 0,               /* bottom left */
		0 100%      /* bottom left */
	);  
	-webkit-clip-path: 
	polygon(
		0 0,                 /* top left */
		0 0,                 /* top left */
		100% 0,   			 /* top right */
		0 100%,               /* top right */
		calc(100% - 24px) 100%,  /* bottom right */
		100% calc(100% - 24px),  /* bottom right */
		100% 0,               /* bottom left */
		0 100%      /* bottom left */
	);
}

.training_details {
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

.training_details:hover span {
	color: #094890;
}

.t_details {
	display: none;
	border: 1px solid #094890;
	padding: 5px;
}



.main_table{
	/* border: 1px solid #eee; */
	color: #2a3f54;
}

.main_table th{
	/* border-top: 1px solid #eee; */
	font-size: 0.7em;
	text-transform: uppercase;
	color: white;
	background-color: #004f9f;
}

.main_table td{
	font-size: 0.8em;
}

.main_table th, .main_table td {
	padding: 10px 5px;
	border-bottom: 1px solid #eee;
}

.main_table tr.even {
	background-color: #f3f3f3;
}

.swal2-container {
    overflow-y: hidden !important;
}

.no_padd {
	padding: 0 !important;
}

.text_dark_kiwa {
	color: #005da1!important;
}

.teenus {
	margin: 5px;
	padding: 10px;
	border-top: 2px solid #eee;
	height: calc(100% - 15px);
}

.teenuse_nupp {
	padding: 0 !important;
	cursor: pointer;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* flex-direction: column; */
}

.teenus_logo {
	float: left;
	height: 100%;
	padding-right: 10px;
}

.teenus_logo img{
	width: 34px;
	color: #1d774d;
}

.teenus_text {
	display: flow-root;
	font-size: 0.95em;
	/* display: inline-block; */
	transition: all 0.4s ease-in-out;
}

.teenuse_nupp::after {
	content: '';
	width: 0px;
	height: 1px;
	display: block;
	background: #004f9f;
	transition: 300ms;
}

.teenuse_nupp:hover::after {
	width: 100%;
}

/* .teenus_text:hover { */
	/* text-decoration: underline; */
/* } */

.top_row_header {
	color: white !important;
	background-color: #004f9f;
	height: 45px;
	width: 100%;
	position: fixed;
	z-index: 50;
}

.main_row_header {
	background-color: white;
	height: 75px;
	width: 100%;
	border-bottom: 1px solid #d3d3d3;
	position: fixed;
	/* margin-top: 45px; */
	z-index: 50;
}

.myrow {
	/* max-width: 75rem; */
	margin-right: auto;
    margin-left: auto;
}

.logo {
	margin: 20px 15px;
}

.cu_po {
	cursor: pointer;
}

.top_button {
	position: relative;
	transition: all 0.4s ease-in-out;
}

.top_button_signin {
	position: relative;
	padding: 10px 15px;
	transition: all 0.4s ease-in-out;
	margin-top: 18px;
    margin-right: 18px;
}

.top_buttons {
	padding: 13px 15px;
	transition: all 0.4s ease-in-out;
}

.top_buttons a, .bottom a {
	color: white;
}

.top_button:hover {
	background-color: #bafddc;
}

.top_button_signin:hover {
	background-color: #bafddc;
}

/* TEMP */
/* .top_button_signin .drop_down_menu { */
	/* display: block; */
	/* opacity: 1; */
/* } */

.top_button_signin:hover .drop_down_menu {
	display: block;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-timing-function: ease-in-out;
	animation-duration: 0.4s;
}

.top_button:hover .drop_down_menu {
	display: block;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-timing-function: ease-in-out;
	animation-duration: 0.4s;
}

.top_buttons:hover {
	background-color: #bafddc;
}

.top_buttons:hover a {
	color: white !important;
}


.drpdwn_container {
	position: relative;
}

.drop_down_menu {
	border: 1px solid #ddd;
	position: absolute;
	top: 45px;
	right: 0;
	display: none;
	opacity: 0;
	color: black;
	background-color: #fff;
	box-shadow: 0px 10px 150px 1px #888;
	z-index: 999;
}

.login_form {
	border: 1px solid #ddd;
	position: absolute;
	top: 75px;
	right: 0;
	display: none;
	color: black;
	background-color: #fff;
	box-shadow: 0px 10px 150px 1px #888;
	z-index: 99;
}

.drop_down_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.drop_down_menu li {
	padding: 10px 15px;
	transition: all 0.4s ease-in-out;
}

.drop_down_menu li:hover {
	background-color: #ddd;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.main_header_red_button {
	padding: 27px 20px 30px 20px; 
}

.main_header_red_button span svg {
	transition: all 0.4s ease-in-out;
}

.main_header_red_button span, .red_button span {
	padding: 15px;
    background-color: #bafddc;
	color: #212529;
	transition: all 0.4s ease-in-out;
}

.main_header_red_button span:hover, .red_button span:hover {
    background-color: #072643;
    color: white;
}

.main_header_button {
	padding: 27px 20px 10px 20px; 
	border-bottom: 1px solid #fff;
	transition: all 0.4s ease-in-out;
}

.main_header_button:hover {
	border-bottom-color: #004f9f;
	
}

.main_header_red_button span:hover svg {
	margin-left: 15px;
}

.signin_form {
	padding: 15px;
}

.signin_form label {
	/* margin: 15px; */
	color: #072643;
}

.signin_form input {
	box-sizing: border-box;
    width: 100%;
    line-height: 3;
	margin-top: 10px;
}

.signin_form input:hover {
	outline: none;
	
}

.signin_form input:focus {
    outline: none;
}

.row_footer {
	background-color: white;
	/* height: 70px; */
	color: #004f9f;
}

/* 0054c5 */

.bottom {
	background-color: #072643;
	color: white;
	padding: 50px 15px;
	position: relative;
}

.bottom_table {
	width: 100%;
}

.bottom_table td, .bottom_table th {
	padding: 20px 30px;
	text-align: left;
	vertical-align: top;
}

.bottom a:hover {
	text-decoration: underline;
	color: white;
}

/* .bottom::before { */
	/* position: absolute; */
	/* content: ""; */
    /* left: 0px; */
	/* bottom: 0; */
    /* display: block; */
    /* width: 50%; */
    /* height: .8125rem; */
    /* background: #8ccaae; */
/* } */

/* .bottom::after { */
	/* position: absolute; */
	/* content: ""; */
    /* left: 50%; */
    /* width: 0; */
    /* height: 0; */
	/* bottom: 0; */
    /* transform: translateX(-50%); */
    /* transform: rotateZ( */
		/* 180deg */
	/* ); */
    /* border-top: 13px solid #fff; */
    /* border-right: 13px solid #8ccaae; */
    /* border-left: 13px solid transparent; */
/* } */

:before {
	box-sizing: inherit;
}

.row_footer ul {
	list-style: none;
	margin: 0;
	padding: 26px;
	margin-left: 20px;
	font-size: 0.9rem;
	display: inline-block;
	padding-bottom: 0;
}

.row_footer ul span {
	padding-left: 5px;
}

.row_footer li {
	cursor: pointer;
	float: left;
	padding-right: 55px;
	padding-bottom: 20px;
}

.bottom_table ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.bottom_table ul span {
	padding-left: 15px;
	cursor: pointer;
}

.kiwa_button {
	border: none;
	padding: 10px 25px;
	color: white;
	background-color: #072643;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.kiwa_button:hover {
	background-color: #bafddc;
	color: #2a3f54;
}

.kiwa_button:focus {
	outline: none;
}

.nav_button {
	margin: 10px 10px 10px 0;
	font-size: 2.5rem;
	color: #005da1;
}

.nav_button .opened {
	display: none;
}

.saada_oma {
	color: #072643;
	margin: 30px;
	text-align: center;
}

.saada_oma span{
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.saada_oma span:hover{
	color: #0054c5;
	text-decoration: underline;
	padding-left: 10px;
}

/* PAGES */
.page_content{
	/* width: 100%; */
	height: 440px;
	padding-top: 75px;
}

.start_page {
	/* width: 100%; */
	/* position: absolute; */
	right: 0;
	margin: unset !important;
	/* padding: 0 10px !important; */
}

.main_page_right {
	background-color: white;
	margin: 0 0px 0 0;
	height: 100%;
}

.main_page_left {
	/* position: relative; */
}

.main_page_left .img_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	padding: 25px 35px;
	text-align: center;
	font-size: 2em;
	color: white;
	opacity: 0.8;
	margin: 0 -10px;
	background: #004f9f; 
	clip-path: 
    polygon(
      0 0,                 /* top left */
      0 0,                 /* top left */
      100% 0,   			 /* top right */
      0 100%,               /* top right */
      calc(100% - 25px) 100%,  /* bottom right */
      100% calc(100% - 25px),  /* bottom right */
      100% 0,               /* bottom left */
      0 100%      /* bottom left */
    );
	-webkit-clip-path: 
    polygon(
      0 0,                 /* top left */
      0 0,                 /* top left */
      100% 0,   			 /* top right */
      0 100%,               /* top right */
      calc(100% - 25px) 100%,  /* bottom right */
      100% calc(100% - 25px),  /* bottom right */
      100% 0,               /* bottom left */
      0 100%      /* bottom left */
    );
}

.main_page_right .pealkiri {
	padding: 15px;
	text-align: center;
	font-size: 2em;
	color: #004f9f;
}
/* PAGES */

.teenused {
	color: #072643;
	background-color: white;
	margin: 20px 0;
}

.teenused .pealkiri{
	padding: 15px;
	margin: auto;
}

.tooltip_left {
	text-align: left;
}

.osaleja.del {
	background-color: #ff3744; 
	color: white;
	
}

.osaleja {
	transition: all 0.4s ease-in-out;
}

.kustuta_osaleja {
	transition: all 0.4s ease-in-out;
}

.kustuta_osaleja:hover {
	color: white;
}

.swal2-title {
	padding-left: 10px !important;
}

.small_menu {
	width: 100%;
	position: absolute;
	font-size: 2em;
	z-index: 999;
	height: 100%;
	display: none;
	background-color: white;
	overflow: auto;
}

.small_menu_item {
	background-color: white;
	padding: 15px 10px;
	border-bottom: 2px solid #004f9f;
	cursor: pointer;
	transition: background-color 0.4s ease-in-out;
}

.small_menu_item:hover {
	background-color: #eee;
	border-bottom: 2px solid #094890;
}

.log_in_form {
	font-size: 0.8em;
}

.login_div {
	display: none;
}

body.unscroll {
	/* overflow-y: hidden !important; */
	/* height: 100vh; */
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sub_info {
	padding-top: 10px;
    margin-top: 5px;
    border-top: 1px solid #004f9f;
	display: none;
}

.extra_small {
	float: right;
}

.nEkraan {
	display: none;
}	

@media only screen and (min-width: 1024px) {
	.small_screen {
		display: none;
	}
	
}

@media only screen and (max-width: 1024px) {
	.sisu_card {
		padding-top: 20px;
	}
	.top_row_header {
		display: none;
	}
	.main_row_header {
		margin-top: 0;
		position: relative;
	}
	.page_content {
		/* padding-top: 93px; */
		padding-top: 0;
		height: 305px;
	}
	.big_links {
		display: none;
	}
	.big_screen {
		display: none;
	}
	.bottom_table td, .bottom_table th {
		text-align: center;
	}
	.extra_small {
		float: left;
	}
}

@media only screen and (max-width: 610px) {
	.wEkraan {
		display: none;
	}	
	.nEkraan {
		display: block;
	}	
}

@media only screen and (max-width: 444px) {
	.extra_small {
		display: none;
	}
	.main_page_left .img_header {
		display: none;
	}

}

@media (max-width: 976px) {
	.only_large  {
		display: none;
	}
	.small_menu {
		display: none;
	}
}

@media (max-width: 768px) {
	.main_page_left img {
		width: 100%;
		height: unset !important;
		margin: unset !important;
	}
	
	.page_content  {
		display: none;
	}
	.teenuse_nupp {
		min-height: 80px;
	}
}