html,
body,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
em,
font,
img,
ins,
strong,
sub,
sup,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0 none;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-family: var(--arno-font-family);
  font-weight: 400;
}

body {
  height: 100%;
}

b,
strong {
  font-weight: 500 !important;
}
a:link, a:hover, a:active, a:visited, .link  {
	color:var(--arno-link-color);
	font-size:1em;
	text-decoration: none;
	font-style: normal;
	visibility: inherit;
	font-weight: 400;}
	
a:hover, .link:hover {
	text-decoration: none;} 
	
.link {
	cursor: pointer;
}

.link.pank {
  border: solid 1px #e2dedf;
  padding: 10px 13px;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #fff;
  margin-top: 20px;
  box-shadow: 0px 1px 1px 0px rgb(239 241 244 / 100%);
  max-height: 40px;
}

.link.pank:hover {
  border: solid 1px #8c8c8c;
}

img{
  border:none;
}

#layout-center{
	width: calc(100% - 250px);
  transition: all 0.3s;
  position: relative;
  right: 0;
  background-color: var(--arno-body-bg-color);
  top: 0;
}

#layout-center.active {
  width: calc(100% - 50px);
}

#layout-center .container {
  max-width: 96%;
  padding: 0 2%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  background-color: none;
}

.tagasitee a {
  color: var(--arno-body-text-color);
  text-decoration-line: underline;
}

.white-box {
  box-shadow: none;
  background-color: transparent;
  border-radius: 0px;
  min-height: 187px;
  border: 0px;
  padding: 20px 0px;
}

.o-a {
  margin-bottom: 0px;
  position: relative;
  z-index: 90;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: 0px !important;
  padding-top: 0px !important;
  border-bottom: 0px !important
}

.tab,
.tab:hover,
.tabaktiivne {
  float: left;
  padding: var(--arno-tab-padding);
  border-radius:var(--arno-tab-border-radius);
  color: var(--arno-body-text-color);
  background-color: var(--arno-tab-bg-color)!important;
  cursor: pointer;
  margin-right: var(--arno-tab-margin);
  border: 0px !important;
  font-size: 1rem;
  box-shadow: var(--arno-tab-box-shadow);
  border-bottom-left-radius: var(--arno-tab-bottom-radius) !important;
  border-bottom-right-radius: var(--arno-tab-bottom-radius) !important;
}

.tabaktiivne {
  border-bottom: var(--arno-tab-active)!important;
  background-color: var(--arno-tab-bg-active)!important;
  color: var(--arno-tab-active-color);
  box-shadow: var(--arno-tab-box-shadow) !important;
}

.tab:hover {
  border-bottom:var(--arno-tab-hover)!important;
  background-color: transparent;
  color: var(--arno-body-text-color);
  box-shadow: var(--arno-tab-box-shadow) !important;
}



table.muude_ymbris {
  background-color: transparent !important;
  border: 0px;
  border-radius: 0px;
  border-collapse: separate;
  padding: 0px;
  margin: 0px;
  box-shadow: none;
  width: 100% !important;
}

table {
  width: 100% !important;

}

table.muude {
  BACKGROUND-COLOR: transparent;

}

.tagasitee {
  padding: 0px 0px 20px;
  line-height: 1.2;
}

.card .taotlus-pais table.muude_ymbris td {
  vertical-align: top;
  padding-left: 15px;
}

.card .taotlus-pais table.muude_ymbris td:first-child {
  padding-left: 0px !important;
}

.card .taotlus-pais table.muude_ymbris td .arno-form-row {
  min-height: 30px;
}

table.dataTable>thead>tr>th {
  border-bottom: 0px;
  text-align: left;
  font-size: 0.95em !important;
  white-space: nowrap;
}

th[aria-label="Jrk"] {
  text-align: left !important;
  width: auto;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: left;
}

table.dataTable td:first-child {
  text-align: left;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
  outline: 0px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
  background-color: #DCDFE0 !important;
}

table.raamiga th {
  FONT-WEIGHT: 600 !important;
  font-size: 0.95em;
  padding: 8px 8px 6px 8px !important;
  text-align: left;
  COLOR: #000 !important;
  border-bottom: 1px solid #dcdfe0 !important;
  border-right: 0px;
  background-color: #f1f2f3 !important;
  border-top: 0px;

}

table.raamiga {
  border: 0px;
  border-collapse: collapse;
  width: 100%;
}

table.raamiga td {
  padding: var(--arno-table-padding)!important;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #dcdfe0;
  border-right: 0px;
  background-color: #FFFFFF;
}

table.raamiga tr:hover td {
  background-attachment: scroll;
  background-color: #f1f2f3;
  background-image: none;
  background-repeat: repeat;
  background-position: 0 0;
}

.arno-tabel-veerg-reavahetustega {
  white-space: break-spaces;
}

.dt-column-title {
  line-height: 2em;
  font-weight: 500 !important;


}

table.raamiga tr:hover td.dt-empty {
  background-color: #FFF;

}

div.dt-buttons>.dt-button,
div.dt-buttons>div.dt-button-split .dt-button {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  padding: var(--arno-dt-button-padding)!important;
  border: 1px solid var(--arno-body-text-color) !important;
  border-radius: 4px !important;
  cursor: pointer;
  font-size: .9em;
  line-height: 1.4em;
  color: var(--arno-body-text-color) !important;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1) !important;
  background: none !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  text-decoration: none;
  outline: none !important;
  text-overflow: ellipsis;
  font-weight: 700 !important;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  width: 200px;
  margin-top: 3px;
  margin-bottom: 3px;
  /*padding: 0;*/
  background: white !important;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #e3e3e3 !important;
  left: auto !important;
  right: 0 !important;
}

div.dt-button-collection .dt-button {
  background: #fff !important;
  color: var(--arno-body-text-color) !important;
  border-radius: 0px !important;
  border: 0px !important;
  padding: 5px 15px 7px !important;
}

div.dt-button-collection .dt-button:hover {
  background-color: #f8f9fa !important;
  color: var(--arno-hover-color)!important;
}

.dt-button.buttons-columnVisibility.dt-button-active {
  color: var(--arno-link-color) !important;
}

.dt-button.buttons-columnVisibility.dt-button-active span {
  padding-right: 10px !important;
  white-space: wrap;
}

.dt-empty img {
  cursor: default;
}

div.dt-buttons .dt-button {
  white-space: wrap;
}

div.dt-button-background {
  background: none !important;

}

