@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:#00993f;
  
}
.fa, .fas, .far, .fab {
  color: #00993f;
  
}
a:link, a:hover, a:active, a:visited {
  color:#00993f;
  
}

/* Button */
		
input[type="button"],
input[type="submit"],
input[type="reset"],
.button
{
	background-color: #00993f;
       border: 2px solid #00993f;
	
	
}


	input[type="button"]:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	.button:hover
	{
	
          color: #00993f;
	}
	
	input[type="button"]:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	.button:active
	{
	 
            color: #00993f;
	}
 .btn-primary{
 text-decoration: none;
cursor: pointer;
background-color: #00993f;
border: 2px solid #00993f;
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: #00993f;
 }	
 
  .btn-primary:active{
 background-color:#fff;
 color: #00993f;
 }	

 /* Button pop-up*/
.ui-dialog-buttonset .ui-button
{
	background-color: #00993f;
    border: 2px solid #00993f;
}

.ui-dialog-buttonset .ui-button:hover
{
    color: #00993f;
}

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

.bg{background-color:#E7E7E7;}

a:focus
{ color:#00993f; 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: #00993f;
  border: 2px solid #00993f;
}	
}

a#rolli_valik.roll_ametnik:hover::before {
  color: #00993f;
}

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

.button:focus
{ background-color:#fff; color: #00993f; }



a.btn:link, a.btn:visited, a.btn:hover, a.btn:active  {
    text-decoration: none;
	cursor: pointer;
	background:  #00993f;
	border: 2px solid  #00993f;
	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:  #00993f;}
   
.taotlused_kirjeldus h3{
   font-style:normal;
   font-size: 13pt;
}


.btn-small.kustuta, .btn-small.kustuta:hover, .btn-small.kustuta:focus{background-color:#00993f; border-color:#00993f;}
.btn-small.kustuta:hover, .btn-small.kustuta:focus{ color:#00993f;background-color:#fff; }

.btn-small.lisa, .btn-small.lisa:hover, .btn-small.lisa:focus{background-color:#00993f; border-color:#00993f;}
.btn-small.lisa:hover, .btn-small.lisa:focus{ color:#00993f;background-color:#fff; }

.btn-small.vaata, .btn-small.vaata:hover, .btn-small.vaata:focus{background-color:#00993f; border-color:#00993f;}
.btn-small.vaata:hover, .btn-small.vaata:focus{color:#00993f;background-color:#fff;}

table.infotabel .arhiveeri, table.infotabel .arhiveeri:hover, table.infotabel .arhiveeri:focus{background-color:#00993f; border-color:#00993f;}
table.infotabel .arhiveeri:hover, table.infotabel .arhiveeri:focus{ color:#00993f;background-color:#fff;}


table.infotabel .muuda, table.infotabel .muuda:hover, table.infotabel .muuda:focus{background-color:#00993f; border-color:#00993f;}
table.infotabel .muuda:hover, table.infotabel .muuda:focus{ color:#00993f;background-color:#fff; }

table.infotabel .kustuta, table.infotabel .kustuta:hover, table.infotabel .kustuta:focus{background-color:#00993f; border-color:#00993f;}
table.infotabel .kustuta:hover, table.infotabel .kustuta:focus{ color:#00993f;background-color:#fff; }

.back:hover:before, .back:focus:before{color:#00993f;}
table.infotabel .kustuta:hover:before, table.infotabel .kustuta:focus:before{ color:#00993f;}
table.infotabel .muuda:hover:before, table.infotabel .muuda:focus:before{ color:#00993f;}
table.infotabel .arhiveeri:hover:before, table.infotabel .arhiveeri:focus:before{color:#00993f;}
.btn-small.vaata:hover:before, .btn-small.vaata:focus:before{color:#00993f;}
.btn-small.kustuta:hover:before, .btn-small.kustuta:focus:before{ color:#00993f;}
.btn-small.lisa:hover:before, .btn-small.lisa:focus:before{ color:#00993f;}

.btn-small{
	background-color: #00993f;
	border: 2px solid #00993f;
	color:#fff;
}
.btn-small:hover, .btn-small:focus{
	background-color: #fff;
	border: 2px solid #00993f;
	color:#00993f;
}
.btn-small:hover:before, .btn-small:focus:before{
	color:#00993f;
}
.btn-small.paranda:hover::before, .btn-small.paranda:focus::before, .btn-small.tyhista:hover::before, .btn-small.tyhista:focus::before {
  color: #00993f;
} 

.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;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  background-color: #00993f;
  border: 1px solid #00993f;
 
}
#progress ul li.active {
  background: #00993f url("right_a.svg") no-repeat scroll right center;
  background-image: none!important;
  border: 1px solid #00993f;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #00993f !important;
  background-color: #00993f !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00993f), color-stop(100%,#00993f)) !important;
  background: -webkit-linear-gradient(top, #00993f 0%, #00993f 100%) !important;
  background: -moz-linear-gradient(top, #00993f 0%, #00993f 100%) !important;
  background: -ms-linear-gradient(top, #00993f 0%, #00993f 100%) !important;
  background: -o-linear-gradient(top, #00993f 0%, #00993f 100%) !important;
  background: linear-gradient(to bottom, #00993f 0%, #00993f 100%) !important;
}
.form-checkbox input:checked ~ .checkmark {
  background-color: #00993f;
  border-color: #00993f;
}
.form-radio.p-default input:checked ~ .state label::after {
  background-color: #00993f;
}
 .top-nav .sidebarToggle i, .top-nav {
    color: #00993f;
   
  }

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