/* Maardu kujundus */

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  min-width: 960px;
  background-color: white;
  color: #333333;
  display: flex;
  flex-direction: column;
}

input, select, textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #333333;
}

/* elemendid, mille tekst peab olema uppercase */
body,
input[type="submit"],
input[type="button"] {
  text-transform: uppercase;
}

/* elemendid, mille tekst ei tohi olla uppercase */
.sf_admin_form_field_taisnimi,
.avalehe-infoleht,
#pageFooter,
.content:not(.labelless-content),
.mce-tinymce,
.mce-container,
.mce-widget,
.no-text-transform,
/*.olMapViewport,*/
.xdebug-var-dump,
.xdebug-error,
#WzTtDiV,
#sfWebDebug {
  text-transform: none;
}

label.kahe_valikuga_radio,
.sf_admin_form_field_soiduk th,
.sf_admin_form_field_soiduk .label,
.sf_admin_form_field_koorem .label,
.sf_admin_form_field_teljekoormus .label,
.sf_admin_form_field_maksekorralduse_number .label {
  text-transform: uppercase;
}

body.popup {
  min-width: 150px;
  height: auto;
}

a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  color: #333333;
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 0;
}

h2 {
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}

h3 {
  color: black;
  font-weight: bold;
  font-size: 13px;
}

p {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

input[type="text"], input[type="password"], input[type="tel"], textarea, select
{
  border: 1px solid #999999;
  background-color: #FFFFFF !important;
  /*color: #000000 !important;*/
  border-radius: 2px;
  min-width: 265px;
}

textarea
{
  padding: 0;
}

select
{
  min-width: 267px;
}

select#language, select#roll
{
  min-width: auto;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus, select:focus
{
  border: 2px solid #666666;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}

div.popup_modal input.dateInput {
  border-width: 1px;
}

input.search-icon {
  background: url('../images/search_maardu.png') right no-repeat !important;
  min-width: 248px;
  padding-right: 17px;
  margin-bottom: 1px;
}

input[type="button"],button,input[type="submit"] {
  background-color: darkgray;
  color: white;
  border: 1px solid grey;
  font-weight: bold;
  font-size: 14px;
  margin-top: 3px;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
}

input[type=submit].narrow, input[type=button].narrow, button.narrow {
  padding: 3px 20px 3px 20px;
}

input[type="button"].important,button.important,
input[type="submit"]:not(.secondary),
li.sf_admin_action_save input[type="button"],
li.sf_admin_action_new input[type="button"],
input.aadress_otsi_aadressi_button
{
  background-color: darkgray;
  color: white;
}

input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,button::-moz-focus-inner {
  padding: 0;
  border: 0
}

input[type="submit"]:hover,
input[type="button"]:hover:not(.menetlus_otsi),
button:hover:not([id^='cbox']):not([id^='mc']):not([role='presentation']):not([hidefocus='1']):not(.xdsoft_prev):not(.xdsoft_next)
{
  background-color: lightgrey;
  background-image: none;
  border: 1px solid lightgrey;
  color: black;
}

input[type="button"].important:hover,button.important:hover,
input[type="submit"]:not(.secondary):hover,
li.sf_admin_action_save input[type="button"]:hover,
li.sf_admin_action_new input[type="button"]:hover,
input.aadress_otsi_aadressi_button:hover,
button.logimisnupud:hover,
input:hover:not([class="logi_sisse_btn"])
{
  background-color: lightgrey;
  color: black;
}

input[type="submit"].maksmise_nupp,
input[type="button"].maksmise_nupp {
  background-color: #99DEFD;
  color: #333333;
}
input[type="submit"].maksmise_nupp:hover,
input[type="button"].maksmise_nupp:hover {
  background-color: #99DEFD;
  color: black;
}

li.sf_admin_action_delete a {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
  background-color: #E6E6E6;
  color: #666666;
  border: 1px solid #666666;
}

li.sf_admin_action_delete a:hover {
  background-color: #AAAAAA;
  background-image: none;
  border: 1px solid #666666;
  text-decoration: none;
  color: white;
}

button[disabled]:active,button[disabled],input[type="reset"][disabled]:active,input[type="reset"][disabled]:hover,input[type="reset"][disabled],input[type="button"][disabled]:active,input[type="button"][disabled]:hover,input[type="button"][disabled],select[disabled]>input[type="button"],select[disabled]>input[type="button"]:active,input[type="submit"][disabled]:active,input[type="submit"][disabled]:hover,input[type="submit"][disabled]
{
  background-color: white;
  color: #999999;
  border: 1px solid #999999;
  cursor: default;
}

#pageContainer {
  position: relative;
  min-height: 100%;
  flex: 1 0 auto;
  /*margin-bottom: 94px;*/
}

#pageHeader {
  /*overflow: hidden;*/
  height: 93px;
  background: url("../images/maardu_pais.png") repeat-x;
  vertical-align: top;
  color: white;
  margin-bottom: 32px;
}

#pageHeader div.logos {
  float: left;
}

#pageHeader div.title {
  color: white;
  position: absolute;
}

#pageHeader div.title span {
  font-weight: bold;
  position: relative;
  top: 54px;
}

#pageHeader a {
  color: white;
  text-decoration: none;
}

#commonTools {
  /*float: right;
  height: 80px;
  position: relative;
  color: black;*/
  /*display: inline-block;*/
  text-align: center;
}

#commonTools div.toolbar {
  /*position: fixed;
  background-color: #e5e5e5;
  height: 46px;
  left: 0px;
  right: 0px;
  z-index: 300;
  box-shadow: 0px 1px 2px 0px lightslategray;*/
}

#commonTools div.language_switch {
  color: white;
  font-weight: normal;
  white-space: nowrap;
  position: absolute;
  bottom: 10px;
  right: 0;
}

#commonTools a {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.too-liikide-kiirvalik {
  margin-top: 26px;
  /*margin-left: 25%;*/
  font-size: 14px;
  /*vertical-align: middle;*/
  /*list-style-type: none;*/
}

.too-liik {
  border-right: 2px solid white;
  display: inline-block;
  padding: 5px 15px
}
.too-liik:last-child {
  border: none;
}

.too-liik-valitud a {
  /* "text-decoration:underline" asemel "border-bottom", et teksti ja joone vahel oleks rohkem ruumi */
  border-bottom: solid 1px;
  padding-bottom: 2px;
}

.profiili-plokk {
  float: right;
  margin-top: 24px;
  margin-right: 40px;
}

.profiili-plokk.login-link {
  margin-top: 35px;
}

.avalehe-infoleht {
  margin-right: 80px;
}

.avalehe-infolehe-pealkiri {
  margin-top: 60px;
  margin-bottom: 60px;
}

.avalehe-infoleht a {
  font-weight: normal;
  text-decoration: underline;
}

/*.avalehe-infolehe-sisu {
  border-left: 5px solid #0072CE;
  padding-left: 20px;
  color: #707070;
}*/

#commonTools div.language_switch span {
  margin-left: 5px;
  margin-right: 5px;
}

#commonTools div.language_switch span.selected, #commonTools div.language_switch span a:hover {
  border-bottom: 1px solid #B1C697;
}

#commonTools select {
  background-color: #F5FFDC;
}

#commonTools #roll {
  margin-left: 8px;
}

#pageFooter {
  background: url("../images/maardu_jalus.png") repeat-x;
  overflow: hidden;
  position: relative;
  margin-top: -71px;
  height: 71px;
  vertical-align: bottom;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  flex-shrink: 0;
}

#pageFooter div.copyright {
  padding: 1px 4px 1px 1px;
  font-size: 12px;
  color: white;
  position: relative;
  text-align: center;
  margin-top: 25px;
}

#pageFooter div.copyright a {
  color: white;
  text-decoration: none;
  font-weight: lighter;
}

/* jaluse teksti parameetri muutmisel näitame tekstikasti u. jaluse suurusena */
.parameeter_jaluse_tekst > div > .content {
  display: block;
}
.parameeter_jaluse_tekst #parameeter_vaartus_ifr {
  height: 71px !important;
}

#copyrightText {
  height: 1%;
}

#sideBar {
  display: block;
  margin: 26px 15px 20px 35px;
  float: left;
  width: 240px;
  padding-bottom: 25px;
}

#sideBar a {
  font-weight: normal;
}

#sideBar .maardu_logo {
  text-align: center;
  padding: 25px 10px 50px 10px;
}

#sideBar .maardu_logo img {
  width: 80px;
}

#pageContent {
  margin: 17px 18px 71px 350px;
  padding: 1px 15px 30px 15px;
  min-height: 700px;
  background-color: #ffffff;
  left: 2px;
}

#pageContent_popup {
margin: 17px 17px 0 10px;
padding: 3px 10px 10px 10px;
background-color: #FFFFFF;
border-radius: 1px;
}

#pageContent_popup hr {
border-top: 1px solid;
color: gray;
}

a img {
border: 0px;
}

div.tab_bar {
  padding: 3px 0 10px 0;
  margin-top: 35px;
  display: none; /* peidame tab bari üldjuhul */
}
.too_liik_kaevetoo .objekti_vorm_kaardi_plokk div.tab_bar {
  display: block; /* kaevetöö objekti vormil on kaardi tabe siiski vaja */
}

/* kuna objektide csv/xls failidest importimisel pole eelvaade võimalik, näitame seda nii suurena, et nimi ära mahuks */
#objektide_import_dropzone.dropzone .dz-preview .dz-details {
  width: auto;
  height: auto;
  padding-right: 30px;
}

#objektide_import_dropzone.dropzone .dz-preview .dz-progress {
  top: 75px;
}

#objektide_import_dropzone.dropzone .dz-default.dz-message {
  text-align: center;
}

#objektide_import_dropzone.dropzone {
  min-height: 160px;
}

#objektide_import_eelvaade .uus_objekt {
  border-top: #303030 solid 1px;
}

#objektide_import_vorm .sf_admin_form_row {
  display: inline-block;
  margin-top: 0;;
}

div#objektide_import_form.popup_modal.dokumendi-popup .header {
  margin-bottom: 0;
}

/* näitame tab bari, kui seal on pealkiri, või kui see on otsingu plokiga nimekirjades */
div.tab_bar_pealkirjaga,
div.tab_bar_nimekirjas {
  display: block;
}

/* peidame plokkide näitamise/peitmise nupud */
div.tab_bar .tab_arrow_down,
div.tab_bar .tab_arrow_up {
  display: none;
}

div.tab_bar span.title {
  color: #333333;
  font-weight: normal;
  font-size: 16px;
  top: auto;
  left: auto;
}