table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-orderable-asc.dt-orderable-desc span.dt-column-order:after {
  display: none !important;
  visibility: hidden;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after {
  display: none !important;
  visibility: hidden;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
  display: none !important;
  visibility: hidden;
}

.dt-orderable-none .dt-column-order {
  display: none;
  visibility: hidden;
}

.dt-column-order {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.47178 5.52837L4.66704 1.72363L0.862305 5.52837L1.80511 6.47118L4.00038 4.27592V13.3331H5.33371V4.27592L7.52897 6.47118L8.47178 5.52837ZM15.1384 10.4712L11.3337 14.2759L7.52897 10.4712L8.47178 9.52837L10.667 11.7236V2.66645H12.0004V11.7236L14.1956 9.52837L15.1384 10.4712Z' fill='%23777A7E'/%3E%3C/svg%3E");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  position: initial !important;
  margin-left: 10px;
}

table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.66704 2.3335V11.3907L12.1956 7.86209L13.1384 8.8049L8.00038 13.943L2.8623 8.8049L3.80511 7.86209L7.33371 11.3907V2.3335H8.66704Z' fill='%23131416'%3E%3C/path%3E%3C/svg%3E") !important;
  transform: rotate(180deg);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  position: initial !important;
  margin-left: .5rem;
  transition: transform .3s !important;

}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.66704 2.3335V11.3907L12.1956 7.86209L13.1384 8.8049L8.00038 13.943L2.8623 8.8049L3.80511 7.86209L7.33371 11.3907V2.3335H8.66704Z' fill='%23131416'%3E%3C/path%3E%3C/svg%3E") !important;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  position: initial !important;
  margin-left: .5rem;
  transition: transform .3s !important;
}

table.muude_ymbris td {
  padding: 0px 5px 10px 5px;
}

a.help-link i {
  font-size: 20px;

}

.arno-nowrap {
  white-space: nowrap;
  display: block;
}

/* Kerimisriba üldine stiil */
body {
  scrollbar-width: thin;

}

::-webkit-scrollbar {
  width: 6px;
  /* Vertikaalne scrollbar */
  height: 4px;
  /* Horisontaalne scrollbar */
}

/* Kerimisriba taust (soone osa) */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* Kerimisriba liigutatav osa */
::-webkit-scrollbar-thumb {
  background: #858585;
  border-radius: 10px;
}

/* Kui hiirega üle kerimisriba liikuda */
::-webkit-scrollbar-thumb:hover {
  background: #858585;
  width: 4px;
  height: 4px;
}

textarea.editor {
  max-width: 100% !important;
}

.tabel_nupud {
  text-align: right;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
    display: block;
    text-align: right !important;
  }
}

@media (max-width: 767.98px) {
  .layout-center {
    width: 100% !important;
  }

  .card .taotlus-pais .arno-label {
    width: 250px;
    display: inline;
  }

  .card .taotlus-pais table.muude_ymbris td {
    vertical-align: top;
    padding-left: 0px;
    display: block;
    border: 0px !important;
  }

  .card .taotlus-pais table.muude_ymbris td table td {
    display: inline;
  }

  .card .taotlus-pais table.muude_ymbris td .arno-form-row {
    display: flex;

  }

  .card .taotlus-pais table.muude_ymbris td:first-child {
    padding-left: 0px !important;
  }

  .card .taotlus-pais .arno-h2 {
    margin-bottom: 5px;
    margin-top: 20px;
  }

  .card .taotlus-pais table.muude_ymbris td:first-child .arno-h2 {
    margin-top: 5px;
  }
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: right !important;
  }
}

.white-box {
  box-shadow: none;
  background-color: #FFFFFF;
  border-radius: 0px;
  min-height: 187px;
  border: 0px;
  padding: 10px;
}

#layout-center .container {
  max-width: 96%;
  padding: 0 2%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  background-color: transparent;

}

.content-container {
  padding: 20px 0px;
}

.o-a {
  position: relative;
  z-index: 90;


}

.err_small {
  color: #cc1925;
}

table {
  width: 100% !important;
  margin-bottom: 10px;

}

.avaleht-kast {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border: 0px !important;
  padding: 0px 10px 10px 10px;
  margin: 10px 20px 10px 0px;

}

.avaleht-kast table.muude_ymbris {
  box-shadow: none !important;
}

.arno-nupud-rida .button,
table.lapsed .button,
table.lapsed .button:hover,
table.lapsed .button:focus,
.tabel_nupud .button,
.secondary,
.secondary:hover,
.secondary:active,
.secondary:focus {
  border-radius:  var(--arno-btn-border-radius)!important;
  padding: var(--arno-btn-padding)!important;
  background: transparent !important;
  border: .125rem solid var(--arno-btn-secondary-border-color) !important;
  text-shadow: none !important;
  line-height: 1.25 !important;
  color: var(--arno-btn-secondary-text-color)!important;
  font-weight: var(--arno-btn-secondary-font-weight)!important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  box-shadow: none !important;
  font-family: var(--arno-font-family);

}

.nupp-id-login,
.nupp-mid-login,
.nupp-smartid,
.nupp-id-login:hover,
.nupp-mid-login:hover,
.nupp-smartid:hover,
.nupp-id-login:active,
.nupp-mid-login:active,
.nupp-smartid:active,
.nupp-id-login:focus,
.nupp-mid-login:focus,
.nupp-smartid:focus {
  width: auto !important;
  height: auto !important;
}

.arno-nupud-rida .button:hover,
table.lapsed .button:hover,
.tabel_nupud .button:hover,
.secondary:hover {
  background: var(--arno-btn-secondary-hover-color) !important;
  border: 2px solid var(--arno-btn-secondary-border-hover-color) !important;
  color: var(--arno-btn-secondary-hover-text-color) !important;
 
}

.arno-nupud-rida .button:active,
table.lapsed .button:active,
.tabel_nupud .button:active,
.secondary:active {
  color:  var(--arno-btn-secondary-active-text-color) !important;
  background: var(--arno-btn-secondary-active-color) !important;
  border: 2px solid var(--arno-btn-secondary-active-text-color) !important;
 
}

.arno-nupud-rida .button:focus,
table.lapsed .button:focus,
.tabel_nupud .button:focus,
.secondary:focus {
  background: var(--arno-btn-secondary-focus-color)!important;
  border: 2px solid var(--arno-btn-secondary-border-focus-color) !important;
  box-shadow: 0px 0px 0px 2px var(--arno-btn-box-shadow) inset !important;
  color: var(--arno-btn-secondary-focus-text-color) !important;

}

body .nupp-id-login,
body .nupp-mid-login,
body .nupp-smartid,
body .nupp-id-login:hover,
body .nupp-mid-login:hover,
body .nupp-smartid:hover,
body .nupp-id-login:active,
body .nupp-mid-login:active,
body .nupp-smartid:active,
body .nupp-id-login:focus,
body .nupp-mid-login:focus,
body .nupp-smartid:focus {
  background: none !important;
  width: auto !important;
  height: 40px !important;
  color: var(--arno-body-text-color) !important;
  border-radius: .25rem !important;
  background: transparent !important;
  border: .125rem solid var(--arno-body-text-color) !important;
  text-shadow: none !important;
  line-height: 1.25 !important;
  padding-top: .6rem !important;
  padding-bottom: .4rem !important;
  padding-left: 1rem !important;
  padding-right: 1.1rem !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  box-shadow: none !important;
  font-family: var(--arno-font-family) !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;


}

