:root {
	--main-color: #009a3e;
	--sidebar-color: #009a3e;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200&display=swap');
/*pealkirjad ja muud kujundusstiilid*/
h1 {font-size:21pt; color: #333;}
h2 {font-size:20pt;}
h3 {font-size:18pt;}
h4{font-size:14pt;}		
h5{font-size:14pt;}	

.user{background-color:#fff;clear:both;color:#333}
 
#sidebar {
  background: var(--main-color);
  
}

/* Button */
		
input[type="button"],
input[type="submit"],
input[type="reset"],
.button
{
	background-color: var(--main-color);
       border: 2px solid var(--main-color);
	
	
}


	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover
	{
	
          color: var(--main-color);
	}
	
	input[type="button"]:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	.button:active
	{
	 
            color: var(--main-color);
	}
 .btn-primary{
 text-decoration: none;
cursor: pointer;
background-color: var(--main-color);
border: 2px solid var(--main-color);
font-weight: 400;
outline: 0;
color: #fff;
padding: 0.3em 0.8em 0.4em 0.8em;
margin-right:4px;
font-size:14pt;
border-radius:6px;
margin-bottom:2px;
}
 .btn-primary:hover{
 background-color:#fff;
 color: var(--main-color);
 }	
 
  .btn-primary:active{
 background-color:#fff;
 color: var(--main-color);
 }	

 /* Button pop-up*/
.ui-dialog-buttonset .ui-button
{
	background-color: var(--main-color)!important;
    border: 2px solid var(--main-color)!important;
}

.ui-dialog-buttonset .ui-button:hover
{
    color: var(--main-color)!important;
}

/*icons*/
.taotlused-pic{background-image:url(taotlused.png);}
.huvitegevus-pic{background-image:url(huvitegevus.png);}

.bg{background-color:#E7E7E7;}

a:focus
{ color:var(--main-color); text-decoration: none; }

.vaeg_link:focus, .logout_link:focus
{text-decoration: underline;}
.vaeg_link:focus{color:#333;}

@media (max-width: 767.98px) {
.user .dropdown.roll-menyy a.btn:after {
  color: var(--main-color);
  border: 2px solid var(--main-color);
}	
}

a#rolli_valik.roll_ametnik:hover::before {
  color: var(--main-color)!important;
}

input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,

.button:focus
{ background-color:#fff; color: var(--main-color); }



a.btn:link, a.btn:visited, a.btn:hover, a.btn:active  {
    text-decoration: none;
	cursor: pointer;
	background:  var(--main-color);
	border: 2px solid  var(--main-color);
	font-weight: 400;
	outline: 0;
	color: #fff;
    padding: 0.3em 0.8em 0.4em 0.8em;
	margin-right:4px;
	font-size:14pt;
	border-radius:6px;
	margin-bottom:2px;
			}
a.btn:hover{
   background:#fff;
   color:  var(--main-color);}
   
.taotlused_kirjeldus h3{
   font-style:normal;
   font-size: 13pt;
}


.btn-small.kustuta, .btn-small.kustuta:hover, .btn-small.kustuta:focus{background-color:var(--main-color); border-color:var(--main-color);}
.btn-small.kustuta:hover, .btn-small.kustuta:focus{ color:var(--main-color);background-color:#fff; }

.btn-small.lisa, .btn-small.lisa:hover, .btn-small.lisa:focus{background-color:var(--main-color); border-color:var(--main-color);}
.btn-small.lisa:hover, .btn-small.lisa:focus{ color:var(--main-color);background-color:#fff; }

.btn-small.vaata, .btn-small.vaata:hover, .btn-small.vaata:focus{background-color:var(--main-color); border-color:var(--main-color);}
.btn-small.vaata:hover, .btn-small.vaata:focus{color:var(--main-color);background-color:#fff;}

table.infotabel .arhiveeri, table.infotabel .arhiveeri:hover, table.infotabel .arhiveeri:focus{background-color:var(--main-color); border-color:var(--main-color);}
table.infotabel .arhiveeri:hover, table.infotabel .arhiveeri:focus{ color:var(--main-color);background-color:#fff;}


table.infotabel .muuda, table.infotabel .muuda:hover, table.infotabel .muuda:focus{background-color:var(--main-color); border-color:var(--main-color);}
table.infotabel .muuda:hover, table.infotabel .muuda:focus{ color:var(--main-color);background-color:#fff; }

table.infotabel .kustuta, table.infotabel .kustuta:hover, table.infotabel .kustuta:focus{background-color:var(--main-color); border-color:var(--main-color);}
table.infotabel .kustuta:hover, table.infotabel .kustuta:focus{ color:var(--main-color);background-color:#fff; }

.back:hover:before, .back:focus:before{color:var(--main-color);}
table.infotabel .kustuta:hover:before, table.infotabel .kustuta:focus:before{ color:var(--main-color);}
table.infotabel .muuda:hover:before, table.infotabel .muuda:focus:before{ color:var(--main-color);}
table.infotabel .arhiveeri:hover:before, table.infotabel .arhiveeri:focus:before{color:var(--main-color);}
.btn-small.vaata:hover:before, .btn-small.vaata:focus:before{color:var(--main-color);}
.btn-small.kustuta:hover:before, .btn-small.kustuta:focus:before{ color:var(--main-color);}
.btn-small.lisa:hover:before, .btn-small.lisa:focus:before{ color:var(--main-color);}

.btn-small{
	background-color: var(--main-color);
	border: 2px solid var(--main-color);
	color:#fff;
}
.btn-small:hover, .btn-small:focus{
	background-color: #fff;
	border: 2px solid var(--main-color);
	color:var(--main-color);
}
.btn-small:hover:before, .btn-small:focus:before{
	color:var(--main-color);
}
.btn-small.paranda:hover::before, .btn-small.paranda:focus::before, .btn-small.tyhista:hover::before, .btn-small.tyhista:focus::before {
  color: var(--main-color);
}

.selgitus {
  display: block;
  background: url(info-yellow.svg);
  background-repeat:no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
  padding: 11px 15px 13px 50px;
  background-color:#fff;
  margin-bottom: 10px;
  color: #C8810E;
  border-radius: 5px;
  border:solid 2px #FEB743;
}
.error{
  display: block;
  background: url(warning-red.svg);
  background-repeat:no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
  padding: 11px 15px 13px 50px;
  background-color:#fff;
  margin-bottom: 10px;
  color: #D73E3E;
  border:2px solid #D73E3E;
  border-radius: 5px;
}
.error .fa-question-circle:before {
    content: "\f059";
    color: #D73E3E;
}
.msg{
  display: block;
  background: url(msg-green.svg);
  background-repeat:no-repeat;
  background-position: 15px center;
  background-size: 24px 24px;
  padding: 11px 15px 13px 50px;
  background-color:#fff;
  margin-bottom: 10px;
  color: #09a24d;
  border-radius: 5px;
  border: solid 2px #09a24d;
}
.msg .fa-question-circle:before {
    content: "\f059";
    color: #09a24d;
}
.logout{
   background-image:none;
   margin-top:6px;
}
.logout:before{
   content: "\f00d"; 
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   text-decoration: inherit;
   display:inline-block;
   color:#FFF;
   font-size:18px;
   margin-top: 0px;
 }
#menu_link:last-child {
  border-top: solid 1px rgb(255, 255, 255, .5);
  padding-top: 10px;
  margin-top: 10px;
}
.menu-head{
 margin-bottom:.5em;
}
#element1 h3 {
  font-size: 1.2em;
}

@media only screen 
and (max-width: 900px){
.footer_left{
	margin-top:10px;
}
}