.avalehe-plokk .tab_bar,
#yldandmed_toggle .tab_bar {
  margin-top: 12px;
}

.avalehe-plokk .tab_bar a {
  display: none;
}

a.tab {
background-color: darkgray;
color: white;
margin-right: 1px;
padding: 10px;
position: relative;
top: -9px;
}

a.tab:hover {
background-image: none;
color: black;
background-color: #AAAAAA;
text-decoration: none;
}

a.tab.open, a.tab.hascontents.open {
background-color: grey;
color: white;
}

a.tab.open:hover {
background-color: lightgrey;
color: black;
}

a.tab.hascontents {
background-color: lightgrey;
}

a.tab_arrow_down {
background-color: darkgray;
margin-right: 1px;
background-image: url('./../images/expand_maardu.png');
position: relative;
padding: 10px 10px 10px 24px;
top: -9px;
background-repeat:no-repeat;
background-position:center;
border: 1px solid gray;
}

a.tab_arrow_up {
background-color: darkgray;
margin-right: 1px;
background-image: url('./../images/minimize_maardu.png');
position: relative;
padding: 10px 10px 10px 24px;
top: -9px;
background-repeat:no-repeat;
background-position:center;
border: 1px solid gray;
}


a.tab_arrow:hover {
text-decoration: none;
}

div.tab_contents {
  /*padding-top: 10px;*/
  padding-bottom: 5px;
  /*margin-left: 75px;*/
}

div.tab_contents.bordered {
border-bottom: 1px solid darkgray;
}

div.tab_contents.boxed {
border: 1px solid #000000;
border-top-width: 0;
border-radius: 0 0 4px 4px;
margin-bottom: 20px;
}

div.tab_contents.boxed.full {
border-top-width: 1px;
border-radius: 4px 4px 4px 4px;
}

/* nooltega tabid */

div.navtab_bar_container {
  width: 100%;
  border-bottom: 1px solid #000000;
  margin-bottom: 15px;
}

ul.nav_actions {
  padding-top: 15px !important;
}

div.navtab_bar {
  padding: 3px 0 0 0;
  display: table;
}

a.navtab {
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
  background-color: #B3B3B3;
  margin-right: 1px;
  color: white;
  padding: 0 20px 0px 10px;
  border: 0px solid white;
  border-radius: 4px 0 0 0;
  height: 50px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url("./../images/navtab_gray.png");
}

a.navtab:hover {
  background-color: #808080;
  background-image: url("./../images/navtab_darkgray.png");
  text-decoration: none;
}

a.navtab.passed {
  background-color: #71A044;
  background-image: url("./../images/navtab_lightgreen.png");
}

a.navtab.open, a.navtab.error.open {
  background-color: #000000;
  background-image: url("./../images/navtab_darkgreen.png");
}

a.navtab.open:hover, a.navtab.passed:hover, a.navtab.error:hover {
  background-color: #30461C;
  background-image: url("./../images/navtab_darkergreen.png");
}

a.navtab.error:before {
  content: url("./../images/orange_dot.png");
}

a.navtab.passed.error:before, a.navtab.open.error:before {
  content: "";
}

a.navtab.passed.error {
  color: white;
  background-color: #F15A24;
  background-image: url("./../images/navtab_orange.png");
}

.dataTable {
  border-collapse: collapse;
  background-color: white;
  font-size: 13px;
}

.dataTable th {
  font-weight: bold;
  padding: 10px 15px 10px 10px;
  background-color: #333333;
  color: white;
  text-align: left;
  vertical-align: middle;
  border: none;
}

.dataTable th.sortasc {
  background-color: #000000;
  background-image: url('./../images/sort_asc.png');
  background-repeat: no-repeat;
  background-position: right center;
}

.dataTable th.sortdesc {
  background-color: #000000;
  background-image: url('./../images/sort_desc.png');
  background-repeat: no-repeat;
  background-position: right center;
}

.dataTable th a {
  color: white !important;
  font-weight: bold !important;
}

.dataTable th.sortasc a, .dataTable th.sortdesc a {
  color: white !important;
  font-weight: bold !important;
}

.dataTable th a:hover {
  text-decoration: underline;
}

.dataTable tr.r1 {
  background-color: white;
}

.dataTable tr.r0 {
  background-color: #F8F8F8;
}

.dataTable td {
  padding: 10px 5px 10px 11px;
  text-transform: none;
}

.dataTable tr.bordered td {
  border-bottom: 3px solid #D5D5D5;
  padding-bottom: 2px;
  padding-top: 2px;
}

.dataTable td:first-child {
  border-left-width: 0px;
}

.dataTable td:last-child {
  border-right-width: 0px;
}

.dataTable td.tahtaeg_yletatud, .dataTable td.tahtaeg_yletatud a {
  color: #FF2A00;
}

div.subtitle {
  font-style: italic;
  font-weight: bold;
  color: #999999;
}

.dataTable tbody {
  /*border-bottom: 1px solid darkgray;*/
  border-bottom: 0;
}

.dataTable .sf_admin_pagination {
  float: right;
}

.dataTable .sf_admin_pagination strong {

}

.dataTable .sf_admin_pagination a {
  color: #999999;
}

.dataTable .sf_admin_pagination a.pagination_link:hover {
  text-decoration: none;
}

.dataTable td ul {
  margin: 0;
  padding-left: 20px;
  padding-bottom: 5px;
}

.dataTable td ul li {
  margin: 0;
  padding: 0;
}
.dataTable td ul li.aadress_puudub {
  list-style-type: none;
}

.auto_complete {
  background-color: #FFFFCC;
  border-style: dotted;
  border-width: 1px;
  cursor: default;
  z-index: 100;
}

.auto_complete ul li.selected {
  background-color: #FFCC66;
}

.auto_complete li a {
  cursor: pointer;
  float: right;
  padding-right: 10px
}

.auto_complete ul {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: 1px solid #bbb;
}

.hidden {
  display: none !important;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

select.sf_admin_multiple,select.sf_admin_multiple-selected,select.double_list_select,select.double_list_select-selected
{
  min-width: 200px;
}

.double_list_label {
  font-weight: bold;
  padding-bottom: 0.5em;
}

ul.sf_admin_checklist {
  list-style: none;
  padding-left: 5px;
}

.dropTarget {
  min-height: 30px;
  border-style: dotted;
  border-width: 1px;
  padding: 2px;
}

.dropTarget.active,.draggableElement.active {
  background-color: #FFCC66;
}

.noWrap {
  white-space: nowrap;
}

input.dateInput {
  width: 6em;
  min-width: 6em;
}

input.timeInput {
  width: 2em;
  min-width: 2em;
}

textarea.huge {
  min-width: 50em;
  width: 50em;
  height: 15em;
}

.widest {
  min-width: 600px;
  width: 600px;
}

.wider {
  min-width: 500px;
  width: 500px;
}

.wide {
  min-width: 400px;
  width: 400px;
}

.medium {
  min-width: 265px;
  width: 265px;
}

.normal {
  min-width: 180px;
  width: 180px;
}

.narrow {
  min-width: 100px;
  width: 100px;
}

.narrower {
  min-width: 40px;
  width: 40px;
}

textarea.parameeter {
  min-width: 100px;
  width: 50em;
  height: 15em;
}

select.wide {
  width: auto;
  min-width: 25em;
  max-width: 25em;
}

.content input[type="checkbox"]+label {
  display: inline;
  float: none;
}

.content label {
  display: inline;
  float: none;
}

.changed {
  /*padding-left: 25px;
  background: url(./../images/error1.png) no-repeat 4px 4px;*/
}

.form_hint {
  color: #666;
}

.form_hint_notice {
  color: #EE162D;
}

.digiallkirjastamise_veateade {
  border: 1px solid #EE162D;
  border-radius: 3px;
  padding: 3px;
}

div.list_tableheader {
  padding-left: 25px;
  background: url(./../images/blacktick.png) no-repeat 4px 4px;
  margin-bottom: 8px;
  color: #c88;
}

div.aadress_kokku {
  border: 1px solid #666;
  background-color: #eee;
  min-width: 300px;
  padding: 5px;
  margin-right: 20px;
}

input.hint {
  color: #aaa;
}

textarea[readonly], input[readonly] {
  color: #666;
  background-color: #ebebeb;
  border: 1px solid #aaa;
}

span.tooltip {
  font-style: italic;
  cursor: pointer;
  background: url('./../images/info.gif') no-repeat center right;
  padding-right: 14px;
}

label.normal {
  float: none !important;
  display: inline !important;
}

.sortable {
  list-style-type: none;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  height: 18px;
  color: #0078C1;
  font-weight: bold;
  width: 100%
}

.sortable li span {
  position: absolute;
  margin-left: -1.3em;
}

div#notificationBarContainer {
  position: fixed;
  bottom: 0px;
  z-index: 100;
  text-align: center;
  width: 100%;
  display: none;
}

div#notification_bar {
  padding: 15px 15px 20px 15px;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('./../images/bluebg.jpg');
  border: 4px solid white;
  border-bottom-width: 0;
  -moz-box-shadow: 0px 0px 3px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px 3px #ccc;
  box-shadow: 0px 0px 3px 3px #ccc;
  font-weight: bold;
  color: white;
}

div#error_bar {
  padding: 15px 15px 20px 15px;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('./../images/redbg.jpg');
  border: 4px solid white;
  border-bottom-width: 0;
  -moz-box-shadow: 0px 0px 3px 3px #ccc;
  -webkit-box-shadow: 0px 0px 3px 3px #ccc;
  box-shadow: 0px 0px 3px 3px #ccc;
  font-weight: bold;
  color: white;
}

ul.error_list
{
  margin: 0;
  margin-bottom: 7px;
  padding: 0;
  border: none;
}

ul.error_list li
{
  list-style: none;
  margin: 4px 0 0 0;
  padding: 3px 20px 3px 50px;
  background: url(./../images/exclamation_small.png) no-repeat 10px 3px;
  background-color: white;
  color: #FF0000;
  border-radius: 4px;
  border: 1px solid #FF0000;
}

ul.error_list_combined
{
  margin: 0;
  margin-bottom: 7px;
  padding: 0;
  background-color: white;
  color: #FF0000;
  border-radius: 6px;
  border: 2px solid #008AC9;
}

ul.error_list_combined li
{
  margin: 3px 20px 3px 50px;
}

ul.sf_admin_actions
{
  list-style-type: none;
  padding: 0;
  margin: 10px 0 10px 0;
}

ul.sf_admin_actions li
{
  list-style-type: none;
  display: inline;
  margin: 0 1px 0 1px;
}

ul.sf_admin_actions li form, ul.sf_admin_actions li form div
{
  display: inline;
}