body .nupp-id-login:hover,
body .nupp-mid-login:hover,
body .nupp-smartid:hover {
  background: #404245 !important;
  color: #fff !important;
  border: .125rem solid #404245 !important;
}

body .nupp-id-login:active,
body .nupp-mid-login:active,
body .nupp-smartid:active {
  background: #585c5f !important;
  color: #fff !important;
  border: .125rem solid #585c5f !important;
}

body .nupp-id-login:focus,
body .nupp-mid-login:focus,
body .nupp-smartid:focus {
  background: var(--arno-focus-color) !important;
  border: .125rem solid var(--arno-focus-color) !important;
  box-shadow: 0px 0px 0px 2px var(--arno-body-text-color) inset !important;
  color: var(--arno-body-text-color) !important;
}

.nupp-id-login:before,
.nupp-mid-login:before,
.nupp-smartid:before {
  content: url('id-kaart.svg');
  width: 24px !important;
  display: inline-block;
  margin-right: 8px;
}

.nupp-id-login:hover:before,
.nupp-smartid:hover:before,
.nupp-mid-login:hover:before,
.nupp-id-login:active:before,
.nupp-smartid:active:before,
.nupp-mid-login:active:before {
  filter: invert(100%) !important;

}

.nupp-id-login:focus:before,
.nupp-smartid:focus:before,
.nupp-mid-login:focus:before {
  filter: invert(0%) !important;

}

.nupp-mid-login:before {
  content: url('mobiil-id.svg');
  width: 12px !important;
}

