/*pais*/
.kuvastiili_nupp {position: absolute; top:14px;  background-color:#f0f0f0; padding:4px 3px 1px 3px;cursor: pointer;}
.kuvastiili_nupp.nimekiri {right: 45px; }
.kuvastiili_nupp.ruudustik{right: 15px; }
.fa-th.ruudustik, .fa-align-justify.nimekiri{color:#606060; font-size:18px;}
.h1_pais {padding:15px 20px;  color: #606060; font-size:14pt; font-family:font-bold; line-height:13pt;text-transform: uppercase;}

/*paise all nupud*/
.toimingunupud1{clear: both;	display: grid;	/*grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));*/grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));	gap: 6px; padding: 6px 0 15px 0;}
.toimingunupud2 {clear: both;	display: grid;	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));	gap: 6px; padding: 6px 0 15px 0;}
.tnupp { 
	display: flex; align-items: center;  justify-content: center;  gap: 10px; border:1px solid #f0f0f0; border-radius:5px; 
	color: #606060;  background: #f0f0f0;/*background: #FFF;  */  padding: 8px 10px;  cursor: pointer;  
	font-size: 13px;  transition: background 0.2s, transform 0.1s;  width: 100%;  height: 44px;  text-align: center;}
.tnupp i {  font-size: 18px; color: #606060; }
.tnupp:hover { /* color: #606060;*/background: #e6e6e6; }
.tnupp.ohtlik { color: #990000;}
.tnupp.ohtlik i {  font-size: 18px; color: #990000; }
.tnupp.ohtlik:hover { background: #e6e6e6; }
@media (max-width: 640px) { .toimingunupud1, .toimingunupud2 { /*grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));*/ grid-template-columns: repeat(2, minmax(190px, 1fr));}}
@media (max-width: 430px) { .toimingunupud1,  .toimingunupud2 { grid-template-columns: 1fr; padding: 15px 15px 25px 15px } /*.tnupp { border:1px solid #CCC; }*/}

/*formid*/
.tooniinfo1 { display: flex; align-items: center; float: left; padding: 5px; }/*height:33px;*/
.tooniinfo2 { float: left; padding: 2px; } 
label {display:block;}
.teavitus_top_text {font-size:12pt; }
.teavitus_top_raam {margin:10px 0px 30px 0px;}
.teavitus_input { width: 100%; padding: 12px 20px; margin: 5px 0; display: inline-block; overflow: hidden; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.teavitus_input.inline {width:72%;}
.teavitus_input:focus { outline: none; box-shadow: none;  border-color: #505050; }
.teavitus_alltekst {clear: both; text-align:justify; font-size:10pt; color:#505050;}
.teavitus_nupp {width:120px; display:block; margin-top:5px; }
.char_count {float:right; position:relative; top:-10px;}
.fa_teavituses{vertical-align: middle; padding:0px 20px 0px 10px; color:#909090;}
.fa_teavituses_2 {position:absolute; color: darkorange;}
.teavitus_fa_ga {display:inline;}
.fa_teavituses_2.olemas, .fa_teavituses_2.lisatud {position:relative; background-color:#FFF;line-height: 12px;left:-47px; top:5px;}/*left:63px; top:51px;*/
.fa_teavituses_2.korvi {position:relative; left:-60px; top:-15px;}
.fa_teavituses_2.saadetud {position:relative; left:-35px; top:24px;}
.suur_nupp{ width: 100%; }
.nupp {float:right;  height: 40px; line-height: 15px;  padding:10px; min-width:25%; } 
.kaksnuppu {display:inline-block; width:45%; margin-top:10px;}
.timer {float:left; font-size: 11pt; color: red; padding-top:12px;} 
.jaganuppude-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-top: 10px;}
.jaganupuraam { 
	display: flex;  align-items: center;  justify-content: flex-start;  gap: 10px; 
	border: 1px solid #ccc;  border-radius: 6px;  padding: 6px 10px;  
	background: #fff; }
.jaganupuraam:hover { background: #f8f8f8;}
.jaganupuraam a {  display: flex;  align-items: center; gap: 10px; text-decoration: none; color: #505050; width: 100%;}
.jaganupp { width: 36px; height: 36px; background: darkorange; color: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.fa_jaganupus { font-size: 16px;}
.jaganuputekst { font-size: 14px;}

@media (max-width: 600px) { .jaganuppude-grid {  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }}
@media (max-width: 400px) { .jaganuppude-grid {  grid-template-columns: 1fr;}}
@media (max-width: 350px) { .kaksnuppu { width:100%; } }
@media (max-width: 480px) { .teavitus_input.inline {width:100%;} .nupp.inline {width:50%;}}