#menetlus_yldandmed_muutmisvorm > ul.sf_admin_actions {
  margin-left: 30px;
}

.etappide_plokk > div {
  margin-left: 30px;
}

.menetlus_kahes_tulbas_plokk .etappide_plokk .sf_admin_td_actions {
  text-align: right;
  padding-right: 10px;
  white-space: nowrap;
}

.notice
{
  margin: 4px 0;
  padding: 6px 6px 6px 20px;
  background-color: white;
  font-weight: bold;
  color: #000000;
  border: 1px solid dimgray;
  border-radius: 4px;
}

.error
{
  margin: 4px 0;
  padding: 6px 6px 6px 50px;
  background: url(./../images/exclamation_small.png) no-repeat 10px 6px;
  font-weight: bold;
  color: #FF0000;
  border: 2px solid #FF0000;
  border-radius: 4px;
}

.notice-error
{
  margin: 4px 0;
  padding: 6px 6px 6px 50px;
  background: url(./../images/exclamation_small.png) no-repeat 10px 6px;
  font-weight: bold;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 4px;
}

.access-denied-error
{
  margin: 60px 0 0 -240px;
  background: none;
  font-weight: normal;
  font-size: 24px;
  color: #333333;
  border: none;
  text-transform: none;
  text-align: center;
}

.access-denied-error a
{
  color: #0072CE;
  text-decoration: underline;
  font-weight: normal;
}

.access-denied-permissions
{
  text-transform: none;
}

.sf_admin_filter .sf_admin_date .content
{
  min-width: 525px;
}

div.used_filters
{
  margin: 4px 0;
  padding: 6px 6px 6px 50px;
  background: url(./../images/exclamation_small.png) no-repeat 10px 6px;
  background-color: white;
  color: black;
  border-radius: 8px;
  border: 1px solid black;
}

div.used_filters > div.title {
  color: #666666;
  font-weight: bold;
}

div.used_filters ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.used_filters ul li:before {
  content: "- ";
}

div.used_filters a.reset {
  float: right;
  color: #333333;
  font-size: 12px;
  vertical-align: top;
}

div.used_filters a.reset img {
  margin-left: 4px;
  margin-top: 2px;
}

div.used_filters a.reset:hover {
  text-decoration: none;
}

div.register_result
{
  margin: 4px 0;
  padding: 6px 6px 6px 6px;
  color: black;
  border: 1px;
  border-color: #000000;
  border-style: solid;
  border-radius: 3px;
}

div.register_result > div.title {

}

div.register_result ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.register_result ul li:before {
  content: "- ";
}

fieldset h2, div.dataset h2
{
  padding: 3px;
  color: #333;
  background-color: #d5d5d5;
  background-image: url('./../images/pais2.png');
  background-repeat: repeat-x;
  font-size: 11px;
  margin: 0;
}

fieldset hr, div.dataset hr
{
  height: 3px;
  background-color: #ccc;
  border: none;
  border-bottom: 1px solid #999;
  margin: 0;
}

fieldset, div.dataset
{
  margin: 0;
  padding: 0;
  border: 0px solid black;
}

div.label
{
  padding: 2px 1em 2px 0;
  text-align: left;
  vertical-align: top;
  display: table-cell;
  width: auto;
  min-width: 200px;
  border-bottom: 1px dotted #CCCCCC;
  color: #222222;
}

div.label.separator
{
  border-bottom: 1px solid #0078C1;
}

div.single_row_filter
{
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #0078C1;
}

div.single_row_filter div.label {
  border-bottom-width: 0px;
}

.sf_admin_form_row
{
  clear: right;
  padding: 5px 2px 2px 2px;

}

/* EmbedRelationi jaoks - START */
.sf_admin_form_row span > div:first-child
{
  padding-top: 10px;
  border-top: 3px dotted #0078C1;
}

.sf_admin_form_row span > div:last-child
{
  padding-bottom: 10px;
}
/* EmbedRelationi jaoks - END */

.sf_admin_form_row:last-child
{
  padding-bottom: 0;
  border-bottom: 0px;
}

.sf_admin_form_row table.subform td
{
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

.sf_admin_form_row .content
{
  display: table-cell;
  min-height: 20px;
  min-width: 310px;
}

.sf_admin_form_row .content.full-width-content {
  display: block;
}

.sf_admin_form_row .content.full-width-content input[type="text"],
.sf_admin_form_row .content.full-width-content select,
.sf_admin_form_row .content.full-width-content textarea {
  width: 100%;
}

.sf_admin_form_row .labelless-content {
  padding-left: 0;
}

.sf_admin_form_row .labelless-content > .sf_admin_form_row {
  padding-left: 0;
}

.labelless-content > .kiirvalikute_plokk {
  width: 444px;
}

.labelless-content > .sf_admin_form_field_reklaami_kyljed table {
  width: 444px;
}

.label_reklaami_kyljed {
  padding: 4px 0;
}

.sf_admin_form_row.required > .content, .sf_admin_form_row.required > div > .content, .required_labelless_field {
  /*background: url('./../images/required.png') no-repeat 5px 0px;*/
}

.required_labelless_field {
  padding-left: 1em;
  padding-top: 0;
}

input[type="text"].required, input[type="password"].required, textarea.required, select.required {
  /* background-color: #FFE994; */
}

.help
{
  padding-left: 9em;
  color: #aaa;
}

.errors input, .errors select, .errors textarea, .errors .inaadressSearch .ui-body-a
{
  border: 1px solid #F15A25;
}

#sf_admin_container .sf_admin_list .sf_admin_boolean
{
  text-align: center;
}

#sf_admin_container ul.checkbox_list
{
  display: table-cell;
  padding: 0px;
  list-style-type: none;
}

#sf_admin_notice
{
  float: right;
  margin-left: 20px;
  width: 500px;
  overflow: hidden;
}

/* peidame embedditud aadressivormi */
.sf_admin_form_field_aadress
{
  display: none;
}

/* peidame embedditud piirkonna aadressivormi */
.sf_admin_form_field_piirkond_aadress
{
  display: none;
}

div.piirkond_aadress_kokku {
  border: 1px solid #666;
  background-color: #eee;
  min-width: 300px;
  padding: 5px;
  margin-right: 20px;
}

div.popup_modal {
  background-color: white;
  color: black;
  border: 1px solid gainsboro;
}

div.popup_modal input[type=text] {
  margin-bottom: 7px;
}
div.popup_modal div.header {
  background-color: gray;
  color: white;
  font-weight: bold;
  font-size: 10px;
  padding: 4px 10px 4px 10px;
  vertical-align: middle;
  border: 1px solid gainsboro;
}

div.popup_modal div.header div.popup_close {
  float: right;
  vertical-align: middle;
  padding-right: 16px;
  background: url('./../images/x_white.png') no-repeat top right;
}

div.popup_modal div.contents {
  padding: 10px;
  max-height: 600px;
  min-width: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

#simplemodal-overlay {
  background-color:#000;
  z-index: 100000 !important;
}

#simplemodal-container {
  z-index: 100010 !important;
}

.simplemodal-close {
  cursor: pointer;
}

.sf_admin_form_helper_row label {
  font-style: italic;
}

.sf_admin_form_helper_row select, .sf_admin_form_helper_row input[type="text"], .sf_admin_form_helper_row textarea,
select.helper_field, input.helper_field, textarea.helper_field
{
  background-color: #FFFFCC;
}

/** MENÜÜ **/

/* esimene menüü tase */
ul#main_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*box-shadow: -16px 0 4px 0 dimgrey;*/
  text-transform: uppercase;
  text-align: center;
}

ul#main_menu a {
  display: block;
  color: #333333;
  padding: 15px 0 3px 0;
  min-height: 30px;
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
}

ul#main_menu a:hover {
  text-decoration: none;
  background-color: lightgrey;
  color: black;
}

ul#main_menu > li.has_children > a {
  background: top right no-repeat;
  /*background-position: top right;
  background-repeat: no-repeat;*/
}

ul#main_menu > li:not(.has_children) > div > a.open {
  font-weight: bold;
  background-color: #333333;
  color: white;
}

ul#main_menu > li.has_children > div > a.open {
  /*font-weight: bold;*/
  /*background-color: #DDDDDD;*/
}

ul#main_menu a.open, ul#main_menu a.open:hover {
  /*background-color: #333333;
  color: white;*/
}

ul#main_menu > li.has_children > a.open {
  background-color: #D3D3D3;
}

ul#main_menu li {
  margin-bottom: 5px;
}

/* teine menüü tase */
ul#main_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.loendi_nooled {
  background-image: url('./../images/maardu_menyy_expand.png') !important;
  float: right;
  margin-right: 6px;
  margin-top: 1px;
  width: 20px;
  cursor: pointer;
}

ul#main_menu ul li {
  margin-bottom: 0;
}

ul#main_menu ul li a {
  color: #333333;
  font-weight: normal;
  padding: 15px 24px 3px 30px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
}

ul#main_menu ul > li.has_children > a {
  background: url('./../images/maardu_menyy_expand.png') no-repeat top right;
}

ul#main_menu ul a:hover {
  background: lightgrey;
  border: 1px solid #555555;
}

ul#main_menu ul a.open, ul#main_menu ul a.open {
  background-color: #D3D3D3;
  color: #333333;
}

ul#main_menu ul a.open, ul#main_menu ul a.open:hover {
  background-color: lightgrey;
  color: #333333;
}

ul#main_menu ul > li.has_children > a.open {
  background-image: url('./../images/maardu_menyy_expand.png');
}

/* kolmas menüü tase */
ul#main_menu ul ul a {
  padding: 0 24px 0 30px;
  text-indent: -0.65em;
}
ul#main_menu ul ul a:before {
  content: "- ";
}

/** MENÜÜ LÕPP **/

.description_active {
  color: grey;
}

div.login-column {
  min-width: 300px;
  margin: 4px 0;
  padding: 6px;
  color: black;
  border: 2px solid gray;
  border-radius: 4px;
}

div.login-column table {
  width: 100%;
}

div.login-column th {
  text-align: left;
}

.modal-login-table {
  background: white;
  border: 1px solid white;
  border-radius: 20px;
  text-align: center;
  width: 930px;
  padding-bottom: 80px;
}

.modal-login-header {
  margin-bottom: 60px;
}

.modal-login-errors {
  padding: 0 40px 40px 40px;
  margin-top: -50px;
  text-align: left;
  font-weight: bold;
}

.modal-login-header .simplemodal-close {
  position: absolute;
  top: 6px;
  right: 6px;
}

.modal-login-label {
  color: #333333;
  text-align: left;
  padding-left: 30px;
  margin-bottom: 4px;
}