.nupp-smartid:before {
  content: url('smart-id.svg');
  width: 20px !important;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.primary,
.primary:hover,
.primary:active,
.primary:focus,
input[type="button"].muuda:hover,
input[type="button"].lisa:hover,
input[type="button"].salvesta:hover,
.swal2-cancel,
.swal2-confirm,
.swal2-cancel:hover,
.swal2-deny,
.swal2-deny:hover,
.swal2-confirm:hover,
input[type="button"].kustuta:hover,
.tabel_pealkiri input[type="button"],
.tabel_pealkiri .button,
input[type="button"].taotlus,
input[type="button"].taotlus:hover,
input[type="button"].taotlus:active,
input[type="button"].taotlus:focus,
.avaleht_nupud .lasteaiad_avaleht_nupp,
.avaleht_nupud .lasteaiad_avaleht_nupp:hover,
.avaleht_nupud .koolid_avaleht_nupp,
.avaleht_nupud .koolid_avaleht_nupp:hover,
.avaleht_nupud .lasteaiad_avaleht_nupp:active,
.avaleht_nupud .koolid_avaleht_nupp:active,
.avaleht_nupud .lasteaiad_avaleht_nupp:focus,
.avaleht_nupud .koolid_avaleht_nupp:focus,
.avaleht_nupud .lasteaiad_avaleht_nupp, 
.avaleht_nupud .lasteaiad_avaleht_nupp:hover, 
.avaleht_nupud .koolid_avaleht_nupp, 
.avaleht_nupud .koolid_avaleht_nupp:hover{
  border-radius:  var(--arno-btn-border-radius)!important;
  padding: var(--arno-btn-padding)!important;
  background: var(--arno-btn-color) !important;
  border: 2px solid var(--arno-btn-border-color) !important;
  text-shadow: none !important;
  line-height: 1.25 !important;
  color: #fff !important;
  font-weight: var(--arno-btn-secondary-font-weight);
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  box-shadow: none !important;
  font-family: var(--arno-font-family) !important;
  font-size: 0.9em;
  cursor: pointer;
}
.avaleht_nupud .lasteaiad_avaleht_nupp, .avaleht_nupud .lasteaiad_avaleht_nupp:hover, .avaleht_nupud .koolid_avaleht_nupp, .avaleht_nupud .koolid_avaleht_nupp:hover{
	width:auto;
}

.admin,
.admin:hover,
table.raamiga .button.admin,
table.raamiga .button.admin:hover,
.button.admin,
.button.admin:hover {
  background-color: #DD7603 !important;
  border: 2px solid #DD7603 !important;
  color: #fff !important;
  ;
}
.admin:hover, table.raamiga .button.admin:hover{
	opacity:.9;
}
.ui-widget button, .ui-widget input[type="button"] {
 font-family: var(--arno-font-family)!important;
}

.ui-dialog .ui-dialog-title {
  font-weight: 500;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.primary:hover,
input[type="button"].muuda:hover,
input[type="button"].lisa:hover,
input[type="button"].salvesta:hover,
.swal2-cancel:hover,
.swal2-deny:hover,
.swal2-confirm:hover,
input[type="button"].kustuta:hover,
.tabel_pealkiri input[type="button"]:hover,
.tabel_pealkiri .button:hover,
input[type="button"].taotlus:hover,
.avaleht_nupud .lasteaiad_avaleht_nupp:hover,
.avaleht_nupud .koolid_avaleht_nupp:hover {
  background: var(--arno-btn-hover-color) !important;
  border: 2px solid var(--arno-btn-border-hover-color) !important;


}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.primary:active,
input[type="button"].muuda:active,
input[type="button"].lisa:active,
input[type="button"].salvesta:active,
.swal2-cancel:active,
.swal2-deny:active,
.swal2-confirm:active,
.tabel_pealkiri input[type="button"]:active,
.tabel_pealkiri .button:active,
input[type="button"].taotlus:active,
.avaleht_nupud .lasteaiad_avaleht_nupp:active,
.avaleht_nupud .koolid_avaleht_nupp:active {
  background: var(--arno-btn-active-color) !important;
  border: 2px solid var(--arno-btn-border-active-color) !important;


}

.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.primary:focus,
input[type="button"].muuda:focus,
input[type="button"].lisa:focus,
input[type="button"].salvesta:focus,
.swal2-cancel:focus,
.swal2-deny:focus,
.swal2-confirm:focus,
.tabel_pealkiri input[type="button"]:focus,
.tabel_pealkiri .button:focus,
input[type="button"].taotlus:focus,
.avaleht_nupud .lasteaiad_avaleht_nupp:focus,
.avaleht_nupud .koolid_avaleht_nupp:focus {
  background: var(--arno-btn-focus-color)!important;
  border: 2px solid var(--arno-btn-border-focus-color) !important;
  box-shadow: 0px 0px 0px 2px var(--arno-btn-box-shadow) inset !important;
  color: var(--arno-btn-focus-text-color) !important;


}

/*muuda nupu ikoon*/
.btn-edit:before,
.btn-eat:before,
.btn-taotlus:before,
.btn-opilased:before,
.btn-juhendajad:before,
.btn-peida:before,
.btn-peata:before,
.btn-list:before,
.btn-seaded:before,
.btn-maja:before,
.btn-yritus:before,
.btn-inimesed:before,
.btn-inimene:before,
.btn-kustuta:before,
.btn-silm:before,
.btn-silm-maha:before {
  color: var(--arno-link-color);
  white-space: nowrap !important;

}

.btn-edit:hover:before,
.btn-eat:hover:before,
.btn-taotlus:hover:before,
.btn-opilased:hover:before,
.btn-juhendajad:hover:before,
.btn-peida:hover:before,
.btn-peata:hover:before,
.btn-list:hover:before,
.btn-seaded:hover:before,
.btn-maja:hover:before,
.btn-yritus:hover:before,
.btn-inimesed:hover:before,
.btn-inimene:hover:before,
.btn-kustuta:hover:before,
.btn-silm:hover:before,
.btn-silm-maha:hover:before,
.btn-edit:active:before,
.btn-eat:active:before,
.btn-taotlus:active:before,
.btn-opilased:active:before,
.btn-juhendajad:active:before,
.btn-peida:active:before,
.btn-peata:active:before,
.btn-list:active:before,
.btn-seaded:active:before,
.btn-maja:active:before,
.btn-yritus:active:before,
.btn-inimesed:active:before,
.btn-inimene:active:before,
.btn-kustuta:active:before,
.btn-silm:active:before,
.btn-silm-maha:active:before {
  color: #fff !important;
}

.btn-edit:focus:before,
.btn-eat:focus:before,
.btn-taotlus:focus:before,
.btn-opilased:focus:before,
.btn-juhendajad:focus:before,
.btn-peida:focus:before,
.btn-peata:focus:before,
.btn-list:focus:before,
.btn-seaded:focus:before,
.btn-maja:focus:before,
.btn-yritus:focus:before,
.btn-inimesed:focus:before,
.btn-inimene:focus:before,
.btn-kustuta:focus:before,
.btn-silm:focus:before,
.btn-silm-maha:focus:before {
  color: var(--arno-body-text-color) !important;
}


/*reanuppude kujundus*/
.reanupud {
  text-align: right !important;
  position: relative;
  white-space: nowrap;
}

.reanupud .button,
.reanupud .button:hover,
.reanupud button,
.reanupud button:hover,
.reanupud .button:focus,
.reanupud input[type="button"],
.reanupud input[type="button"]:hover,
.reanupud input[type="button"]:focus,
table.raamiga input[type="button"],
table.raamiga input[type="button"]:hover,
table.raamiga input[type="button"]:active,
table.raamiga input[type="button"]:focus,
table.raamiga button[type="button"],
table.raamiga button[type="button"]:hover,
table.raamiga button[type="button"]:active,
table.raamiga button[type="button"]:focus,
.reanupud-wrapped .button,
.reanupud-wrapped .button:hover,
.reanupud-wrapped .button:active,
.reanupud-wrapped .button:focus {
  border: 0px !important;
  color: var(--arno-link-color) !important;
  font-weight: 400 !important;
  background-color: transparent !important;
  margin: 0px 3px !important;
  padding: 0px 2px !important;
  border-radius: 0px !important;
  font-family: var(--arno-font-family);
  font-size: 0.95em !important;
  text-decoration-line: underline;
  text-decoration-thickness: .0625rem;
  text-underline-offset: .25rem;

}

.reanupud .button:hover,
.reanupud button:hover,
.reanupud input[type="button"]:hover,
table.raamiga input[type="button"]:hover,
table.raamiga button[type="button"]:hover,
.reanupud-wrapped .button:hover {
  color: var(--arno-hover-color) !important;
  text-decoration-thickness: .125rem;

}

.reanupud .button:active,
.reanupud button:active,
.reanupud input[type="button"]:active,
table.raamiga input[type="button"]:active,
table.raamiga button[type="button"]:active,
.reanupud-wrapped .button:active {
  border: 0px !important;
  color: var(--arno-active-color) !important;
  text-decoration-thickness: .125rem;
}

.reanupud .button:focus,
.reanupud button:focus,
.reanupud input[type="button"]:focus,
table.raamiga input[type="button"]:focus,
table.raamiga button[type="button"]:focus,
.reanupud-wrapped .button:focus {
  border: 0px !important;
  color: var(--arno-body-text-color) !important;
  background-color: var(--arno-focus-color) !important;
  box-shadow: 0 -3px var(--arno-focus-color), 0 3px var(--arno-body-text-color) !important;
  text-decoration: none;

}

.reanupud .button.btn-edit,
.reanupud .button.btn-edit:hover,
.reanupud .button.btn-edit:active,
.reanupud .button.btn-edit:focus,
.reanupud .button.btn-delete,
.reanupud .button.btn-delete:hover,
.reanupud .button.btn-delete:active,
.reanupud .button.btn-delete:focus,
.reanupud .button.btn-view,
.reanupud .button.btn-view:hover,
.reanupud .button.btn-view:active,
.reanupud .button.btn-view:focus,
.reanupud .button.admin.btn-edit,
.reanupud .button.admin.btn-edit:hover,
.reanupud .button.admin.btn-edit:active,
.reanupud .button.admin.btn-edit:focus {
  border: solid 2px transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 0px !important;
  border-radius: var(--arno-btn-border-radius) !important;
  height: 2rem !important;
  width: 2rem !important;


}

.reanupud .button.btn-edit:hover,
.reanupud .button.btn-delete:hover,
.reanupud .button.btn-view:hover,
.reanupud .button.admin.btn-edit:hover {
  background: #ddddde !important;

}

.reanupud .button.btn-edit:active,
.reanupud .button.btn-delete:active,
.reanupud .button.btn-view:active,
.reanupud .button.admin.btn-edit:active {
  background: #d4d4d5 !important;

}

.reanupud .button.btn-edit:focus,
.reanupud .button.btn-delete:focus,
.reanupud .button.btn-view:focus,
.reanupud .button.admin.btn-edit:focus {
  background: var(--arno-focus-color) !important;
  border: 2px solid var(--arno-focus-color) !important;
  box-shadow: 0px 0px 0px 2px var(--arno-btn-box-shadow) inset !important;
  color: var(--arno-body-text-color) !important;

}

.reanupud .btn-edit:before,
.reanupud .admin.btn-edit:before,
.reanupud .btn-delete:before,
.reanupud .btn-view:before {
  margin: 0px !important;
  color: var(--arno-body-text-color) !important;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4142 6.99991L17 2.58569L4.09706 15.4887L3.02988 19.7574C2.94468 20.0981 3.04453 20.4586 3.29291 20.707C3.54129 20.9554 3.90178 21.0552 4.24256 20.97L8.51127 19.9029L21.4142 6.99991ZM5.37439 18.6255L5.90299 16.5112L17 5.41412L18.5858 6.99991L7.48877 18.0969L5.37439 18.6255ZM12 20.9999H20V18.9999H12V20.9999Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E%0A") !important;
  justify-content: center;
  align-items: center;

}

.arno-superadmin {
  filter: var(--arno-superadmin-filter);
}

.reanupud .admin.btn-edit:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='%23DD7603'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.4142 6.99991L17 2.58569L4.09706 15.4887L3.02988 19.7574C2.94468 20.0981 3.04453 20.4586 3.29291 20.707C3.54129 20.9554 3.90178 21.0552 4.24256 20.97L8.51127 19.9029L21.4142 6.99991ZM5.37439 18.6255L5.90299 16.5112L17 5.41412L18.5858 6.99991L7.48877 18.0969L5.37439 18.6255ZM12 20.9999H20V18.9999H12V20.9999Z' fill='%23DD7603'%3E%3C/path%3E%3C/svg%3E%0A") !important;
}

.reanupud .btn-delete:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3C8.89543 3 8 3.89543 8 5V6H4V8H5.03774L5.42678 18.1153C5.48873 19.7261 6.81256 21 8.42456 21H15.5754C17.1874 21 18.5113 19.7261 18.5732 18.1153L18.9623 8H20V6H16V5C16 3.89543 15.1046 3 14 3H10ZM14 6V5H10V6H14ZM7.4253 18.0384L7.03922 8H16.9608L16.5747 18.0384C16.5541 18.5754 16.1128 19 15.5754 19H8.42456C7.88723 19 7.44595 18.5754 7.4253 18.0384ZM9 17V9.99997H11V17H9ZM13 10L13 17H15L15 10H13Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") !important;
}

.reanupud .btn-view:before {
  content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='show'%3E%3Cpath id='symbol' fill-rule='evenodd' clip-rule='evenodd' d='M22.2099 11.2098C22.268 11.3132 22.3125 11.3958 22.3433 11.4541C22.3465 11.46 22.618 12 22.618 12C22.5913 12.0534 22.5648 12.107 22.5383 12.1606C22.4744 12.2896 22.4106 12.4187 22.3433 12.5459C22.3125 12.6042 22.268 12.6868 22.2099 12.7902C22.0939 12.9969 21.9235 13.2877 21.7005 13.6345C21.2559 14.3263 20.5955 15.2514 19.7328 16.1805C18.0279 18.0165 15.4058 20 12 20C8.59419 20 5.97214 18.0165 4.2672 16.1805C3.40449 15.2514 2.74414 14.3263 2.29944 13.6345C2.07646 13.2877 1.90606 12.9969 1.79005 12.7902C1.73201 12.6868 1.68747 12.6042 1.65667 12.5459C1.58942 12.4187 1.52555 12.2896 1.46171 12.1606C1.4352 12.107 1.4087 12.0534 1.38196 12C1.4087 11.9466 1.43521 11.893 1.46171 11.8394C1.52556 11.7104 1.58942 11.5813 1.65667 11.4541C1.68747 11.3958 1.73201 11.3132 1.79005 11.2098C1.90606 11.0031 2.07646 10.7123 2.29944 10.3655C2.74414 9.67374 3.40449 8.74863 4.2672 7.81955C5.97214 5.98347 8.59419 4 12 4C15.4058 4 18.0279 5.98347 19.7328 7.81955C20.5955 8.74863 21.2558 9.67374 21.7005 10.3655C21.9235 10.7123 22.0939 11.0031 22.2099 11.2098ZM3.9818 12.553C3.84532 12.3407 3.73191 12.1535 3.64224 12C3.73191 11.8465 3.84532 11.6593 3.9818 11.447C4.38085 10.8263 4.97051 10.0014 5.73279 9.18045C7.27786 7.51653 9.40582 6 12 6C14.5942 6 16.7221 7.51653 18.2672 9.18045C19.0295 10.0014 19.6191 10.8263 20.0182 11.447C20.1547 11.6593 20.2681 11.8465 20.3577 12C20.2681 12.1535 20.1547 12.3407 20.0182 12.553C19.6191 13.1737 19.0295 13.9986 18.2672 14.8195C16.7221 16.4835 14.5942 18 12 18C9.40582 18 7.27786 16.4835 5.73279 14.8195C4.97051 13.9986 4.38085 13.1737 3.9818 12.553ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12ZM12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8Z' fill='%23131416'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.reanupud .btn-edit svg,
.reanupud .btn-delete svg {
  width: 1.25rem;
  height: 1.25rem;
}

.reanupud .btn-eat:before,
.reanupud .btn-taotlus:before,
.reanupud .btn-opilased:before,
.reanupud .btn-juhendajad:before,
.reanupud .btn-peida:before,
.reanupud .btn-peata:before,
.reanupud .btn-list:before,
.reanupud .btn-seaded:before,
.reanupud .btn-maja:before,
.reanupud .btn-yritus:before,
.reanupud .btn-inimesed:before,
.reanupud .btn-inimene:before,
.reanupud .btn-silm:before,
.reanupud .btn-silm-maha:before {
  color: var(--arno-link-color);
  white-space: nowrap !important;

}

.reanupud .btn-eat:hover:before,
.reanupud .btn-taotlus:hover:before,
.reanupud .btn-opilased:hover:before,
.reanupud .btn-juhendajad:hover:before,
.reanupud .btn-peida:hover:before,
.reanupud .btn-peata:hover:before,
.reanupud .btn-list:hover:before,
.reanupud .btn-seaded:hover:before,
.reanupud .btn-maja:hover:before,
.reanupud .btn-yritus:hover:before,
.reanupud .btn-inimesed:hover:before,
.reanupud .btn-inimene:hover:before,
.reanupud .btn-silm:hover:before,
.reanupud .btn-silm-maha:hover:before {
  color: var(--arno-hover-color)!important
}

.reanupud .btn-eat:active:before,
.reanupud .btn-taotlus:active:before,
.reanupud .btn-opilased:active:before,
.reanupud .btn-juhendajad:active:before,
.reanupud .btn-peida:active:before,
.reanupud .btn-peata:active:before,
.reanupud .btn-list:active:before,
.reanupud .btn-seaded:active:before,
.reanupud .btn-maja:active:before,
.reanupud .btn-yritus:active:before,
.reanupud .btn-inimesed:active:before,
.reanupud .btn-inimene:active:before,
.reanupud .btn-silm:active:before,
.reanupud .btn-silm-maha:active:before {
  color: var(--arno-active-color) !important
}

.reanupud .btn-eat:focus:before,
.reanupud .btn-taotlus:focus:before,
.reanupud .btn-opilased:focus:before,
.reanupud .btn-juhendajad:focus:before,
.reanupud .btn-peida:focus:before,
.reanupud .btn-peata:focus:before,
.reanupud .btn-list:focus:before,
.reanupud .btn-seaded:focus:before,
.reanupud .btn-maja:focus:before,
.reanupud .btn-yritus:focus:before,
.reanupud .btn-inimesed:focus:before,
.reanupud .btn-inimene:focus:before,
.reanupud .btn-silm:focus:before,
.reanupud .btn-silm-maha:focus:before {
  color: var(--arno-body-text-color) !important;
  text-decoration: none;
  border: none !important;

}

.reanupud .btn-eat:focus,
.reanupud .btn-taotlus:focus,
.reanupud .btn-opilased:focus,
.reanupud .btn-juhendajad:focus,
.reanupud .btn-peida:focus,
.reanupud .btn-peata:focus,
.reanupud .btn-list:focus,
.reanupud .btn-seaded:focus,
.reanupud .btn-maja:focus,
.reanupud .btn-yritus:focus,
.reanupud .btn-inimesed:focus:before,
.reanupud .btn-inimene:focus:before,
.reanupud .btn-silm:focus,
.reanupud .btn-silm-maha:focus {
  border: 0px !important;
  color: var(--arno-body-text-color) !important;
  background-color: var(--arno-focus-color) !important;
  box-shadow: 0 -3px var(--arno-focus-color), 0 3px var(--arno-body-text-color) !important;
  text-decoration: none;
}

td.reanupud .btn-eat,
td.reanupud .btn-taotlus,
td.reanupud .btn-opilased,
td.reanupud .btn-juhendajad,
td.reanupud .btn-peida,
td.reanupud .btn-peata,
td.reanupud .btn-list,
td.reanupud .btn-seaded,
td.reanupud .btn-maja,
td.reanupud .btn-yritus,
td.reanupud .btn-silm,
td.reanupud .btn-silm-maha,
td.reanupud .btn-eat:hover,
td.reanupud .btn-taotlus:hover,
td.reanupud .btn-opilased:hover,
td.reanupud .btn-juhendajad:hover,
td.reanupud .btn-peida:hover,
td.reanupud .btn-peata:hover,
td.reanupud .btn-list:hover,
td.reanupud .btn-seaded:hover,
td.reanupud .btn-maja:hover,
td.reanupud .btn-yritus:hover,
td.reanupud .btn-silm:hover,
td.reanupud .btn-silm-maha:hover,
td.reanupud .btn-eat:active,
td.reanupud .btn-taotlus:active,
td.reanupud .btn-opilased:active,
td.reanupud .btn-juhendajad:active,
td.reanupud .btn-peida:active,
td.reanupud .btn-peata:active,
td.reanupud .btn-list:active,
td.reanupud .btn-seaded:active,
td.reanupud .btn-maja:active,
td.reanupud .btn-yritus:active,
td.reanupud .btn-silm:active,
td.reanupud .btn-silm-maha:active,
td.reanupud .btn-eat:focus,
td.reanupud .btn-taotlus:focus,
td.reanupud .btn-opilased:focus,
td.reanupud .btn-juhendajad:focus,
td.reanupud .btn-peida:focus,
td.reanupud .btn-peata:focus,
td.reanupud .btn-list:focus,
td.reanupud .btn-seaded:focus,
td.reanupud .btn-maja:focus,
td.reanupud .btn-yritus:focus,
td.reanupud .btn-silm:focus,
td.reanupud .btn-silm-maha:focus {
  padding: 0px 2px !important;
  margin: 0px 6px !important;
}

/*reanupud lõpp*/
.arno-eksport-nupp {
  width: 30px;
  display: inline-block;
  cursor:pointer;
  margin:0 2px;
}
#f_ryhma_nimekiri table.raamiga button[type="button"] {
  margin-right: 0px;
  white-space: nowrap;
}