.modal-login-column {
  display: inline-block;
  width: 300px;
}

.modal-login-centered .modal-login-label {
  text-align: center;
  padding-left: 0;
  text-transform: none;
  height: 60px;
}

.modal-login-centered .modal-login-fields {
  height: auto;
}

.modal-login-borders .modal-login-fields,
.modal-login-borders .modal-login-action {
  border-left: 3px solid #3F51B5;
  border-right: 3px solid #3F51B5;
}

.modal-login-fields {
  height: 125px;
  padding: 20px 0;
}

.modal-login-fields img {
  width: 150px;
}

.modal-login-action {
  height: 60px;
}

.modal-login-table input[type="text"],
.modal-login-table input[type="password"] {
  width: 240px;
}

.modal-login-table input[type="button"],
.modal-login-table input[type="submit"] {
  width: 140px;
  background: #0072CE;
  font-size: 12px;
}

.modal-login-table input[type="tel"] {
  width: 175px;
  min-width: auto;
  margin-top: 22px;
}

.dokumendi-popup {
  padding: 20px 40px;
  background: white;
  border: 1px solid white;
  border-radius: 20px;
  width: 930px;
}
div.popup_modal.dokumendi-popup .header {
  background: none;
  border: none;
  margin-bottom: 20px;
  text-align: center;
}
.dokumendi-popup .header .simplemodal-close {
  position: absolute;
  top: 6px;
  right: 6px;
}
.dokumendi-popup .tab_bar {
  display: none;
}
.dokumendi-popup .sf_admin_form_row {
  margin-top: 20px;
}
.dokumendi-popup .sf_admin_form_row div.label {
  display: block;
  border: none;
}
.dokumendi-popup .sf_admin_form_row .content {
  padding-left: 0;
}
.dokumendi-popup .sf_admin_form_row.required > div > .content {
  background: none;
}
.dokumendi-popup .sf_admin_actions {
  text-align: center;
}
.dokumendi-popup .sf_admin_form_field_dokumendi_liik_id label,
.dokumendi-popup .sf_admin_form_field_avalik select {
  text-transform: uppercase;
}
.dokumendi-popup .after_dropzone {
  display: none;
}
.dokumendi-popup .dropzone {
  border: 1px solid #333333;
  border-radius: 0;
  min-height: 160px;
}
/*.dokumendi-popup */.dropzone .dz-default.dz-message {
  background: url("../images/dropzone_upload.png") no-repeat center 20px;
  width: auto;
}
/*.dokumendi-popup */.dropzone .dz-default.dz-message span {
  display: inline;
  font-size: 18px;
  position: relative;
  top: 70px;
}
.dokumendi-popup input[type="submit"] {
  width: 140px;
  background: #0072CE;
}

/* peab modalist ülevalpool olema */
#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 109999;
}

ul.radio_list, ul.checkbox_list
{
  margin: 0px;
  padding-left: 0px !important;
}

ul.radio_list li, ul.checkbox_list li
{
  list-style-type: none;
}

ul.radio_list li.horisontaalne, ul.checkbox_list li.horisontaalne
{
  display: inline;
}

div.quicklinks a {
  font-size: 10px;
  color: #999;
  padding-right: .2em;
}

div.quicklinks a:hover {
  color: #000000;
  text-decoration: none;
}

span.aadress_button_container {
  float: left;
  width: 270px;
}

span.aadress_button_container input,
span.taotleja_aadress_button_container input,
#aadress_otsi_aadressi_button
{
  padding: 3px 20px 3px 20px;
}

a.ajax_result {
  background-color: #f2f2f2;
  background-image: url('./../images/arrow_left_orange.png');
  background-repeat: no-repeat;
  background-position: 5px center;
  padding: 3px 15px 3px 25px;
  margin-left: 5px;
  border-radius: 6px;
}

.taotluseKorratavaPlokiRida {
  border: 1px solid #0078C1;
  border-radius: 4px;
  margin-bottom: 2px;
  padding: 2px;
  display: table-row;
}

.taotluseKorratavaPlokiPais {
  display: table-row;
  font-weight: bold;
}

.taotluseKorratavaPlokiRida > span {
  display: table-cell;
  padding: 4px 4px 4px 10px;
  border-color: #0078C1;
  border-style: solid;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  margin: 15px;
}
.taotluseKorratavaPlokiPais > span {
  display: table-cell;
  padding: 4px 4px 4px 10px;
  border: none;
}


.taotluseKorratavaPlokiRida > span:first-child {
  border-radius: 4px 0 0 4px;
  border-left-width: 1px;
  background-image: url("./../images/green_gradient_horizontal.png");
  background-repeat: repeat-y;
}

.taotluseKorratavaPlokiRida > span:last-child {
  border-radius: 0 4px 4px 0;
  border-right-width: 1px;
}

.taotluseKorratavaPlokiEraldajaRida {
  height: 2px;
  border: none;
  display: table-row;
}

.taotluseKorratavaPlokiEraldajaRida:last-child {
  display: none; /* viimase rea all ei näita tühja ruumi */
}

.taotluseKorratavaPlokiNumber {
  font-size: 18px;
  color: #0078C1;
  padding: 4px 4px 4px 10px;
}

.taotluseKorratavaPlokiToggle > a.tab_arrow_down, .taotluseKorratavaPlokiToggle > a.tab_arrow_up {
  border-radius: 4px 4px 4px 4px;
}

.taotluseKorratavaPlokiLisamiseNupp {
  padding-top: 5px;
  padding-bottom: 10px;
}

h2.important {
  color: #FF2F00;
}

span.important {
  font-weight: bold;
}

span.negative {
  color: #FF2F00;
}

/* näitame widgeti sees olevat vormi kompaktsemalt kui tavalist vormi */
.widgetForm {
  display: table;
}

.widgetForm > div {
  display: table-row;
}

.widgetForm > fieldset > div {
  display: table-row-group;
}

.widgetForm > fieldset > div > div {
  display: table-row;
}

.widgetForm div.label {
  width: auto;
  min-width: 0;
}

/* peidame päiste lisamise rea, kui seda vaja pole */
.sf_admin_form_field_DynPlokiPais.paiseta {
  display: none;
}

/* ploki päise järjenumbrile minimaalset laiust pole vaja */
.sf_admin_form_field_DynPlokiPais > div > div.content > div.sf_admin_form_row > div > div.label {
  min-width: 0;
}

/* ploki päise vormivälja labelid on pool tavalisest labelist */
.sf_admin_form_field_DynPlokiPais > div > div.content div.label {
  min-width: 115px;
}

/* plokile päise lisamine ei ole kohustuslik */
.sf_admin_form_field_DynPlokiPais > div > div.content > div.required > div > .content {
  background: none;
}

.logimisnupud {
  /*font-weight: bold !important;*/
  /*font-family: Arial;*/
  background-color: darkgray;
  color: white;
  border: 1px solid gainsboro;
  border-radius: 0px;
  padding: 11px 12px 7px 12px;
  margin-top: -2px !important;
  margin-right: 1px;
  margin-left: 2px;
  width: 140px;
  opacity: 0.95;
}

.logimisnupud:hover {
  padding: 11px 12px 2px 12px;
  /*margin-bottom: 2px !important;*/
  background-color: #000000;
  /*color: #FFCC00 !important;*/
  border: 0px !important;
  /*margin-top: -6px !important;*/
  margin-right: -4px;
  padding-bottom: 7px;
  width: 140px;
}

.loendinupud {
  margin-top: 3px;
  margin-left: 210px;
  position: absolute;
}

.loendinupud:hover {
  cursor: pointer;
}

.loendinupud img {
  margin-top: 18px;
  margin-right: 12px;
}

.content strong {
  color: #333333;
  font-size: 14px;
}

.content em {
  color: #666666;
}

div.datablock div.header {
  padding: 5px 0 5px 0;
}

div.datablock div.contents div.single_pane {
  /*padding: 15px;*/
  padding-left: 30px;
}
div.datablock div.contents div.single_pane > h2 {
  margin-left: -30px;
  margin-top: 15px;
}

div.datablock div.contents div.left_pane {
  display: table-cell;
  width: 100%;
  padding: 15px;
}

div.datablock div.contents div.right_pane {
  display: table-cell;
  padding: 5px;
}

div.etapid_kahes_tulbas div.left_pane,
div.etapid_kahes_tulbas div.right_pane {
  display: inline-block;
  width: 515px;
  margin-right: 100px;
  vertical-align: top;
  padding: 0;
}

.menetluse_kast {
  border: 6px solid #E0E0E0;
  margin-bottom: 20px;
  padding: 5px;
}

input[id^='button_menetlus_vastutaja_kiirvalik_'] {
  margin-top: 2px;
  margin-bottom:8px;
}
input[id^='button_menetlus_teostaja_kiirvalik_'] {
  margin-top: 2px;
  margin-bottom:8px;
}
input[id^='button_menetlus_tellija_kiirvalik_'] {
  margin-top: 2px;
  margin-bottom:8px;
}
input[id^='button_menetlus_valdaja_taotleja_kiirvalik_'] {
  margin-top: 2px;
  margin-bottom:8px;
}

input[id^='menetlus_teehoiu_jarelevalve_otsing_valiIsik_button'],
input[id^='menetlus_tellija_jarelevalve_otsing_valiIsik_button'] {
  margin-left: 8px;
}
input[id^='button_menetlus_teehoiu_jarelevalve_kiirvalik_'],
input[id^='button_menetlus_tellija_jarelevalve_kiirvalik_'] {
  margin-bottom: 6px;
}

#menetlus_teehoiu_jarelevalve_otsing_valiJarelevalvaja_button,
#menetlus_tellija_jarelevalve_otsing_valiJarelevalvaja_button {
  margin-left: 4px;
}

div.menetluse_kast div.sf_admin_form_row {
  padding-left: 15px;
}

.menetlus_otsi {
  cursor: pointer;
  background: url('../images/search_maardu.png') no-repeat !important;
  height: 24px !important;
  max-width: 18px !important;
  padding-right: 9px !important;
  margin-top: -5px !important;
  padding-top: 4px !important;
  padding-bottom: 2px !important;
  border: none !important;
  vertical-align: middle;
}

#yldandmed_rida_Soiduk .menetlus_otsi {
  /*float: right;
  position: relative;
  margin-top: -21px !important;
  margin-right: 15px;*/
}

.kiirotsing {
  margin: 40px 0;
  background-color: gray;
  color: white;
  min-width: 348px;
  max-width: 531px;
  padding-left: 16px;
  padding-top: 6px;
  padding-bottom: 6px;
  border: solid 1px gainsboro;
  border-radius: 1px;
}