/*input[type="button"].lahku, input[type="button"].lahku:hover, input[type="button"].lahku:active, input[type="button"].lahku:focus {
   background-color: #54547E !important;
  border: solid 1px #54547E!important;
  color: #fff !important;
  

}*/
/*avaleht*/
.user-cards {
  clear: both;
  display: grid;
  column-gap: 15px;
  row-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 15px;
  line-height: 1.4;

}

.user-cards .avaleht-kast,
.user-cards .card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border: 0px !important;
  float: none !important;
  width: calc(100% - 0px) !important;
  margin: 0px !important;
  padding: 0px;
  background-color: #fff;
  border-radius: 4px;
}

.card {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border: 0px !important;
  float: none !important;
  width: calc(100% - 0px) !important;
  margin: 10px 0px 15px 0px !important;
  padding: 0px;
  background-color: #fff;
  border-radius: 4px;
  
}

.card-content{
   padding-right: 1.5rem;
   padding-left: 1.5rem;
   padding-top:1.5rem;
   padding-bottom:1.7rem;
}

.card a,
.card a:hover,
.card a:active {
  color: var(--arno-link-color);
  text-decoration-line: underline;
  text-decoration-thickness: .0625rem;
  text-underline-offset: .25rem;
}

.card a:hover {
  color: var(--arno-hover-color);
  text-decoration-thickness: .125rem;

}

.card a:active {
  color: var(--arno-active-color);
  text-decoration-thickness: .125rem;
}

.card a:focus {
  text-decoration: none;
  box-shadow: 0 -3px var(--arno-focus-color), 0 3px var(--arno-body-text-color);
  border: none;
  background-color: var(--arno-focus-color);
  color: var(--arno-body-text-color);
}

#lapse_otsing {
  padding: 8px 5px 9px;
  width: calc(100% - 105px) !important;
}

.tabel_nupud img {
  width: 32px;
  height: 32px;
  padding: 3px;
  margin: 0px 2px;
  vertical-align: middle;
}

.tabel_nupud img:hover {
  cursor: pointer;
  background-color: rgb(42, 44, 45, .1);
  border-radius: 4px;

}

.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-cancel:focus,
.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px VAR(--arno-btn-box-shadow) !important;
}