.kiirotsing:hover {
  color:black;
}

.kiirotsingu_nupp {
  background-color: #195087;
  background-image: -moz-linear-gradient(top, #62A321, #7ACC29);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62A321), to(#7ACC29));
  background-image: -webkit-linear-gradient(top, #62A321, #7ACC29);
  background-image: -ms-linear-gradient(top, #62A321, #7ACC29);
  background-image: -o-linear-gradient(top, #62A321, #7ACC29);
}

.menetlus_kasti_caption {
  padding: 4px 14px 4px 14px;
  margin-bottom: 10px;
  color: #333333;
  font-weight: bold;
  background-color: #E0E0E0;
}

.menetlus_kasti_kiirvalikud {
  padding-left: 12px;
  padding-bottom: 5px;
}

.menetlus_kasti_kiirvalikud input[type=button] {
  padding: 3px 20px 3px 20px;
}

ul.file_list {
  display: block;
  position: relative;
  padding: 5px;
  margin: 0;
  border: 1px solid #CCCCCC;
  background: #fafafa;
  list-style-type: none;
}

.file_list li {
  padding: 3px !important;
  white-space: nowrap;
}

.file_list li:hover {
  background-color: #E6E6E6;
}

.file_list li a.delete_link {
  float: right;
}

ul.file_list_inline {
  display: block;
  position: relative;
  margin: 0;
  padding-left: 0 !important;
  list-style-type: none;
}

.file_list_inline li {
  white-space: nowrap;
  margin: 0;
}

.file_list_inline li a.delete_link {
  float: right;
}

.after_dropzone {
  background: rgba(0,0,0,0.03);
  border: 1px solid rgba(0,0,0,0.03);
  border-top-width: 0px;
  padding: 4px;
  color: #444444;
  font-style: italic;
}

tr.document_header_row td {
  padding: 10px;
  border: 1px solid #CCCCCC;
}

tr.document_content_row td {
  padding: 0;
  margin: 0;
}

.redRow {
  color: red;
}

.tegevus_hilineb {
  color: #FF0000;
}

.tegevusel_osaleja {
  margin-top: 0px;
  margin-bottom: 10px;
}

div.isik_autocomplete
{
  margin: 4px 0;
  padding: 6px 6px 6px 6px;
  color: black;
  border-color: gray;
  border-style: solid;
  border-radius: 8px;
}

input.autocomplete_submit {
  padding: 3px 40px 3px 40px;
  margin-left: 5px;
}

div.kiirvalikud {
  border: 1px solid #999999;
  border-radius: 4px;
  margin: 3px 0 3px 0;
  padding: 3px;
}

.single_pane > div.kiirvalikud {
  /* [tulba laius (515px)] - 2 * [kiirvalikute padding (3px)] */
  /* 515 - 2 * 3 = 509 */
  max-width: 509px;
}

div.kiirvalikud div.title {
  text-align: left;
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #333333;
  font-style: italic;
}

div.kiirvalikud ul
{
  list-style-type: none;
  padding: 0;
  margin: 1px 0 3px 0;
}

div.kiirvalikud ul li
{
  list-style-type: none;
  display: inline;
  margin: 0 1px 0 1px;
}

div.kiirvalikud input[type=button], div.kiirvalikud button {
  padding: 3px 20px 3px 20px;
}

div.kiirvalikud input[type=button]:hover, div.kiirvalikud button:hover {
  background-color: lightgrey;
  color: black;
}

.dataTable tr.inactive, .dataTable tr.inactive div.subtitle {
  color: #AAAAAA;
}

.tegevuse_liigi_boolean
{
  min-width: 348px !important;
}

.kommentaar
{
  font-style: italic;
  background-image: url("./../images/quote.png");
  background-repeat: no-repeat;
  padding-left: 16px;
  color: #666666;
}

.tegevuse_kommentaarid
{

}

.tegevuse_kommentaar
{
  margin-top: 10px;
}

.tegevuse_kommentaari_pealkiri
{
  font-weight: bold;
}

.tegevuse_kommentaari_sisu
{
  font-style: italic;
  background-image: url("./../images/quote.png");
  background-repeat: no-repeat;
  padding-left: 16px;
  color: #666666;
}



.tegevuse_kommentaar_lisa
{
  margin-top: 5px;
  width: 100%;
  opacity: 0.3;
}

.tegevuse_kommentaar_lisa:hover, .tegevuse_kommentaar_lisa.active {
  opacity: 1;
}

.tegevuse_kommentaar_lisa textarea
{
  width: 100%;
  height: 1.2em;
  resize: none;
}

.tegevuse_kommentaar_lisa textarea:focus
{
  height: 3.6em;
}

.highlighted
{
  background-color: #99defd !important;
}

div.loading_overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -200px;
  z-index: 2000000 !important;
  overflow: hidden;
  pointer-events: none;
}

.rasvane_tekst
{
  font-weight: bold;
}

.time_autocompleter_link {
  display: none;
}

.sf_guard_user_block,
.sf_guard_user_group_list_block {
  display: block !important;
  padding-left: 0 !important;
}

#kasutaja_juriidilisedisikud_lisajuriidilineisik_button {
  margin-left: 10px;
  padding: 4px 10px;
}
#kasutaja_juriidilisedisikud_lisajuriidilineisik_button + .dataTable {
  margin-top: 10px;
  width: 515px;
}

.olMap.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: white;
  margin-top: 0px;
  max-width: 2000px;
}

.objektivorm_kaart_container {
  width: 450px;
  height: 350px;
}

.objektivorm_kaart {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999999;
}

.objektinimekiri_kaart {
  width: 100%;
  max-width: 800px;
  height: 366px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999999;
}

.opis_kaart {
  width: 100%;
  max-width: 800px;
  height: 366px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999999;
  margin-top: 10px;
  margin-bottom: 10px;
}

.detailandmed_kaart_container {
  position: absolute;
  top: 0;
  right: 0;
  width: 430px;
  height: 320px;
}

.detailandmed_kaart_container_kahes_tulbas {
  position: relative;
  display: inline-block;
}

.detailandmed_kaart {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999999;
}

.detailandmed_yldosa {
  overflow: hidden;
  padding-right: 130px !important;
}

.menetlus_kahes_tulbas .menetlus_kahes_tulbas_plokk {
  margin-bottom: 40px;
}

.menetlus_kahes_tulbas_plokk .detailandmed_kaart_container,
.objektivorm_kaart_container {
  position: relative;
  top: auto;
  right: auto;
  width: 515px;
  height: 300px;
}
.menetlus_kahes_tulbas_plokk .detailandmed_kaart_container .tab_bar {
  display: none;
}
.menetlus_kahes_tulbas_plokk #kaart_toggle {
  border-bottom: none;
}
#pageContent a.olControlZoomIn,
#pageContent a.olControlZoomOut,
#pageContent .olControlPanel button {
  border: none;
  border-radius: 0;
  box-shadow: 1px 1px 4px #333333;
  margin-right: 10px;
  font-size: 12px;
}
#pageContent div.olControlZoom {
  background: none;
}
#pageContent div.olControlZoom a {
  display: inline-block;
  padding: 1px 0 0 1px;
  box-shadow: 1px 1px 4px #333333;
}
#pageContent div.olControlTool a:visited,
#pageContent div.olControlTool a,
#pageContent div.olControlZoom a:visited,
#pageContent div.olControlZoom a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
#pageContent div.olControlTool a:visited:hover,
#pageContent div.olControlTool a:hover,
#pageContent div.olControlZoom a:visited:hover,
#pageContent div.olControlZoom a:hover {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
}
#pageContent .olControlPanel {
  position: relative !important;
  float: right;
  left: 0;
  background: none;
  margin-right: 20px; /* jätame .olControlLayerSwitcher jaoks ruumi */
}
#pageContent .olControlLayerSwitcher {
  z-index: 1017 !important; /* kihtide valik ei tohi tööriistariba nuppude taha peitu jääda */
}
#pageContent .olControlLayerSwitcher .maximizeDiv {
  border: none;
  border-radius: 0;
  box-shadow: 1px 1px 4px #333333;
}
#pageContent .olControlLayerSwitcher .labelSpan {
  text-transform: none;
}
#pageContent .olControlLayerSwitcher img {
  opacity: 0.5;
}
#pageContent .olControlLayerSwitcher img:hover {
  opacity: 0.7;
}
#pageContent .olControlPanel > button > span {
  text-transform: uppercase;
  font-size: 12px;
}
#pageContent .olControlPanel .FullScreenNuppItemActive span:first-child,
#pageContent .olControlPanel .FullScreenNuppItemInactive span:first-child,
#pageContent .olControlPanel .olControlModifyFeatureItemActive span:first-child,
#pageContent .olControlPanel .olControlModifyFeatureItemInactive span:first-child,
#pageContent .olControlPanel .KustutaNuppItemInactive span:first-child,
#pageContent .olControlPanel .KustutaNuppItemActive span:first-child,
#pageContent .olControlPanel .olControlDrawFeatureItemActive span:first-child,
#pageContent .olControlPanel .olControlDrawFeatureItemInactive span:first-child {
  height: auto;
  width: auto;
  padding: 0 5px;
  font-weight: normal;
}
#pageContent .olControlPanel .KustutaNuppItemInactive,
#pageContent .olControlPanel .KustutaNuppItemActive {
  width: auto;
}
#pageContent .olControlPanel .FullScreenNuppItemActive {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important;
}
#pageContent .olControlPanel button:hover {
  border: none !important;
  background-color: #333333 !important;
  color: white !important;
}

.menetlus_kahes_tulbas_plokk > h3,
.etapid_kahes_tulbas h2,
.sf_admin_form > .contents > .single_pane > h2,
h1.deklaratsioonide_ploki_pealkiri,
h1#etapid {
  letter-spacing: 2px;
  font-size: 14px;
  margin-bottom: 5px;
  color: black;
  font-weight: bold;
}

.etapid_kahes_tulbas .dataTable {
  /*margin-top: 20px;*/
  width: 100%;
}
.etapid_kahes_tulbas .right_pane {
  margin-top: 15px;
  margin-left: 36px;
}

.menetlus_kahes_tulbas_plokk > .valdaja_plokk,
.menetlus_kahes_tulbas_plokk > .kinnistu_aadressi_plokk {
  width: 520px;
  display: inline-block;
  margin-left: 30px;
  margin-right: 100px;
  vertical-align: top;
}
.menetlus_kahes_tulbas_plokk .sf_admin_form_field_valdaja_kood .content {
  margin-bottom: -19px;
}
.menetlus_kahes_tulbas_plokk > .kiirvalikute_plokk {
  margin: 10px 0 0 32px;
  max-width: 1167px;
}
.menetlus_kahes_tulbas_plokk > .sf_admin_form_row,
.menetlus_kahes_tulbas_plokk > .valdaja_plokk > .sf_admin_form_row,
.menetlus_kahes_tulbas_plokk > .kinnistu_aadressi_plokk > .sf_admin_form_row {
  width: 515px;
  display: inline-block;
  margin: 0 100px 10px 30px;
  vertical-align: top;
}
.menetlus_kahes_tulbas_plokk > .valdaja_plokk > .sf_admin_form_row,
.menetlus_kahes_tulbas_plokk > .kinnistu_aadressi_plokk > .sf_admin_form_row {
  margin-left: 0;
}
.menetlus_kahes_tulbas_plokk > .sf_admin_form_row > div.label,
.menetlus_kahes_tulbas_plokk > .sf_admin_form_row > div > div.label,
.menetlus_kahes_tulbas_plokk > .valdaja_plokk > .sf_admin_form_row > div > div.label,
.menetlus_kahes_tulbas_plokk > .kinnistu_aadressi_plokk > .sf_admin_form_row > div > div.label,
.menetlus_kahes_tulbas_plokk > .sf_admin_form_field_reklaami_kylgede_valik > div > div.label {
  display: block;
  border: none;
  width: 100%;
}
.sf_admin_form_row > div.label,
.sf_admin_form_row > div > div.label {
  display: block;
  border: none;
}
.sf_admin_form_row > div.content,
.sf_admin_form_row > div > div.content {
  padding-left: 0;
}
.menetlus_kahes_tulbas_plokk > .sf_admin_form_row > div.content,
.menetlus_kahes_tulbas_plokk > .sf_admin_form_row > div > div.content,
.menetlus_kahes_tulbas_plokk > .valdaja_plokk > .sf_admin_form_row > div > div.content,
.menetlus_kahes_tulbas_plokk > .kinnistu_aadressi_plokk > .sf_admin_form_row > div > div.content,
.menetlus_kahes_tulbas_plokk > .sf_admin_form_field_reklaami_kylgede_valik > div > div.content {
  display: block;
  padding: 0;
}
.sf_admin_form_row.required > .content,
.menetlus_kahes_tulbas_plokk .sf_admin_form_row.required > .content,
.menetlus_kahes_tulbas_plokk .sf_admin_form_row.required > div > .content,
.menetlus_kahes_tulbas_plokk .required_labelless_field {
  background: none;
}
div.label.required:after {
  content: " *";
}
#pageContent input[type="text"]:not(.dateInput),
#pageContent input[type="tel"],
#pageContent input[type="password"],
#pageContent select,
#pageContent textarea {
  padding: 4px 8px;
  min-width: 497px;
}
#pageContent div.sf_admin_form_field_soiduk input[type="text"]{
  padding: 0;
  min-width: 265px;
}
#pageContent div#yldandmed_rida_Teljekoormus input[type="text"] {
  padding: 0;
  min-width: 440px;
}
#pageContent .soiduki_otsingu_lahter {
  white-space: nowrap;
}
#yldandmed_rida_Teljekoormus > .sf_admin_form_row {
  display: inline-block;
}
#yldandmed_rida_Teljekoormus > .sf_admin_form_row:first-child {
  margin-right: 132px;
}

#pageContent select,
#pageContent .in-address-container {
  min-width: 515px;
}
#pageContent input[type="text"].search-icon {
  background: url('../images/search_maardu.png') 485px no-repeat !important;
}
#pageContent .ui-input-search {
  margin: 0;
  /*max-width: 73%;*/
}
#pageContent .ui-input-search input:hover {
  background: none;
}
#pageContent .ui-icon-delete:after {
  background-image: url("../images/modal-login-close-shadow.png");
  background-size: 100%;
}
.menetlus_kahes_tulbas_plokk .menetlus_otsi {
  position: relative;
  top: -20px;
  left: 485px;
}
.menetlus_kahes_tulbas_plokk .menetlus_otsi + div[id^=paringu_tulemus_] {
  margin-bottom: -20px;
}
.single_pane input[type="button"].menetlus_otsi {
  position: relative;
  top: 3px;
  margin-left: -30px;
}
.sf_admin_form_field_soiduk .menetlus_otsi {
  position: relative;
  top: 3px;
  left: 1px;
}
.menetlus_kahes_tulbas_plokk .dateInput {
  width: 220px;
}
.menetlus_kahes_tulbas_plokk .dateInput:focus {
  border-width: 1px;
}
.menetlus_kahes_tulbas_plokk .content.periood > span:first-child {
  margin-right: 53px;
}
ul.radio_list {
  display: table;
  width: 100%;
  margin-top: 5px;
}
ul.radio_list li {
  display: table-cell;
  text-transform: uppercase;
}
li.jah_ei_valik {
  padding-top: 5px;
  width: 50%;
}
.single_pane li.jah_ei_valik {
  padding-top: 0;
}
div.jah_ei_valik ul.radio_list {
  width: 515px;
}
.menetlus_kahes_tulbas .tyhi_rida {
  width: 100%;
  display: table-column;
}
.menetlus_kahes_tulbas .sf_admin_form_field_reklaami_kyljed table {
  width: 100%;
}
.menetlus_kahes_tulbas .sf_admin_form_field_reklaami_kyljed tr.addRow {
  display: none;
}
.menetlus_kahes_tulbas .sf_admin_form_field_reklaami_kyljed tr td:last-child {
  text-align: center;
}
.menetlus_kahes_tulbas .sf_admin_form_field_reklaami_kyljed tr.jalus {
  box-shadow: 2px -2px 2px #D3D3D3;
}
.menetlus_kahes_tulbas .sf_admin_form_field_reklaami_kyljed tr.jalus td.kokku {
  text-transform: uppercase;
  box-shadow: 0 2px 2px #D3D3D3;
}
#pageContent .menetlus_kahes_tulbas .sf_admin_form_field_reklaami_kyljed input.narrow {
  min-width: 130px;
}

.deklaratsiooni_staatus {
  font-style: italic;
  text-align: right;
}
.ebakorrektne {
  color: #8b0000;
}
.pole_saabunud {
  color: #8b8b8b;
}

/*.menetlus_kahes_tulbas_plokk.maksu_laekumiste_plokk {
  width: 1280px;
}*/
.deklaratsioonide_plokk {
  width: 100%;
  text-transform: none;
  /*width: 1280px;*/
}
/*.menetlus_kahes_tulbas_plokk .deklaratsioonide_plokk table {
  border-spacing: 5px;
}*/
.deklaratsioonide_plokk td {
  padding-right: 20px;
}
.deklaratsioonide_plokk td.kitsas {
  padding-right: 5px;
}

.menetlus_kahes_tulbas_plokk.maksu_plokk {
  font-size: 16px;
  margin-top: 100px;
  padding-top: 50px;
  border-top: 3px solid #333333;
  width: 1280px;
}

.menetlus_kahes_tulbas_plokk .maksu_ploki_pealkiri,
.menetlus_kahes_tulbas_plokk #menetlus_maks_soodusega {
  font-weight: bold;
  letter-spacing: 2px;
}

.menetlus_kahes_tulbas_plokk.maksu_plokk .etapi_aeg {
  font-size: 15px;
}

.menetlus_kahes_tulbas_plokk.maksu_plokk .arvutuskaik {
  margin-left: 90px;
}

.menetlus_kahes_tulbas_plokk.maksu_plokk .maksu_ploki_rida {
  margin-bottom: 50px;
}

#yldandmed_rida_MaksanPangalingiga .sf_admin_form_row,
.pangalingi_plokk .sf_admin_form_row {
  margin-left: 0;
}

.pangalingi_plokk {
  margin-top: 10px;
}

.pangalingi_plokk .sf_admin_form_row {
  width: auto;
}

.pangalingi_plokk .pank {
  vertical-align: middle;
  padding-left: 22px;
}

.pangalingi_plokk .pank input {
  height: 31px; /* sama kõrge kui panga logo, et joondamine töötaks */
}

.sf_admin_form_field_soodustus_id {
  width: auto !important; /* kui soodustuse tekst on liiga pikk, läheb muidu kujundus katki */
}

.menetlus_kahes_tulbas_plokk.soovin_arvet_plokk {
  margin-top: 10px;
}

.menetlus_kahes_tulbas_plokk.kinnitustekstide_plokk {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: none;
  width: 80%;
  display: table;
}
.menetlus_kahes_tulbas_plokk.kinnitustekstide_plokk div {
  display: table-row;
}
.menetlus_kahes_tulbas_plokk.kinnitustekstide_plokk label {
  display: table-cell;
  padding-left: 5px;
  width: 100%;
}

.menetlus_kahes_tulbas_plokk.dokumentide_plokk {
  width: 80%;
  margin-top: 50px;
}
.menetlus_kahes_tulbas_plokk.dokumentide_plokk table {
  width: 100%;
  margin-top: 10px;
}
.menetlus_kahes_tulbas_plokk.dokumentide_plokk h3 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 1px;
}
.menetlus_kahes_tulbas_plokk.dokumentide_plokk .sf_admin_td_actions {
  text-align: center;
}
.menetlus_kahes_tulbas_plokk.dokumentide_plokk .dokumendi_failid a {
  font-weight: normal;
  display: block;
}

.menetlus_kahes_tulbas .sf_admin_actions {
  width: 80%;
  margin: 100px 0;
}
.menetlus_kahes_tulbas .sf_admin_actions .esita {
  float: right;
}
.menetlus_kahes_tulbas .sf_admin_actions input[type="button"]:not(.abitekst-nupp),
.menetlus_kahes_tulbas .sf_admin_actions input[type="submit"]:not(.abitekst-nupp),
.menetlus_kahes_tulbas .sf_admin_actions button:not(.abitekst-nupp) {
  background: #D9D9D6;
  color: #333333;
  border: none;
  margin-right: 10px;
}
.menetlus_kahes_tulbas .sf_admin_actions input[type="button"]:not(.abitekst-nupp):hover,
.menetlus_kahes_tulbas .sf_admin_actions input[type="submit"]:not(.abitekst-nupp):hover,
.menetlus_kahes_tulbas .sf_admin_actions button:hover:not(.abitekst-nupp) {
  background: #CCCCCC;
}
.menetlus_kahes_tulbas .sf_admin_actions .esita input[type="button"].important:not(.abitekst-nupp),
.menetlus_kahes_tulbas .sf_admin_actions .esita input[type="submit"].important:not(.abitekst-nupp),
.menetlus_kahes_tulbas .sf_admin_actions .esita button.important:not(.abitekst-nupp) {
  background: #333333;
  color: white;
}
.menetlus_kahes_tulbas .sf_admin_actions .esita input[type="button"].important:hover:not(.abitekst-nupp),
.menetlus_kahes_tulbas .sf_admin_actions .esita input[type="submit"].important:hover:not(.abitekst-nupp),
.menetlus_kahes_tulbas .sf_admin_actions .esita button.important:hover:not(.abitekst-nupp) {
  background: #444444;
}
.menetlus_kahes_tulbas .valdaja_epost_selgitus {
  text-transform: none;
  color: #666666;
  margin-bottom: 15px;
}