/*.tabel_nupud {
    display: flex;
    align-items: center;
    justify-content: right;
}*/
.button.btn-seaded {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.button.btn-seaded:before,
.button.btn-seaded:hover:before,
.button.btn-seaded:active:before {
  margin-left: 0px !important;
  margin-right: 0px;
}

.button.btn-seaded:focus:before {
  color: var(--arno-body-text-color) !important;
}

.icons-content {
  display: grid;
  grid-template-columns: 1fr 150px;
}

.user-tables {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.user-tables .card {
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

/*tabelid*/
table.muude th {
  text-align: left;
  FONT-WEIGHT: normal;
  COLOR: #333333;
  BACKGROUND-COLOR: #ffffff;
  padding: 3px;
  border: none;
  vertical-align: top;
  line-height: 25px;
  font-size: 1em;

}

table.raamiga td {
  line-height: 1.4;
}


select,
fieldset,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
  padding: var(--arno-input-padding)!important;
  width: 100% !important;
  border-radius: var(--arno-item-border-radius)!important;
  border: 1px solid var(--arno-filter-item) !important;
  color: var(--arno-body-text-color) !important;
  font-size: 1em !important;
  font-family: var(--arno-font-family) !important;

}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea {
  width: calc(100% - 12px) !important;
  max-width: 400px;
	outline: medium none;
}

input[disabled=""] {
  border: solid 2px #DCDFE0 !important;
  background-color: #F1F2F3;
  color: #777a7e !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*tooltip*/
.tooltip_warning {
  border: 1px solid #F7DEAE;
  background: #FFF8C4;

}

.tooltip_info,
.ui-tooltip {
  border: 0px !important;
  background: var(--arno-body-text-color) !important;
  max-width: 240px !important;
  color: #fff !important;
  padding: .75rem .5rem !important;
  border-radius: .25rem !important;
  box-shadow: 0rem .5rem 1.5rem 0rem rgba(0, 0, 0, .3) !important;
  font-family: var(--arno-font-family) !important;
  font-weight: 400 !important;
  font-size: .875rem !important;
  line-height: 1.1428571429 !important;

}

.tooltip_alert {
  border: 1px solid #E6AEAE !important;
  background: #FCF0EF !important;
  color: var(--arno-body-text-color) !important;
}

.tooltip_info .link,
.ui-tooltip .link, .tooltip_info a {
  color: #fff !important;
  text-decoration: underline !important;
}

.tooltip_info .link:hover,
.ui-tooltip .link:hover, .tooltip_info a:hover  {
  text-decoration: none !important;
}

.tooltip_alert .link {
  color: var(--arno-body-text-color) !important;
}

/*checkbox*/
.checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  margin-top: 3px;


}

.checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 0px;
  height: 0px;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(20px + 2px);
  height: calc(20px + 2px);
  border: 1px solid var(--arno-body-text-color);
  border-radius: 4px;
  background-color: #fff;

}

.checkbox input:checked~.checkmark {
  background-color: #fff;
  border-color: var(--arno-body-text-color);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.fcheckbox input:checked~.checkmark:after {
  display: block;
}


.checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 9px;
  border: solid var(--arno-body-text-color);
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.row.column label.filter-checkbox {
  display: inline !important;
  min-height: 26px;
  align-content: center;
}

.checkbox-text {
  padding-left: 10px;
  font-size: 14px;
}

.checkmark:hover {
  border: 2px solid rgb(var(--arno-main-color));

}

body input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select,
input {
  display: inline;
  padding: 3px;
  border-radius: var(--arno-item-border-radius);
  border: 1px solid var(--arno-input-border-color);
  margin: 4px 0px;
  background-color: var(--arno-item-bg)!important;
}

.card.narrow-size {
  height: 100%;
  max-height: 350px;
  overflow: hidden;
  position: relative;
}

.card.narrow-size:after {
  content: "\f107";
  display: block;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  font-family: "Font Awesome 5 Free" !important;
  height: 20px;
  position: absolute;
  bottom: 15px;
  right: 45%;
  cursor: pointer;
  padding: 7px 8px;
}

.card.narrow-size .card-content:after {

  position: absolute;
  bottom: 0;
  height: 70%;
  width: 100%;
  content: "";
  background: linear-gradient(to top, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 40%);
  pointer-events: none;
}

.card.narrow-size:hover:after {
  background-color: #f4f4f4;
  padding: 7px 8px;
  border-radius: 50%;

}

.card.narrow-size:focus:after {
  content: "\f106";
  background-color: #f4f4f4;
  padding: 7px 8px;
  border-radius: 50%;

}

/*ligipääsetavus*/

#vn_seaded_div label {
  display: flex;
}

/*dialog*/
.ui-dialog .card {
  box-shadow: none !important;
}

.ui-dialog .card .card-content {
  padding: .2rem 0px 0px 0px !important;

}

.ui-dialog-titlebar button,
.ui-dialog-titlebar button:hover,
.ui-dialog-titleba buttonr:active,
.ui-dialog-titlebar button:focus {
  padding: 0px !important;
  box-shadow: none !important;

}

.arno-nupud-rida {
  text-align: right;
  margin-bottom: 5px;
}

.arno-nupud-rida img {
  max-height: 32px;
  vertical-align: middle;
  display: inline-block;
}

.punane {
  color: #CC1925 !important;
}

.cke_source.cke_reset.cke_enable_context_menu.cke_editable.cke_editable_themed.cke_contents_ltr {
  max-width: 100% !important;
}

#document_edit_taotlus table.muude_ymbris td {
  width: 33.3%;
  padding: 0px 20px;
}

#document_edit_taotlus table.muude_ymbris td:first-child {
  padding: 0px 20px 0px 0px;
}

#document_edit_taotlus table.muude_ymbris td:last-child {
  padding: 0px 0px 0px 20px;
}

#tabel_taotlus table.muude_ymbris td {
  font-size: 1em !important;

}

div.dt-container .dt-input,
div.dt-buttons>.dt-button,
div.dt-buttons>div.dt-button-split .dt-button {
  height: 32px;
}

summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0px;
  font-weight: bold;
}

summary::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url('chevron-down.svg') no-repeat;
  background-size: cover;
  transition: 0.2s;
  cursor: pointer;
}