.menetlus_kahes_tulbas_plokk .sf_admin_form_field_soiduk,
.menetlus_kahes_tulbas_plokk .sf_admin_form_field_koorem,
.menetlus_kahes_tulbas_plokk .sf_admin_form_field_teljekoormus {
  display: block;
  width: auto;
}

/*#yldandmed_rida_Taotleja .menetlus_kahes_tulbas_plokk > .sf_admin_form_row:nth-child(odd) {
  display: inline-block;
}

#yldandmed_rida_Taotleja .menetlus_kahes_tulbas_plokk > .sf_admin_form_row:nth-child(even) {
  display: inline-block;
}*/

/* aadressiotsingu tulemused ei tohi kaardi alla peitu jääda */
.menetlus_kahes_tulbas_plokk .inaadressSearch li {
  z-index: 2000;
}

.detailandmed_yldosa.detailandmed_reklaamiluba {
  padding-right: 0 !important;
}

.menetlus_kahes_tulbas_plokk .menetleja_plokk {
  display: table;
}

.menetlus_kahes_tulbas_plokk .menetleja_plokk .menetleja_ploki_rida {
  display: table-row;
}

.menetlus_kahes_tulbas_plokk .menetleja_plokk .menetleja_ploki_pealkiri {
  display: table-cell;
  padding: 2px 10px 2px 0;
  vertical-align: middle;
}

.menetlus_kahes_tulbas_plokk .menetleja_plokk .sf_admin_td_actions {
  display: table-cell;
  padding: 2px 0;
}

.menetlus_kahes_tulbas_plokk .menetleja_plokk .sf_admin_td_actions a {
  display: inline-block;
  line-height: 1;
}

.menetlus_kahes_tulbas_plokk .menetleja_plokk .sf_admin_td_actions a img {
  vertical-align: bottom;
}

@media screen and (max-width: 1388px) {
  .detailandmed_kaart_container:not(.detailandmed_kaart_container_kahes_tulbas) {
    width: 100%;
    height: 320px;
  }

  .detailandmed_kaart_container + .detailandmed_yldosa {
    padding-top: 340px !important;
    padding-right: 0 !important;
  }
  .detailandmed_yldosa {
    overflow: visible;
  }
}

.tabbed_file {
  margin-left: 14px !important;
}

.ajamuutmiste_popup {
  white-space: nowrap;
}

.lopuaja_muutmine_popupis {
  margin-top: 16px;
}

.tabledata_label {
  color: #012C46;
}

.tabledata_contents {

}

tr.muutunud td, td.muutunud {
  font-weight: bold !important;
}

/**
 *   JQUERY TIME PICKER
 */
.ui-timepicker-input {
  min-width: 80px !important;
  width: 80px;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
  box-shadow:0 5px 10px rgba(0,0,0,0.2);
  outline: none;
  z-index: 100011;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

/* JQUERY TIME PICKER LÕPP */

.kooskolastuse_tekst {
  min-width: 365px;
  min-height: 196px;
}

/* avaliku vaate filtrid */

#kaart_filters_text_div {
  width: 100%;
  white-space: nowrap;
}

#kaart_filters_tekst {
  font-size: 14px;
  padding: 5px;
  width: 98%;
  border:1px solid #aaa;
  background: url('../images/search_maardu.png') right no-repeat !important;
}

.large_input {
  width: 365px !important;
  font-size: 14px;
  padding: 5px;
  border:1px solid #aaa;
}

.kaart_filters_row {
  display: table;
  width: 100% !important;
}

.kaart_filters_cell {
  vertical-align: top;
  width: 50%;
  display: table-cell;
  padding-top: 3px;
  padding-right: 5px;
}

.kaart_filters_cell_wide {
  vertical-align: top;
  width: 100%;
  display: table-cell;
  padding-top: 3px;
  padding-right: 5px;
}

.kaart_filters_cell_narrow {
  vertical-align: top;
  display: table-cell;
  padding-top: 3px;
  padding-right: 5px;
  white-space: nowrap;
}

.kaart_filters_cell_narrow input {
  padding: 5px 15px 5px 15px;
  margin-top: 1px;
}

ul.chosen-choices {
  background: white !important;
  border-radius: 2px;
}

/* et kaardi nupud et jääks filtrite kohale */
.kaart_filters_cell .chosen-container {
  z-index: 2000;
}
.kaart_filters_cell #kaart_filters_olulise_mojuga_chosen,
.kaart_filters_cell #kaart_filters_peida_minevik_chosen {
  z-index: 2010;
}

.extra_narrow {
  min-width: 45px !important;
  max-width: 45px !important;
}

li.inline_radio {
  display: inline;
  margin-right: 10px;
}

.login_button {
  position: fixed;
  right: 0px;
  top: 0px;
}

/*input.logi_sisse_btn {
  background-color: darkgray !important;
  color: #FFFFFF !important;
  border: 1px solid #999999 !important;
}
input.logi_sisse_btn:hover {
  background-color: lightgrey !important;
  color: black !important;
  border: 1px solid #999999 !important;
}*/

.header_homepage
{
  color: #000000;
  font-weight: bold;
  display: inline-block;
}

.opis_logo
{
  margin-top: 21px;
  margin-left: 98px;
  display: inline-block;
  float: left;
  /*position: absolute;*/
}


/*
#commonTools input[type="button"]
{
  font-size: 1.1em;
  padding: 0.5% 1% 0.5% 1%;
}

.toolbar div
{
  display: inline;
}
*/

div#sf_admin_container {
  background-color: #FFFFFF;
  margin-right: 10px;
  margin-top: 15px;
}

.mceContentBody {
  background-color: #FFFFFF !important;
  background-image: none !important;
}

:focus {
  outline: solid #EEEEEE 1px;
}

.abitekst {
  background-color: #F7F7F7;
  border: 2px solid #F7F7F7;
  box-shadow: 2px 2px 10px #333333;
  border-radius: 10px;
  max-width: none;
  min-width: 300px;
  margin: 10px;
  cursor: move;
}

/*.abitekst > span {
  display: block;
}*/

.abitekst-pealkiri {
  /**border: 1px solid #d4d4d4;
  border-radius: 5px;
  background-color: #e3e3e3;
  padding: 3px;*/
  cursor: move;
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
}

/*.abitekst-sulge {
  float: right;
  cursor: pointer;
  margin-top: -2px;
}*/

.abitekst-sisu {
  text-transform: none;
}

.abitekst-nupud {
  float: right;
}

.abitekst-nupud input[type="button"] {
  margin-top: 1em;
  margin-left: 15px;
  background-color: #333333 !important;
  border: 1px solid #333333;
  border-radius: 5px;
  padding: 5px 25px;
}

.abitekst-nupud input[type="button"]:hover
{
  background-color: lightgrey !important;
  border: 1px solid lightgrey;
  color: black;
}

.abitekst textarea {
  min-width: 300px;
  min-height: 250px;
}

img.nupu_abi {
  width: 24px;
  margin-left: 4px;
  position: relative;
}

.tab_bar .nupu_abi {
  /*float: right;*/
}

h1 {
  display: inline-block;
}

ul.sf_admin_actions .abitekst ul li {
  list-style-type: disc;
  display: list-item;
}


ul.sf_admin_actions .abitekst ol li {
  list-style-type: decimal;
  display: list-item;
}

.sf_admin_form_row.labelita > div > div.label {
  display: none;
}

.soiduki_tabeli_rida .menetlus_otsi {
  background-color: transparent !important;
}

.soiduki_tabeli_rida > td {
  height: 30px;
}

.soiduki_tabeli_rida.required > td:first-child:after {
  content: " *";
}

.paise-lahter {
  display: inline-block;
}

.avalehe-plokk table {
  width: 100%;
}

.avalehe-lahter-ylesanded {
  padding-left: 30px;
}

/* Päises olevatele selectidele eriline kujundus */
.opis-select-container {
  position: relative;
}
select.opis-select {
  display: none;
}
.opis-select-selected {
  background-color: transparent;
}
.opis-select-selected:after {
  position: absolute;
  content: url("../images/select_nool_alla.png");
  right: 10px;
  top: 8px;
}
.opis-select-selected.opis-select-arrow-active:after {
  content: url("../images/select_nool_yles.png");
  right: 10px;
  top: 8px;
}
.opis-select-selected {
  border: 1px solid white;
  border-radius: 5px;
  padding: 8px 30px 8px 16px;
  cursor: pointer;
}
.opis-select-items div {
  border-bottom: 1px solid white;
  padding: 8px 16px;
  cursor: pointer;
}
.opis-select-items {
  position: absolute;
  background-color: #0072CE;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99997;
  text-align: left;
}
.opis-select-hide {
  display: none;
}
.opis-select-items div:hover, .opis-same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Soodustuste valiku kujundus */
.sf_admin_form_row.opis-select-container {
  width: 515px !important;
}
.sf_admin_form_row .opis-select-selected {
  border: 1px solid #999999;
  border-radius: 0;
  margin-right: -2px;
}
.sf_admin_form_row .opis-select-selected:after {
  content: url("../images/down-msoffice.gif");
  top: 35px;
}
.sf_admin_form_row .opis-select-items {
  background-color: white;
  border: 1px solid #999999;
  margin-top: -3px;
  margin-left: 2px;
}
/* Peidame valikute hulgast tühja valiku */
.sf_admin_form_row .opis-select-items > div:first-child {
  display: none;
}

.sf_admin_form_field_maksuvabastus label a {
  color: blue;
  text-decoration: underline;
  font-weight: normal;
}

/* jQuery-UI kuupäevavaliku kujundus */
input.dateInput {
  width: 220px;
  height: 30px;
  color: #333333;
  padding-left: 5px;
}
input.dateInput + a {
  margin-left: -27px;
  margin-right: 7px;
}
input.dateInput + a img {
  margin-bottom: -3px;
}
.ui-datepicker {
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  margin-left: 10px;
  margin-top: 20px;
  z-index: 2000;
}
.ui-datepicker .ui-datepicker-header {
  padding: 50px 0 20px 0;
  margin-top: -30px;
  background: url("../images/kalender_paise_taust.png") no-repeat;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}