details[open]>summary::after {
  transform: rotate(180deg);
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

summary {
  color: #30353b;
  border-radius: 5px;
}

details[open] summary {
  border-radius: 5px 5px 0 0;
}

details {
  border-radius: 5px;
}

details p {
  font-weight: 400 !important;
}

.staatus {
  display: flex;
  margin-left: 0px;
}

input[type="button"].votauuesti {
	float: right;}

.error, .form_save_error{
	color: red !important;	
	font-size:12pt;
	margin-left: 10px;}

.msg, .form_save_success{
	color: #519A0E !important;
	font-weight: 500;
	margin-left: 10px;}

span.asi_pid {
	font-weight: 500;
}
.ui-dialog .ui-widget-header {
  background-color: #e7ecf7;
  border-bottom: 0px !important;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .6em 1em;
}
.ui-widget-header {
  border: 1px solid #fff;
  border-bottom-width: 1px solidrgb(255, 255, 255);
  background: none;
  background-color: rgba(0, 0, 0, 0);
  color: #000;
  font-weight: 600;
}
.ui-widget-header {
  color: #000;
  font-weight: 600;
}
.ui-dialog-titlebar .ui-button .ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(close-svg.svg) !important;
  background-size: 16px 16px;
  content: "";
}
.ui-dialog-titlebar .ui-icon-closethick {
  background-position: unset;
}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  height: 30px !important;
  width: 30px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  margin: -16px 0 0 0 !important;
}
.ui-dialog-titlebar .ui-button, .ui-dialog-titlebar .ui-button:hover {
  background-color: transparent !important;
  border: 0 !important;
}
.ui-dialog-titlebar .ui-button, .ui-dialog-titlebar .ui-button:hover {
  border: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  margin: -16px 0 0 0 !important;
}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover {
  background-color: #f2f2f2 !important;
  border-radius: 50%;
  height: 30px !important;
  width: 30px !important;
}
/*ui-datepicker*/
#ui-datepicker-div {
    z-index: 99999!important;
}


.ui-datepicker.ui-widget {
  font-size: .9em;
}

.ui-datepicker td span, .ui-datepicker td a {
  padding: .2em;
  text-align: center;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #fff;
  background: none;
  color: #222;
  font-weight: 600;
}

.ui-datepicker th {
  padding: .7em .3em;
  font-weight: 400;
  color: #7b7b7b;
  font-size: .9em;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #a1d4fb;
  background: #f1f9ff;
  background-image:none;
  border-radius:4px;
}

.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content .ui-state-hover {
    background-color:#fff!important;
	border:1px solid #008ffd!important;
	border-radius:4px;
	color: #222!important;
	font-weight:600!important;
}

.ui-widget-header {
  border: 1px solid #fff;
  background: none;
  color: #000;
  font-weight: 600;
}

.ui-state-active, .ui-widget-content .ui-state-active{
 border: 1px solid #008ffd;
 background: #008ffd;
 background-image:none;
 color: #fff;	
 border-radius:4px;
}

.ui-datepicker {
  line-height: 1.6em;
}.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
}

.ui-datepicker-prev:before,
.ui-datepicker-next:before {
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  font-weight: normal;
  align-items: center;
  justify-content: center;
}

.ui-datepicker-prev:before {
  content: "\f053";
}

.ui-datepicker-next:before {
  content: "\f054";
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #fff;
	background: #fff;
	background-image:none;
	font-weight: normal;
	color: #008ffd;
	cursor:pointer;
}

#ui-datepicker-div .ui-state-hover, #ui-datepicker-div .ui-widget-content .ui-state-hover, #ui-datepicker-div .ui-widget-header .ui-state-hover, #ui-datepicker-div .ui-state-focus, #ui-datepicker-div .ui-widget-content .ui-state-focus, #ui-datepicker-div .ui-widget-header .ui-state-focus, #ui-datepicker-div .ui-button:hover, #ui-datepicker-div .ui-button:focus {
    color:#008ffd!important;
    background-color:transparent!important;
	border:solid 1px #fff!important;
}

.ui-datepicker .ui-widget-header {
  border: 1px solid #fff;
  background: none;
  color: #000;
  font-weight: 600;
}
/*ui-datepicker lõpp*/

.ui-dialog .ui-dialog-titlebar {
  padding: .6em 1em;
}

.ui-dialog-titlebar .ui-button .ui-icon {
   width: 16px;
   height: 16px;
   background-image: url(close-svg.svg)!important;
   background-size: 16px 16px;
   content:"";
}

.ui-dialog-titlebar .ui-button, .ui-dialog-titlebar .ui-button:hover{
	background-color:transparent!important;
	border:0!important;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    height:30px!important;
	width:30px!important;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover {
  background-color:#f2f2f2!important;
  border-radius:50%;
  height:30px!important;
  width:30px!important;
}

.ui-dialog-titlebar .ui-icon-closethick {
  background-position: unset;
}

.ui-dialog .ui-dialog-titlebar-close {
   margin: -16px 0 0 0!important;
}

.ui-dialog .ui-widget-header {
  background-color: #e7ecf7;
  border-bottom: 0px !important;
}

.vaade table.muude_ymbris {
	margin: 10px 0px 50px 0px !important;
}

.dialog_tabel_autolaius table.muude_ymbris {
	width: calc(100% - 10px);
}

.dialog_tabel_autolaius table th {
  width: 150px;
}

.form-item.dialog_select {
	margin-bottom: 20px;
	margin-left: 2px;
	width: calc(100% - 9px) !important;
}

.dialog_info {
  margin-bottom: 20px;
  margin-left: 3px;
  border: 1px solid #C3D8E3;
  background: #EBF6FB !important;
  width: calc(100% - 9px) !important;
  padding-top: 20px;
  padding-bottom: 15px;
}

.form-item.dialog_info li {
	margin: 0px 45px 0px 45px;
}

.form-item.dialog_info .paks {
	margin: 0px 0px 0px 20px;
}

.paks {
	font-weight: 500;
}

.dialog_info_pealkiri {
	padding-bottom: 5px;
}

.ui-dialog[aria-describedby="kopeeri_hinnad_ryhmadele_dialog"] .ui-widget-header {
  background-color: transparent;
  border-bottom: solid 1px #E8EAEC !important;
  margin-bottom: 15px;
}

.ui-dialog[aria-describedby="kopeeri_hinnad_ryhmadele_dialog"] {
  padding: 0;
}

.whitespace img, img.whitespace {
  margin-left: 3px;
}

li.vasak_taane30 {
	margin-left: 30px;
}

.no_cursor {
	cursor: auto;
}
@media (max-width: 1500px) {
  .user-cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1100px) {
  .user-cards {
    grid-template-columns: 1fr 1fr;

  }
}

@media (max-width: 767.98px) {
  #layout-center {
    width: 100% !important;
  }

  .white-box {
    box-shadow: none;
    border-radius: 0px;
    min-height: 187px;
    border: 0px;
    padding: 10px;
  }

  .user-cards {
    grid-template-columns: 1fr;

  }

  #header .btn,
  #header .btn:hover,
  #header .btn:focus,
  #header btn:active {
    padding: 10px 15px 8px !important;

  }

  .icons-content {
    display: grid;
    grid-template-columns: 1fr 120px;
  }

  .user-tables {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0px;
  }

  .card-content {
    padding-right: .7rem !important;
    padding-left: .7rem !important;

  }

  .reanupud .button {
    width: auto !important;

  }

  table.dataTable>tbody>tr.child ul.dtr-details {
    display: block;

  }

  select.dt-input {
    width: auto !important;
  }
}

@media only screen and (max-width: 480px) {
  .arno-nupud-rida input[type="button"] {
    width: 100%;
  }

}