.ui-datepicker .ui-datepicker-prev span {
  background: url("../images/kalender_nool_vasakule.png") no-repeat;
  margin: 41px 0 0 8px;
}
.ui-datepicker .ui-datepicker-next span {
  background: url("../images/kalender_nool_paremale.png") no-repeat;
  margin: 41px 0 0 -8px;
}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
  background: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
}
.ui-datepicker a.ui-state-default, .ui-datepicker a.ui-state-default:hover {
  background: none;
  border: none;
  text-align: center;
  padding: 6px;
}
.ui-datepicker a.ui-state-active, .ui-datepicker a.ui-state-active:hover {
  background: url("../images/kalender_valitud_taust.png") no-repeat center;
  background-size: contain;
  color: white;
}

/* kuupäevavahemiku filtris väljade joondamine */
#otsing_toggle input[id$="_from"] + a {
  margin-left: -40px;
  margin-right: 20px;
}
#otsing_toggle input[id$="_from"].dateInput {
  margin-right: 13px;
}
#otsing_toggle input[id$="_to"].dateInput {
  margin-left: 13px;
}

/* xdsoft kuupäevavaliku kujundus */
.xdsoft_datetimepicker {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #333333;
  padding: 0;
  background: transparent;
  border: none;
  margin-left: 10px;
  margin-top: 20px;
  z-index: 105000;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  background: white;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  background: url("../images/kalender_paise_taust.png") no-repeat;
  color: white;
  padding-top: 50px;
  padding-bottom: 45px;
  margin-top: -27px;
  margin-bottom: -17px;
}
.xdsoft_datetimepicker .xdsoft_monthselect,
.xdsoft_datetimepicker .xdsoft_yearselect {
  color: #333333;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  color: white;
  background: #333333;
  box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:not(.xdsoft_current):hover {
  color: white;
  background: #999999;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_label {
  background: none;
  float: none;
}
.xdsoft_datetimepicker .xdsoft_label i {
  display: none;
  margin-top: 4px;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_prev:hover {
  background: url("../images/kalender_nool_vasakule.png") no-repeat;
  margin-left: 24px;
  border: none;
}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_next:hover {
  background: url("../images/kalender_nool_paremale.png") no-repeat;
  margin-right: 24px;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-top: 4px;
  width: 9px;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: auto;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: auto;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  background: white;
}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
  border: none;
  text-align: center;
  background: white;
  color: #333333;
  font-size: 16px;
  height: 32px;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover {
  background: url("../images/kalender_valitud_taust.png") no-repeat center !important;
  background-size: contain !important;
  opacity: 0.5;
  color: white;
  box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  background: url("../images/kalender_valitud_taust.png") no-repeat center;
  background-size: contain;
  color: white;
  box-shadow: none;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today:not(.xdsoft_current) {
  font-weight: bold;
  color: #333333;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 80px;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
  margin-top: 0;
  margin-bottom: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 265px;
  border: none;
  border-left: 1px solid #999999;
  /*margin-top: 10px;*/
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: white;
  border: none;
  font-size: 18px;
  padding: 18px 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  /*color: white !important;
  background: #999999 !important;*/
  color: #333333 !important;;
  background: white !important;;
  box-shadow: none !important;
  padding: 18px 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: white;
  box-shadow: none;
  color: #333333;
  font-weight: bold;
}

/* kuna vaikimisi on menüü ja tööriistariba nähtavad, siis ei näita nuppu nende sisse/välja lülitamiseks */
.menyy-lyliti {
  display: none;
  margin: 0.5em;
  cursor: pointer;
}

.profiili-lyliti {
  display: none;
  margin: 8px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.profiili-lyliti img {
  width: 32px;
}

#profiil {
  display: none;
  float: right;
  text-align: center;
  background-color: lightgrey;
  position: absolute;
  top: 49px;
  right: 8px;
  z-index: 1;
}

#profiil .paise-lahter {
  width: 100%;
}

#profiil button {
  display: block;
  width: 100%;
  min-width: auto;
  margin-top: 0;
  border: 1px solid gainsboro;
}

#profiil select {
  width: 100%;
  min-width: auto;
}

.objekti_vorm_yldosa_plokk {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}

.objekti_vorm_kaardi_plokk {
  display: table-cell;
  width: 50%;
  padding-left: 20px;
  vertical-align: top;
}

/* sisselogimisakna kujundus väiksel ekraanil */
@media screen and (max-width: 960px) {
  .modal-login-table {
    width: auto;
    padding-bottom: 10px;
  }
  .modal-login-header {
    margin-bottom: 10px;
  }
  .modal-login-fields {
    height: auto;
  }
  .modal-login-action {
    height: 50px;
  }
  /* paneme login akna tulbad üks teise alla, kui need kõrvuti ära ei mahu */
  .modal-login-column {
    display: block;
  }
  /* näitame tulpade vahelisi raamjooni horisontaalselt, mitte vertikaalselt */
  .modal-login-borders .modal-login-fields,
  .modal-login-borders .modal-login-action {
    border: none;
  }
  .modal-login-borders .modal-login-fields {
    border-top: 3px solid #3F51B5;
  }
  .modal-login-borders .modal-login-action {
    border-bottom: 3px solid #3F51B5;
  }
  .modal-login-centered .modal-login-label {
    height: 1em;
  }
}

table#sulgemiskohtade_tabel ul.radio_list li {
  display: list-item;
}

table#sulgemiskohtade_tabel td {
  vertical-align: top;
}

/* objekti lisamise vormil ei mahu kaart ja vorm kõrvuti */
@media screen and (max-width: 1700px) {
  .objekti_vorm_yldosa_plokk {
    display: block;
  }

  .objekti_vorm_kaardi_plokk {
    display: block;
    width: 100%;
    padding-left: 0;
  }

  .objektivorm_kaart_container {
    width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  /* kui samal real olevad plokid ei mahu kõrvuti ära, paneme need üksteise alla */
  /*.login-column {
    display: block !important;
  }
  .avalehe-lahter {
    display: block !important;
    padding-left: 0;
  }*/

  /* peidame kasutajakontoga seotud andmed profiili nuppu alla */
  /*.profiili-lyliti {
    display: inline-block;
  }
  .keelte-valik {
    display: none;
  }
  .kontaktandmete-muutmine {
    display: none;
  }
  .valja-logimise-nupp {
    display: none;
  }
  .rollide-valik {
    display: none;
  }*/
  /* et profiili lüliti näha oleks */
  /*.too-liikide-kiirvalik {
    padding-right: 48px;
  }*/
  /*#commonTools #roll {
    margin: 0;
  }*/
  /* et profiil kaardi taha peitu ei jääks */
  /*#profiil {
    z-index: 2000;
  }*/
}

@media screen and (max-width: 1279px) {
  .too-liikide-kiirvalik {
    display: none;
  }
  .menetlus_kahes_tulbas_plokk.maksu_plokk {
    width: 100%;
  }
  .menetlus_kahes_tulbas_plokk > .kiirvalikute_plokk {
    width: 515px;
  }
  #pageContent div.sf_admin_form_field_soiduk input[type="text"] {
    min-width: auto;
    width: 100px;
  }
  #yldandmed_rida_Soiduk .dataTable {
    width: 515px;
  }
}

@media screen and (min-width: 1024px) {
  #sideBar {
    display: block !important;
  }
}

@media screen and (max-width: 1023px) {
  /* peidame vasakmenüü ja näitame sisuosa terve ekraani laiusena */
  body {
    min-width: auto;
  }
  #sideBar {
    display: none;
    position: absolute;
    margin: 0;
    top: 46px; /* sama kõrge kui #pageHeader */
    z-index: 99995; /* et menüü kaardi ega abinuppude taha peitu ei jääks */
    background: white;
    padding-bottom: 0;
  }
  #sideBar .maardu_logo {
    /*display: none;*/
  }
  a.tab {
    padding: 3px;
  }
  #pageContent {
    width: auto;
    margin: 0 10px 71px 10px;
    padding: 4px;
    min-height: auto;
  }
  .menyy-lyliti {
    display: inline;
    float: left;
  }
  ul#main_menu {
    opacity: initial;
  }
  .opis_logo {
    position: absolute;
    margin-top: 8px;
  }
  .opis_logo img {
    height: 32px;
  }
  #pageHeader {
    height: 46px;
    margin-bottom: 20px;
    vertical-align: middle;
  }
  .profiili-plokk {
    margin-top: 0;
  }
  #pageHeader .title {
    display: none;
  }
  #commonTools {
    height: auto;
    z-index: 2000; /* et tööriistariba kaardi taha peitu ei jääks */
  }
  .nupp-avalehele {
    display: none;
  }
  div.label {
    min-width: 130px;
  }
  .profiili-plokk {
    margin: 5px 8px;
  }
  .profiili-plokk.login-link {
    margin-top: 15px;
  }
}

@media screen and (max-width: 639px) {
  /* peidame tööliikide kiirvaliku */
  /*.too-liikide-kiirvalik {
    display: none;
  }*/
  /* võtame maha väljade minimaalse laiuse, et menetluse vorm ära mahuks */
  div.label {
    min-width: auto;
  }
  input[type="text"], input[type="password"], input[type="tel"], textarea, select
  {
    min-width: auto;
  }
  .opis_logo {
    display: none;
  }
  .kaart_filters_cell,
  .kaart_filters_cell_narrow,
  .kaart_filters_cell_wide {
    display: block;
  }
  #siga_choose_signing_method_popup_container {
    display: inline-block;
    text-align: center;
  }
  #siga_choose_signing_method_popup_container > div {
    display: inline-block;
  }
  #siga_choose_signing_method_popup_container div.login-column + div:not(.login-column) {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  /* teeme päiseriba kõrgemaks, et keelevalik ja rollivalik üksteise alla mahuks */
  #pageHeader {
    height: 93px;
  }
  /* teeme vasakmenüü kogu ekraani laiuseks */
  #sideBar {
    width: 100%;
    top: 93px; /* sama kõrge kui #pageHeader */
  }
  .loendinupud {
    margin-left: 90%;
  }
  .rollide-valik {
    min-width: 70%;
  }
}

@media screen and (max-width: 359px) {
  /* kui kaardi nupud ei mahu kõrvuti ära, paneme need üksteise alla */
  #pageContent .olControlPanel button {
    float: none;
    margin-bottom: 10px;
    width: 90%;
  }
  #pageContent div.olControlZoom a {
    display: block;
    margin-bottom: 10px;
  }
}

#menetlus_eritingimus_id {
  width: 300px;
  overflow-x: hidden;
}
