@charset "UTF-8";
    
    @font-face {
     font-family:ProximaNova;
     src:url("/ois/fonts/ProximaNova/Mark Simonson - Proxima Nova Regular.otf") format("opentype");
     font-weight:400
    }
    @font-face {
     font-family:ProximaNovaBold;
     src:url("/ois/fonts/ProximaNova/Mark Simonson - Proxima Nova Bold.otf") format("opentype");
     font-weight:700
    }
        
        :root {
          --primary: #342b60;
          --primary_dark: #272048;
          --secondary: #e4067e;
          --secondary-dark: #b60565;
          --light: #dadae4;
          --bs-dark: #4a4b58;
          --grey-200: #f6f6f8;
          --grey-200-rgba: 246, 246, 248;
          --grey-300: #ededf2;
          --grey-500: #c8cbd8;
          --grey-700: #6e7184;
          --white: #ffffff;
          --txt: #45475e;
          --dark-txt: #131023;
          --grey-table: #b9bacc;
          --grey-light-table: #e5e5e5;
          --grey-disable: #dce0e7;
          --grey600: #9092ad;
          --grey400: #dadae4;
          --grey100: #ececf1;
          --bg_white: #ffffff;
          --accent: #e40d7e;
          --accent-dark: #b30a63;
          --accent-second: #aa1352;
          --accent-second-dark: #800e3e;
          --dark: #342b60;
          --bright2: #a1dde7;
          --bright1: #fdd9ec;
          --warning: #ffc75a;
          --accent_third: #62bb46;
          --success: #70a53a;
          --success-light: #daead2;
          --success-new: #41bd90;
          --error: #e95b75;
          --info: #51bfd3;
          --dark-darker: #221d3f;
          --dark-lighter: #3c3370;
          --magenta-lighter: #feebf5;
          --dark-link: #342c61;
          --grey_1_lighten_1: #9693b0;
          --grey_2_lighten: #f7f7fa;
          --grey_1_lighten_2: #9396b0;
          --grey_background: #fbfafb;
          --info-dark: #1b4e84;
          --bs-warning-light: #fff1d6;
          --bs-info-light: #c8d9eb;
          --bs-accent-third-light: #eff8ed;
          --bs-accent-third: #62bb46;
          --info-new: #92b4d8;
          --danger-light: #fad6dd;
        }
    
    .first_row { 
        font-family: ProximaNova;
        display:block;
        white-space: nowrap;
        position: fixed;
        width: 100%;
        z-index: 100;
        background-color: var(--white);
        min-width: 600px;
    }
    
    #breadcrumbDiv {
        margin-top: 108px;
    }
    
    .systemname {
        padding-left:20px;
        padding-right:20px;
        color: white;
        vertical-align:middle;
        background-color: #342b60;
        font-weight: 700;
        font-size: 18px;
        height:24px;
        display: inline-block;
        padding-top:8px;
        padding-bottom:8px;
    }
    
    .externallink {
        padding-left:10px;
        padding-right:4px;
        vertical-align:middle;
        font-weight: 400;
        font-size: 16px;
        height:100%;
        display: inline-block;
        text-decoration:none;
    }
    
    .externallink a {
        text-decoration:none;
        color: var(--4a4b58);
    }
    
    
    .material-icons {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 16px;  /* Preferred icon size */
      display: inline-block;
      line-height: 1;
      text-transform: none;
      letter-spacing: normal;
      word-wrap: normal;
      white-space: nowrap;
      direction: ltr;

      /* Support for all WebKit browsers. */
      -webkit-font-smoothing: antialiased;
      /* Support for Safari and Chrome. */
      text-rendering: optimizeLegibility;

      /* Support for Firefox. */
      -moz-osx-font-smoothing: grayscale;

      /* Support for IE. */
      font-feature-settings: 'liga';
    }
    
    .nav {
        display:inline-block;
    }
   
    .material-icons.md-18 { font-size: 18px; }
    .material-icons.md-24 { font-size: 24px; }
    .material-icons.md-36 { font-size: 36px; }
    .material-icons.md-48 { font-size: 48px; }

    #rightHeader {
        display:inline-block;
        float: right;
        padding-top: 4px;
        padding-right: 20px;
    }
    
    #languages a{
        color: var(--primary);
        text-decoration: none;
    }
    
    #languages {
        display: inline-block;
    }
    
    #search_box {
        display: inline-block;
    }
    
    .activeLang, .activeRole {
      font-weight: 700!important;
    }
    
    
    .menu_row { 
        font-family: ProximaNova;
        display:block;
        height:64px;
        background-image: linear-gradient(135deg, #e4067e 0%, #342b60 100%);
        -webkit-box-shadow: 0px 2px 2px var(--grey-500)
        -moz-box-shadow: 0px 2px 2px var(--grey-500);
        box-shadow: 0px 2px 2px var(--grey-500);
        white-space: nowrap;
        position: fixed;
        width: 100%;
        margin-top: 37px;
        z-index: 99;
    }
    
    .menu_row_empty { 
        font-family: ProximaNova;
        display:block;
        height:64px;
        background-image: linear-gradient(135deg, #e4067e 0%, #342b60 100%);
        -webkit-box-shadow: 0px 2px 2px var(--grey-500)
        -moz-box-shadow: 0px 2px 2px var(--grey-500);
        box-shadow: 0px 2px 2px var(--grey-500);
        white-space: nowrap;
    }

    .logo {
        color: white;
        font-weight: 700;
        font-size: 22px;
        padding-left: 20px;
        display:inline-block;
    }
    
    
    .c {
        align-items: center;
        justify-content: center;
        height:100%;
        width:100%;
        display:inline;
        font-family: ProximaNova;
        font-size: 16px;
        font-weight: 700;
    }
    
    .dd {
        z-index:1;
        position:relative;
        display: inline-block;
        color: white;
        vertical-align: text-bottom;
        margin-bottom: 16px;
    }
        
    .dd-a {
      padding:10px;
      position:relative;
    }
    .dd input:after {
      content:"";
      width:100%;
      height:2px;
      position:absolute;
      display:block;
      background:#C63D0F;
      bottom:0;
      left:0;
      transform: scaleX(0);
      transform-origin: bottom left;
      -webkit-transform: scaleX(0);
      -webkit-transform-origin: bottom left;
    }
    .dd input {
      top:0;
      opacity:0;
      display:block;
      padding:0;
      margin:0;
      border:0;
      position:absolute;
      height:100%;
      width:100%;
    }
    .dd input:hover {
      cursor:pointer;
    }

    .dd input:checked:after {
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
    }
    .dd input:checked ~ .dd-c {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }
    .dd-a span {
      color:white;
      vertical-align: bottom;
    }
    .dd-c{
      display:block;
      position: absolute;
      background:white;
      height:auto;
      transform: scaleY(0);
      transform-origin: top left;
      -webkit-transform: scaleY(0);
      -webkit-transform-origin: top left;
      margin-top: 12px;
      z-index: 1000000;
    }

    .dd-c ul {
        margin:0;
        padding:0;
        list-style-type: none;
        background-color: var(--grey-300);
        padding: 8px 24px 8px 24px;
        border: 1px solid var(--grey-500);
        border-top: 0;
    }

    .dd-c li {
      margin-botom:4px;
      word-break: keep-all;
      white-space:nowrap;
      display:block;
      position:relative;
      font-size: 16px;
    }
    .dd-c a {
      display:block;
      position:relative;
      text-decoration: none;
      padding:4px;
      background:var(--grey-300);
      color:var(--primary);
      font-weight:normal;
    }

    .dd-c a:before {
      z-index:0;
      content:"";
      position:absolute;
      display:block;
      height:100%;
      width:100%;
      top:0;
      left:0;
      transform: scaleX(0);
      -webkit-transform: scaleX(0);
    }

    .dd-c a:hover {
      color: var(--grey-700);
    }

    .dd-c a span {
      display:block;
      position:relative;
    }
    .dd-c a:hover:before {
      transform:scaleX(1);
      -webkit-transform:scaleX(1);
    }

    .dd-c a:hover span {
      color:white;
    }
    
    
    .userInfo {
        display:inline-block;
        color: white;
        vertical-align: top;
        padding-top: 12px;
        float:right;
    }
        
    #circle {
            width: 24px;
            height: 24px;
            -webkit-border-radius: 24px;
            -moz-border-radius: 24px;
            border-radius: 24px;
            background: var(--magenta-lighter);
            color: var(--secondary);
            display: inline-block;
            left: -12px;
            top:-24px;
            position: relative;
            text-align: center;
        }
        
        #msgcnt {
            font-size: 12px;
            font-family: ProximaNovaBold;
        }
 
        .userName {
            white-space: nowrap;
            overflow: hidden;
            font-size: 14px;
        }
        
        .userRole {
            font-size:14px;
            text-align: right;
        }
 
        #userIcon {
            vertical-align: top; 
            display:inline-block;
            padding-left: 16px;
            text-align: center;
            padding-top: 8px;
        }
 
        #rolesicn {
            font-size: 1px;
            padding-left: 4px;
        }
        
        #swal2-title {
          font-family: ProximaNova;
          font-size: 24px;
        }
     

        .roles {
            z-index:1;
            position:relative;
            display: inline-block;
            color: white;
            vertical-align: text-bottom;
        }
        
        .roles-a {
            padding-top: 10px;
            padding-bottom: 6px;
            position:relative;
            padding-right: 0;
        }
        
        .roles input:after {
            content:"";
            width:100%;
            height:2px;
            position:absolute;
            display:block;
            background:#C63D0F;
            bottom:0;
            left:0;
            transform: scaleX(0);
            transform-origin: bottom left;
            -webkit-transform: scaleX(0);
            -webkit-transform-origin: bottom left;
        }
        
        .roles input {
            top:0;
            opacity:0;
            display:block;
            padding:0;
            margin:0;
            border:0;
            position:absolute;
            height:100%;
            width:100%;
        }
        
        .roles input:hover {
            cursor:pointer;
        }

        .roles input:checked:after {
            transform: scaleX(1);
            -webkit-transform: scaleX(1);
        }
        .roles input:checked ~ .roles-c {
            transform: scaleY(1);
            -webkit-transform: scaleY(1);
        }
        
        .roles-a span {
            color:white;
            vertical-align: bottom;
        }
        
        .roles-c{
            display:block;
            position: absolute;
            background:white;
            height:auto;
            transform: scaleY(0);
            transform-origin: top left;
            -webkit-transform: scaleY(0);
            -webkit-transform-origin: top left;
            margin-top: 2px;
            text-align: left;
            box-shadow: 0 4px 4px #0000001a;
        }

        .roles-c ul {
            margin:0;
            padding:0;
            list-style-type: none;
            background-color: var(--grey-300);
            padding: 8px 24px 8px 24px;
            border: 1px solid var(--grey-500);
            max-height: 310px;
            overflow-y: auto;
        }

        .roles-c li {
            margin-botom:4px;
            word-break: keep-all;
            white-space:nowrap;
            display:block;
            position:relative;
            font-size: 16px;
        }
        .roles-c a {
            display:block;
            position:relative;
            text-decoration: none;
            padding: 4px;
            background:var(--grey-300);
            color:var(--primary);
            font-weight:normal;
            cursor: pointer;
        }

        .roles-c a:before {
            z-index:0;
            content:"";
            position:absolute;
            display:block;
            height:100%;
            width:100%;
            top:0;
            left:0;
            transform: scaleX(0);
            -webkit-transform: scaleX(0);
        }

        .roles-c a:hover {
            text-decoration: underline;
        }

        .roles-c a span {
            display:block;
            position:relative;
        }
        .roles-c a:hover:before {
            transform:scaleX(1);
            -webkit-transform:scaleX(1);
        }

    
        .loader-overlay {
  z-index: 1030;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
  background: rgba(251, 250, 251, 0.6)
}

.loader-outer {
  display: flex;
  align-items: center;
  justify-content: center;  position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background: rgba(var(--grey-200-rgba), 0.6);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.loader-container {
  position: relative;
  width: 5rem;
  height: 5rem;
}

.loader-square {
  position: absolute;
  width: calc(50% - 2px);
  height: calc(50% - 2px);
  transform-origin: 50% 50%;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out
}

.loader-square-1 {
  left: 0;
  bottom: 0;
  background-color: var(--light);
  -webkit-animation-delay: -2s;
  animation-delay: -2s
}

.loader-square-2 {
  right: 0;
  top: 0;
  background-color: var(--light);
  -webkit-animation-delay: -1.8s;
  animation-delay: -1.8s
}

.loader-square-3 {
  right: 0;
  bottom: 0;
  background-color: #9092ad;
  -webkit-animation-delay: -1s;
  animation-delay: -1s
}

.loader-square-4 {
  left: 0;
  top: 0;
  background-color: #9092ad;
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(0);
    opacity: 0
  }

  20%, 80% {
    opacity: 1
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    opacity: 0
  }

  20%, 80% {
    opacity: 1
  }

  50% {
    transform: scale(1);
    opacity: 1
  }
}

    .firstRowLink {
        color: var(--secondary);
    }
    
    .footerLink {
        color: var(--white);
    }
    
    #signOut {
        height:20px;
        text-align:right;
        display:block; 
        vertical-align: bottom;
        padding-top:4px;
        width:100%;
    }
    
    #signOut a {
        color: var(--white);
        font-size: 12px;
    }
  
    #minuandmed {
        color: var(--white);
    }
    
    .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      font-family: ProximaNova;
      display:block;
      height:35px;
      background-image: linear-gradient(135deg, #e4067e 0%, #342b60 100%);
      -webkit-box-shadow: 0px 2px 2px var(--grey-500)
      -moz-box-shadow: 0px 2px 2px var(--grey-500);
      box-shadow: 0px 2px 2px var(--grey-500);
      white-space: nowrap;
      color: var(--white);
      white-space: nowrap;
    }
    
    .footerl {
        display:inline-block;
        max-width:200px;
        padding-left:20px;
        white-space: nowrap;
        vertical-align: bottom;
    }
    
    .footerc {
        display:inline-block;
        max-width:200px;
        padding-left:20px;
        white-space: nowrap;
        vertical-align: top;
        padding-top: 9px;
    }
    
    .footerr {
        display:inline-block;
        float:right;
        padding-right:20px;
        white-space: nowrap;
    }
    
    .footer a{
        color: var(--white);
    }
 
   
    .kasutusjuhendid {
        z-index:1;
        position:relative;
        display: inline-block;
    }
        
    .kasutusjuhendid-a {
      position:relative;
      padding: 10px;
    }
    .kasutusjuhendid input:after {
      content:"";
      width:100%;
      height:2px;
      position:absolute;
      display:block;
      background:#C63D0F;
      bottom:0;
      left:0;
      transform: scaleX(0);
      transform-origin: bottom left;
      -webkit-transform: scaleX(0);
      -webkit-transform-origin: bottom left;
    }
    .kasutusjuhendid input {
      top:0;
      opacity:0;
      display:block;
      padding:0;
      margin:0;
      border:0;
      position:absolute;
      height:100%;
      width:100%;
    }
    .kasutusjuhendid input:hover {
      cursor:pointer;
    }

    .kasutusjuhendid input:checked:after {
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
    }
    .kasutusjuhendid input:checked ~ .kasutusjuhendid-valikud {
      transform: scaleY(1);
      -webkit-transform: scaleY(1);
    }
    .kasutusjuhendid-a span {
      vertical-align: bottom;
    }
    .kasutusjuhendid-valikud{
      display:block;
      position: absolute;
      background:white;
      height:auto;
      transform: scaleY(0);
      transform-origin: top left;
      -webkit-transform: scaleY(0);
      -webkit-transform-origin: top left;
      margin-top: 1px;
    }

    .kasutusjuhendid-valikud ul {
        margin:0;
        padding:0;
        list-style-type: none;
        background-color: var(--grey-300);
        padding: 10px 30px 10px 30px;
        border: 1px solid var(--grey-500);
        border-top: 1px solid var(--grey-300);
    }

    .kasutusjuhendid-valikud li {
      margin-botom:4px;
      word-break: keep-all;
      white-space:nowrap;
      display:block;
      position:relative;
      font-size: 16px;
    }
    .kasutusjuhendid-valikud a {
      display:block;
      position:relative;
      text-decoration: none;
      padding:4px;
      background:var(--grey-300);
      color:var(--primary);
      font-weight:normal;
    }

    .kasutusjuhendid-valikud a:before {
      z-index:0;
      content:"";
      position:absolute;
      display:block;
      height:100%;
      width:100%;
      top:0;
      left:0;
      transform: scaleX(0);
      -webkit-transform: scaleX(0);
    }

    .kasutusjuhendid-valikud a:hover {
      color: var(--grey-700);
    }

    .kasutusjuhendid-valikud a span {
      display:block;
      position:relative;
    }
    .kasutusjuhendid-valikud a:hover:before {
      transform:scaleX(1);
      -webkit-transform:scaleX(1);
    }
 
    #ysearch {
        width:280px;
        border-radius: 10px;
        padding: 4px 8px 4px 8px!important;
    }

    @media screen and (max-width: 1405px) {
        .hideelem {
            display: none !important;
        }
    }
    
    @media screen and (max-width: 950px) {
        .hidekeeled {
            display: none !important;
        }
    }
     
    .activeMenu {
        text-decoration: underline!important;
        font-family: ProximaNovaBold;
    }
    
    .activeMainMenu {
        text-decoration: underline!important;
    }

    .hlink {
        border-top:1px solid var(--grey-500);
        padding-top:4px;
    }

    .ns_sort_asc_y {
        background-image: url("/ois/img/sort_asc.svg");
        background-size: 12px 12px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 10px;
        height: 6px;
        padding-bottom: 4px;
    }
    
    .ns_sort_asc_yS {
        background-image: url("/ois/img/sort_asc_active.svg");
        background-size: 12px 12px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 10px;
        height: 6px;
        padding-bottom: 4px;
    }
    
    .ns_sort_desc_y {
        background-image: url("/ois/img/sort_desc.svg");
        background-size: 12px 12px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 10px;
        height: 6px;
    }
    
    .ns_sort_desc_yS {
        background-image: url("/ois/img/sort_desc_active.svg");
        background-size: 12px 12px;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 10px;
        height: 6px;
    }

    .search-remove {
        color: var(--accent-dark)!important;
        font-size: 28px!important;
    }

    .search-add {
        color: var(--dark-darker)!important;
        font-size: 28px!important;
    }

    .midicon {
        font-size: 16px !important;
        color: var(--accent-dark);
    }

    .calendar_icon {
        vertical-align: middle;
        padding-top: 10px;
        color: var(--dark-darker);
        cursor: pointer;
    }

    .minuandmed_col {
      display: inline-block;
      width: 25%;
      vertical-align: top;
    }
    
    .pealkiri_pink {
      color: var(--secondary);
      font-weight: 700;
      font-size: 18px;
    }
    
    .minuandmed_col1 {
      display: inline-block;
      width: 40%;
    }
    
    .minuandmed_col2 {
      display: inline-block;
      vertical-align: top;
      width: 58%;
      word-wrap: break-word;
    }
    
    .minuandmed_col1t {
        font-weight: 700;
        color: var(--primary);
    }

    .minuandmed_rida {
      min-height: 24px;
    }
    
    .triangle-top {
        width: 0;
        height: 0;
        position: relative;
        border: 0.5rem solid transparent;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 0.5rem;
        border-bottom: 0.4rem solid var(--grey100);
        background-color: transparent;
        margin-top: -15px;
        left: 35px;
    }

        
    .hhhhhh, .pealkiri3 {
      color: var(--primary);
      font-weight: 700;
      font-size: 24px;
    }

    .one-alert {
        padding-bottom: 10px;
    }
    .alert-row {
        display: flex;
        box-shadow: 0px 1px 2px 1px var(--light);
    }
    
    .alert-row div {
    } 
    
    .alert-row a {
        color: var(--secondary);
    } 
    
    .alert-left {
        width: 40px;
        text-align: center;
        padding-top: 20px;
    }
    .alert-right {
        width: 100%;
        background-color:var(--warning);
        padding: 20px;
        color: var(--primary);
    }
    
    .alert-text {
    }
    
    .one-alert li {
      list-style-type: none;
    }

    .darklink {
        color: var(--dark-link)!important;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-weight: normal!important;
    text-decoration: underline!important;
    font-size: 16px!important;
    }
    
    .darklink:hover
    {
        color: var(--secondary);
        font-family: ProximaNova, Arial, Helvetica, sans-serif;
        font-weight: normal!important;
        text-decoration: underline!important;
    }

    .closedialog {
      background-image: url("/ois/img/cross_icon.svg");
      background-repeat: no-repeat;
    }

    .mainMenu {
        font-family: ProximaNovaBold;
    }

    .currentRole {
        font-size: 14px;
    }

    .menu-icon {
      font-size: 8px;
      padding-left: 4px;
    }

    .search-icon {
      margin-right: -20px;
      margin-left: 20px;
      top: 4px;
      position: relative;
    }

    .calendar-arrow {
      padding-top: 4px;
      padding-left: 4px;
    }

    .loginLink {
        color: var(--white)!important;
        vertical-align: middle;
        text-decoration: none;
        font-size: 14px;
    }
    
    .login-pealkiri {
        color: var(--primary);
        font-weight: 700;
        font-size: 18px;
        text-align:center;
        padding-top:20px;
        padding-bottom: 10px;
        display: inline-block;
        width: 95%;
    }
    
    .login-close {
        display: inline-block;
        cursor: pointer;
    }
    
    .login-header {
        display: block;
        border-bottom: 1px solid var(--grey-200);
    }
    
    #smartid_content .err, #mid_content .err  {
      font-size: 14px;
      color: var(--error);
    }
 
    #otsinguvorm input[type="text"] {
      border-radius: 16px;
      padding: 8px 12px 8px 12px !important;
      width: 90%;
    }
 
    #smartid_input, #mid_input, .loginInput {
      padding: 8px 12px 8px 12px !important;
      font-size: 14px!important;
    }

    #tpealkiri, .tpealkiri, .tpealkiri_nopadding
    {
        color: #342b60;
        background-color: var(--grey-200);
        display:table-row;
        z-index: 0;
        position: relative;
    }
    
    
    
    .tpealkiri_valge
    {
        color: #342b60;
        background-color: var(--white);
        display:table-row;
        z-index: 0;
        position: relative;
    }

    #tpealkiri > div,
    #tpealkiri > td,
    #tpealkiri > th,
    .tpealkiri > td,
    .tpealkiri_valge > td,
    #fixTable > th
    {
        padding: 12px;
        display: table-cell;
        word-wrap: break-word;
        vertical-align: middle;
        font-family: ProximaNova,"Helvetica Neue",sans-serif;
        font-weight: bold!important;
        border-bottom: 2px solid var(--light);
        font-size: 16px;
    }
    
    .tpealkiri_nopadding > div
    {
        padding-top: 12px;
        padding-bottom: 12px;
        display: table-cell;
        word-wrap: break-word;
        vertical-align: middle;
        font-family: ProximaNova,"Helvetica Neue",sans-serif;
        font-weight: bold!important;
        border-bottom: 2px solid var(--light);
        font-size: 16px;
    }

    #tpealkiri > div:last-child, .tpealkiri > div:last-child
    {
        border-right: 0px!important; 
    }

    .classic_pealkiri{
        font-family: ProximaNova !important;
        font-size: 20px;
        font-weight: 700;
        color: var(--primary);
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .big_red_nupp:hover, .big_green_nupp:hover, .ainenupp:hover {
        background-color: var(--primary_dark)!important;
    }

    .nupp, .sa-confirm-button-container .confirm, .sa-button-container .cancel, .big_red_nupp, .big_green_nupp, .large_link2, .btno, .large_link2, .ainenupp {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: 20px;
  padding: 0 16px;
  min-width: 64px;
  height: 36px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  background-color: rgb(51, 43, 96);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
  font-family: "ProximaNova", "Arial"!important;
  font-size: 16px !important;
  line-height: 36px;
  overflow: hidden;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
  color: var(--white) !important;
  text-transform: none;
  font-weight: 100;
  margin-right: 4px;
}

.big_red_nupp:hover > svg {
  stroke: white;
}

.big_red_nupp {
  background-color: var(--white);
  color: var(--primary) !important;
}

.big_red_nupp:hover {
  color: var(--white) !important;
}

#otsinguvorm_otsi #newsearch_button {
    color: var(--primary)!important;
    background-color: var(--white);
    border: 1px solid var(--primary);
    box-shadow: 0;text-transform: none;
    font-family: ProximaNovaBold;
    font-size: 16px!important;
}

#otsinguvorm_otsi #newsearch_button:hover {
    background-color: var(--grey-300);
}


#trida a, .trida a
{
    color: var(--secondary)!important;
}

input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
}

input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : 0em;
  width: 2em;
  font-size: 16px;
  text-align: center;
}

input[type=radio]:not(old) + label > span{
  display          : inline-block;
  width            : 1.25em;
  height           : 1.25em;
  border           : 1px solid rgb(192,192,192);
  border-radius    : 1em;
  background       : var(--white)
  vertical-align   : bottom;
}

input[type=radio   ]:not(old):checked + label > span{
  background: var(--secondary);
  border: 1px solid var(--secondary);
}

input[type=radio]:not(old):checked +  label > span > span{
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius    : 1em;
  background       : var(--white);
}

input[type=radio]:not(old):checked:disabled +  label > span > span{
  display: block;
  border-radius    : 1em;
  background-color       : var(--white);
}

input[type=radio] {
  display: none;
}

input[type=radio ]:not(old):checked:disabled + label > span {
    background: var(--grey-700);
    border: 0;
}

    


.pure-material-checkbox {
    z-index: 0;
    position: relative;
    display: inline-block;
    color: rgba(0, 0, 0, 0.87);
    font-family: "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system;
    font-size: 16px;
    line-height: 1.5;
}

/* Input */
.pure-material-checkbox > input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    z-index: -1;
    position: absolute;
    left: -10px;
    top: -8px;
    display: block;
    margin: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    box-shadow: none;
    outline: none;
    opacity: 0;
    transform: scale(1);
    pointer-events: none;
    transition: opacity 0.3s, transform 0.2s;
}

/* Span */
.pure-material-checkbox > span {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

/* Box */
.pure-material-checkbox > span:before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    margin: 3px 11px 3px 1px;
    border: solid 2px; 
    border-color: var(--grey-700);
    border-radius: 2px;
    width: 18px;
    height: 18px;
    vertical-align: top;
    transition: border-color 0.2s, background-color 0.2s;
}

/* Checkmark */
.pure-material-checkbox > span:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 1px;
    width: 10px;
    height: 5px;
    border: solid 2px transparent;
    border-right: none;
    border-top: none;
    transform: translate(3px, 4px) rotate(-45deg);
}


/* Checked, Indeterminate */
.pure-material-checkbox > input:checked,
.pure-material-checkbox > input:indeterminate {
    background-color: var(--secondary);
}

.pure-material-checkbox > input:checked + span::before,
.pure-material-checkbox > input:indeterminate + span::before {
    border-color:var(--secondary);
    background-color: var(--secondary);
}

.pure-material-checkbox > input:checked + span::after,
.pure-material-checkbox > input:indeterminate + span::after {
    border-color: rgb(255, 255, 255);
}

.pure-material-checkbox > input:indeterminate + span::after {
    border-left: none;
    transform: translate(4px, 3px);
}

/*
.pure-material-checkbox:hover > input {
    opacity: 0.04;
}

.pure-material-checkbox > input:focus {
    opacity: 0.12;
}

.pure-material-checkbox:hover > input:focus {
    opacity: 0.16;
}*/


.pure-material-checkbox > input:active {
    opacity: 1;
    transform: scale(0);
    transition: transform 0s, opacity 0s;
}

.pure-material-checkbox > input:active + span::before {
    border-color: rgb(33, 150, 243);
}

.pure-material-checkbox > input:checked:active + span::before {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 0.6);
}


.pure-material-checkbox > input:disabled {
    opacity: 0;
}

.pure-material-checkbox > input:disabled + span {
    color: rgba(0, 0, 0, 0.38);
    cursor: initial;
}

.pure-material-checkbox > input:disabled + span::before {
    border-color: var(--grey-500);
}

.pure-material-checkbox > input:checked:disabled + span::before,
.pure-material-checkbox > input:indeterminate:disabled + span::before {
    border-color: transparent;
    background-color: var(--grey-500);
}

.ui-accordion-header::before {
    height: 15px;
    width: 15px;
    content: "";
    position: absolute;
    right: 15px;
    top: 10px;
    transition: .2s all;
    transform: rotate(45deg);
    border-right: 2px solid var(--secondary);
    border-bottom: 2px solid var(--secondary);
}

.ui-accordion-header-active::before {
    transform: rotate(-135deg);
    top: 18px
}

#versioonid_accordion .ui-accordion-header {
	color: var(--primary);
	display: block;
	font-size:14px;
    font-weight:700;
	padding-right: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    border: 1px solid #9396b0;
    padding-left: 28px;
    outline: 0;
    background-color: var(--grey-300);
}

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	background-color: none!important;
	padding: 0;
	margin: 0;
	float: left;
}

.simple-pagination li > a{
	/*background-color: #fff;*/
}

.light-theme a:hover {
	text-decoration: none!important;
}

.light-theme .current {
	color: #000!important;
	cursor: default;
}

.simple-pagination .current:not(.prev):not(.next) {
  background-color: var(--grey-300);
  border-radius: 15px;
}

.light-theme .ellipse {
}


.light-theme a, .light-theme span {
	float: left!important;
	color: var(--secondary)!important;
	font-size:14px!important;
	line-height:24px!important;
	font-weight: normal!important;
	text-align: center!important;
	min-width: 14px!important;
	padding: 0 7px!important;
	margin: 0!important;


}

.light-theme a:hover {
	text-decoration: none!important;
}

.light-theme .current {
	color: #000!important;
	cursor: default;
}

.light-theme .ellipse {
}

#trida:hover, .trida:hover {
      background-color: var(--light);
    }


.jalus_link,
.jalus_link a:hover,
.jalus_link a:visited,
.jalus_link a:active,
.jalus_link a:link{
    color: var(--secondary)!important;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-size: 14px!important;
    font-weight: normal!important;
    text-decoration: underline!important;
}

#tpealkiri_oppj
{
        color: var(--primary);
        background-color: var(--grey-200);
        display:block;
        border-bottom: 2px solid var(--light);
}

#tpealkiri_oppj > div,
#tpealkiri_oppj > td
{
    padding-top:15px;
    padding-bottom:5px;
    padding-left: 5px;
    display: inline-block;
    word-wrap: break-word;
    vertical-align: middle;
    font-family: ProximaNova,"Helvetica Neue",sans-serif;
    font-weight: bold!important;
}


.pd1 a, .isikuandmed_dokumendid a, #yksteade a, .hrida_oppj a, .doc_popup_div a, .myAlert a {
  color: var(--secondary);
}

.isikuandmed_dokumendid {
    border-bottom: 1px solid var(--grey-500);
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.hrida_oppj{
    background-color: var(--white);
    display: block;
    border-bottom: 1px solid #ccc!important;
}

.hrida_oppj > div
{
    padding-top:7px;
    padding-bottom:5px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}

.muuda_isiku_andmed_row {
    border-bottom:  1px solid var(--grey-light-table);
    padding-top: 10px;
    padding-bottom: 10px;
}

.muuda_isiku_andmed_row > div {
    display:inline-block!important;
    width:70%;
}

.soovin_saada_infot_cell {
    width: 30px !important;
    vertical-align: middle;
}


input[type="text" i], input[type="password"] {
font-family: ProximaNova, Arial, Helvetica, sans-serif;
padding: 8px 8px 8px 8px !important;
color: var(--txt);
border-radius: 4px;
}

input {
  font-family: ProximaNova;
  border: 1px solid var(--grey-300);
  border-radius: 3px;
  color: var(--txt)!important;
  font-size: 16px;
}

input[type="text"], textarea, select {
  color: var(--txt);
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px var(--grey-300);
  padding-top:8px!important;
  padding-bottom:8px!important;
  margin-right: 10px;
  min-height:27px;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  outline: none;
  padding-left: 12px!important;
  padding-right: 30px!important;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  max-width: 500px; }
  span.current {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: block;
}
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 14px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow-y: auto; 
    overflow-x: auto; 
    max-height: 200px;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    max-width: 500px;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
      padding-top:5px!important;
  padding-bottom:5px!important;
    list-style: none;
    outline: none;
    padding-left: 12px!important;
    padding-right: 29px!important;
    text-align: left;
    min-height: 18px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      color:var(--secondary); }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }


    .tyypkava1{
        border-bottom: 1px solid var(--grey-light-table);
        padding-top:8px;
        padding-bottom:8px;
    }

    .avaldus_andmerida b:not(.blight)
    {
        font-weight: 700!important;
    }

    .fileUpload {
        position: relative;
        overflow: hidden;
        color: var(--secondary);
        display: inline-block;
        margin-bottom: 0;
        font-size: 16px;
        text-decoration: underline;
        line-height: 1.5;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .uploadFile {
        border:0px;
        background-color:#fff;
        width: 400px;
    }

    .input3 {
        border: 1px solid var(--grey-light-table)!important;
        width: 70%;
        color: var(--txt)!important;
        padding-left:2px!important;
        padding-top:0px!important;
        padding-bottom:0px!important;
        font-family: ProximaNova, Arial, Helvetica, sans-serif;
        font-size:16px;
    }

    #esitab > ul > li  > a,#esitab2 > ul > li  > a, #yldtab > ul > li  > a, #oktab > ul > li  > a {
        text-align: left!important;
        font-family: ProximaNova, Arial, Helvetica, sans-serif!important;
        font-weight: 700!important;
        font-size: 20px!important;
        color: var(--primary);
        text-align: center!important;
        padding-top: 12px!important;
        padding-left: 25px!important;
        padding-right: 25px!important;
        padding-bottom: 12px!important;
    }

    .autocompleteloader {    
        background-color: #ffffff;
        background-image: url("/ois/img/loader_new.gif");
        background-size: 18px 18px;
        background-position:right center;
        background-repeat: no-repeat;
    }

    .ui-autocomplete-loading { 
        background:url("/ois/img/loader_new.gif") no-repeat right center; 
        background-size: 18px 18px;
    }

    .redstar {
        color:var(--error);
        font-size:18px;
        font-weight:700;
    }
    
    #yksteade {
      font-weight: normal;
      text-decoration: none;
      background-color: var(--white);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
      padding-left: 24px;
      font-family: ProximaNova;
      color: var(--txt);
      padding-top: 12px;
      font-size: 16px;
      margin-top: 8px;
      position: relative;
      margin-bottom: 4px;
    }
    
    #yksteade div {
      display: table-cell;
      padding-top: 12px;
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 12px;
      vertical-align: middle;
    }

    #teated_vorm, #esivorm, #yldtunniplaan, #kuraatorTeade, #opvorm
    {
        font-weight: normal;
      text-decoration: none;
      background-color: var(--white);
      box-shadow: 0 4px 4px #0000001a;
      padding: 24px!important;
      width: calc(100% - 48px);
    }

    #esivorm {
        padding-bottom: 45px;
    }
    
    #u_pealkiri, .kalender_h, .arved_header{
        font-family: ProximaNova !important;
        font-size: 20px;
        font-weight: 700;
        color: var(--primary);
        padding-top: 4px;
        padding-bottom: 4px;
        text-transform: uppercase;
    }
    
    .moodulHeader{
        font-family: ProximaNova !important;
        font-size: 16px;
        font-weight: 700;
        color: var(--primary);
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .base_border  {
        font-weight: normal;
        text-decoration: none;
        background-color: var(--white);
        box-shadow: 0 4px 4px #0000001a;
        margin: 24px;
        width: calc(100% - 48px)!important;
    }
    
    .vorm_border  {
        padding: 24px;
    }

    .required:after {
     content:" *";
     color: var(--error);
     white-space: nowrap;
 }
 
    #vorm {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 30px;
    }

#tridablock-new {
        display: block;
        font-family: ProximaNova,"Helvetica Neue",sans-serif;
        border-right: 0px;
        vertical-align: middle!important;
        border-bottom: 1px rgba(0,0,0,.12) solid;
    }

    #tridablock-new div {
        vertical-align: middle;
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 5px;
        }

    .cc {
        cursor: pointer;
    }

    .cc:hover {
        background-color: var(--grey-300) !important;
        color: var(--secondary);
    }

    
    #trida > div, .trida > div, .trida > td, #trida > td
    {
        padding-left: 12px!important;
        padding-right: 4px;
        border-right: 0px;
        display: table-cell;
        vertical-align: middle!important;
        border-bottom: 1px solid var(--grey-300);
        color: var(--txt);
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
        .aaparam > div
    {
        padding-left: 12px!important;
        padding-right: 4px;
        border-right: 0px;
        display: table-cell;
        vertical-align: middle!important;
        color: var(--txt);
        padding-top: 8px;
        padding-bottom: 8px;
    }

    #trida a, .trida a
    {
        color: var(--secondary);
    }

    .trida > td
    {
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        border-right: 0px;
        border-left:0px;

    }

    #trida a > div
    {
        padding-top:5px;
        padding-bottom:5px;
        border-right: 0px;
        display: inline-block;
    }

    #trida, .trida {
      display: table-row;
      font-family: ProximaNova;
      font-size: 16px;
      
    }

    #teated_vorm > #trida {
        display:block;
        border-bottom: 1px solid var(--grey-300);
    }

    #teated_vorm > #trida {
        display:block;
        border-bottom: 1px solid var(--grey-300);
    }

    #teated_vorm > #trida > #teade1 {
        border-bottom: 0;
    }

    #teated_vorm > #trida >  #teade2 {
        border-bottom: 0;
    }
    
    #trida_ained {
      padding-top: 16px;
      padding-bottom: 4px;
      border-bottom: 1px solid var(--grey-300);
    }
    
    #trida_ained:hover {
      background-color: var(--light);
    }

    #p_rec_sisu, #p_rec_vasta{
    padding-bottom:8px;
    padding-top:8px;
}

    
#teated_vorm a {
font-family: ProximaNova, Arial, Helvetica, sans-serif;
font-size: 16px;
color: var(--secondary);
}

.avaldus_andmerida {
display: inline-block;
width: 25%;
padding-left: 12px;
padding-right: 12px;
vertical-align: middle;
}

.inputkp {
    border: 1px solid var(--grey-light-table)!important;
    width: 85px;
    color: var(--txt)!important;
    padding-left: 2px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-size:16px;
}


.input2 {
    border: 1px solid var(--grey-light-table)!important;
    width: 100px;
    color: var(--txt)!important;
    padding-left:2px!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-size:16px;
}

.input70 {
    border: 1px solid var(--grey-light-table)!important;
    width: 70px;
    color: var(--txt)!important;
    padding-left:2px!important;
    padding-top:0px!important;
    padding-bottom:0px!important;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-size:16px;
}

.small_link,
.small_link a:hover,
.small_link a:visited,
.small_link a:active,
.small_link a:link
{
    background: none!important;
    color: var(--secondary)!important;
    text-decoration: underline!important;
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    /*font-weight: bold!important;*/
    font-size: 16px!important;
    border:0 none!important;
    padding-left:0px!important;
}

textarea {
    border-radius: 4px;
    outline: 0;
    border: 1px solid var(--grey-light-table);
    padding: 8px 8px 8px 8px !important;
    font-size: 16px;
    overflow-x: hidden
}

.ht {
    width: 85px!important;
}

.border_right {
    border-right: 1px solid var(--grey-light-table)!important;
}

.aaparam {
    font-family: ProximaNova, Arial, Helvetica, sans-serif;
    font-size: 16px!important;
    border-bottom: 1px solid #D0CFCD;
    display:block;
}

.tegkavapadding {
    padding: 12px;
}

    .addHoverBg:hover, .tunnAine:hover {
        background-color: var(--light);
    }

    #tunnH
    {
        padding-top: 8px;
        padding-bottom: 12px;
        background-color: #fff;
        color: var(--primary);
        font-weight: 700;
    }

    .tunnAine
    {
        border-bottom: 1px #eee solid;
        font-size:16px;
        padding-top:8px;
        padding-bottom:8px;
        word-wrap: break-word;
    }
    
    .mk11 {
    display: inline-block;
    padding-left: 8px;
    width: 15%;
}
.mk12 {
    display: inline-block;
    padding-left: 8px;
    vertical-align: top;
    width: 10%;
}
.mk125 {
    display: inline-block;
    padding-left: 8px;
    vertical-align: top;
    width: 9%;
}

.mk100 {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 8%;
}

.mk69 {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 7%;
}

.mk190 {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 15%;
}

.mk42 {
    display: inline-block;
    padding-left: 5px;
    width: 4%;
}

.mk15 {
    display: inline-block;
    padding-left: 5px;
    width: 3%;
}

.mk255 {
    display: inline-block;
    padding-left: 5px;
    width: 25%;
}


.mk60 {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    width: 5%;
}

.mk75 {
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    text-align: center;
    width: 6%;
}


.debug {
    font-size: 11px;
    padding: 5px;
    font-family: arial;
    color: var(--error);
    border: 1px solid black;
}

.tlink {
  font-size: 16px;
  font-weight: normal;
}

    .accord_icon {
        transition-duration: 0.3s;
        transition-property: transform;
    }
    

    .accord_icon_opened {
        transform: rotate(-180deg);
        transition-duration: 0.3s;
        transition-property: transform;
    }

    .input95p {
      width: 95%;
    }

    .ryhmHeader
    {
        color: var(--primary);
        display: inline-block;
        font-weight:700;
        font-size:20px;
        padding-top:3px;
    }

.kalender_vorm
{
    background-color:var(--grey_2_lighten);
    color: #949494;
    padding-left: 10px; 
    padding-right: 10px;
}

.kalender_h1
{
     font-weight: 700;
     background-color: var(--grey-light-table);
     padding-top: 8px;
     padding-bottom: 8px;  
}
.kalender_h1_
{
    color: var(--txt); 
    display: inline-block; 
    text-align:center; 
    padding-top: 5px;
    padding-bottom: 5px; 
}

.syndmused > div:nth-child(1) > div:nth-child(2) > div > span
{
     color: #999;
}

.today {
    color: #ff0000;
    font-weight: 700;
}

.tomorrow {
    font-weight: 700;
    font-style: italic;
}

.calendar-container {
    height: 538px;
    left: 50%;
    margin: -255px 0 0 -245px;
    position: absolute;
    top: 45%;
    width: 510px;
}

.calendar {
    text-align: center;
    display: inline-block;
    width:282px;
    background-color: #fff;
}

.calendar tbody > tr:nth-child(1)
{
    background-color: var(--grey_1_lighten_1);
    color: #ffffff;
    letter-spacing: 1px;
}

.calendar tbody > tr:nth-child(1) > td:nth-child(2)
{
    height:32px!important;
    width: 160px!important;
}

.syndmused
{
    background-color: #ffffff;
    width: 660px;
    display: inline-block;
    vertical-align: top;
}

.syndmused > div:nth-child(1)
{
    display: table-cell;
    width:330px;
}

.syndmused > div:nth-child(1) > div:nth-child(1)
{
     font-weight: 600;
     font-family:'ProximaNova', 'Arial';
     height:32px;
     text-align: center;
     color: var(--primary);
     letter-spacing: 1px;
     border-bottom: 1px solid #cccccc;
     padding-top:4px;
}

.syndmused > div:nth-child(2)
{
     display: table-cell;
     background-color: var(--accent-dark);
     color: #ffffff;
     width:330px;
}

.syndmused > div:nth-child(2) > div:nth-child(1)
{
     font-weight: 600;
     font-family:'ProximaNova', 'Arial';
     text-align: center;
     letter-spacing: 1px;
     height:32px;
     padding-top: 4px;
     border-bottom: 1px solid #cccccc;
}

.syndmused > div:nth-child(2) > div:nth-child(2)
{
     padding-top: 2px;
}

.syndmused > div:nth-child(2) > div:nth-child(2) > div
{
     color: #ffffff;
     display: table-cell;
     vertical-align: top;
}

.syndmused > div:nth-child(1) > div:nth-child(2) > div
{
     color: #999;
     display: table-cell;
}

.syndmused > div:nth-child(1) > div:nth-child(2)
{
     padding-top: 2px;
}

.calendar header {
    position: relative;
}

.calendar h2 {
    text-transform: uppercase;
}

.calendar thead {
    font-weight: 600;
    /*text-transform: uppercase;*/
}

.calendar tbody {
    color: #7c8a95;
}

/*.calendar tbody td:hover {
    border: 2px solid #c0392b;
}*/

.calendar tbody td.active {
    border: 2px solid #c0392b;
}

.calendar td {
    /*border: 2px solid transparent;
    border-radius: 50%;
    height: 24px;
    line-height: 24px;*/
    text-align: center;
    width: 32px;
}

.event-days td {
    border-bottom: 1px solid #eee !important;
    font-size: 12px;
}

.calendar td > div{
    /*border: 2px solid transparent;
    border-radius: 50%;*/
    height: 24px;
    text-align: center;
    width: 24px;
}

.current-day > div{
    background: var(--magenta-lighter);
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    height: 24px;
    text-align: center;
    width: 24px;
}

.personal-day  div{
    background: var(--accent-dark) !important;
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    height: 24px;
    text-align: center;
    width: 24px!important;
}

/*akad kalender, suur*/
.personal-day12{
    background: var(--accent-dark) !important;
    color: var(--white);
    border: 2px solid transparent;
    border-radius: 50%;
    /*height: 24px!important;*/
    text-align: center;
    /*width: 24px!important;*/
}

/*isiklik, väike*/
.personal-day11{
    background: var(--bright2);
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    /*height: 16px!important;*/
    text-align: center;
    /*width: 16px!important;*/
}

/*tänane, suur*/
.personal-day13{
    background: var(--magenta-lighter);
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
   /* height: 16px!important;*/
    text-align: center;
   /* width: 16px!important;*/
}

.akad-day  div{
    background: #8e636c;
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    height: 24px;
    text-align: center;
    width: 24px!import;
}

.event {
    cursor: pointer;
    position: relative;
}

.event:after {
    background: #c0392b;
    border-radius: 50%;
    bottom: 8px;
    display: block;
    content: ';
    height: 8px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    width: 8px;
}

.event.current-day:after {
    background: #f9f9f9;
}

.month{
    text-transform: uppercase;
    font-weight: 600;
}

.div-current-day{
    background: var(--magenta-lighter);
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    height: 7px;
    text-align: center;
    width: 7px!important;
}

.div-akad-kalender{
    background: var(--accent-dark) !important;
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    height: 7px;
    text-align: center;
    width: 7px!important;
}

.div-personal{
    background: var(--bright2);
    color: var(--txt);
    border: 2px solid transparent;
    border-radius: 50%;
    height: 7px;
    text-align: center;
    width: 7px!important;
}

.kalender_list
{
    color: var(--txt);
}

.kalender_list > div
{
    border-bottom: 1px solid #e8e8e9;
}

.kalender_list > div div:nth-child(1) {
    width: 15%;
    color: var(--primary);
    font-weight: 700;
    padding-left: 12px;
    padding-top:12px;
    padding-bottom:12px;
    display: inline-block;
}

.kalender_list > div div:nth-child(1) span
{
    color: #949494;
}

.kalender_list  > div div:nth-child(2) {
    display: inline-block;
    word-wrap: break-word;
    color: var(--primary);
    width:80%;
}

.kalender_list a {
    color: var(--secondary);
    font-weight: 400!important;
}


.kalender_puudub
{
    font-weight: 400;
    font-size: 14px;
    color: #555!important;
    background-color: none!important;
}

.vorm_lyhilink {
    margin:auto;
    background-color: var(--white);
    margin: 24px;
    display:block;
}

.breakword {
    word-break: break-word;
}

.aaparam_nopadding {
  border-bottom: 1px solid var(--light);
}

.aaparam_nopadding > div {
  vertical-align: middle;
}

    .avaldus_ridau{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top:4px;
    padding-bottom:4px;
}

.avaldus_ridaul{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    padding-top:4px;
    padding-bottom:4px;
}

.fixedAutocomplete {
    position: fixed!important;
}

.aineAccordion {
    font-size: 16px;
    color: var(--txt);
    border: 2px solid var(--grey-300);
}

.aineAccordion div {
  vertical-align: top;
}

.accordionHeader {
    padding-right: 12px;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 28px;
    background-color: var(--grey-200);
}

.aineAccordion a {
    color: var(--secondary);
}

.accordionHeaderLink {
    color: var(--primary)!important;
    font-weight: 700;
}

.accordionData {
    padding: 12px;
    border-left: 2px solid var(--grey-300);
}

.ainekavacell {
    vertical-align: top;
    display:inline-block;
    word-break: break-word
}

.ainekavarow {
    display:block;
    padding-top:12px;
    padding-bottom:12px;
    border-bottom:1px solid var(--grey-300);
}

.ainekavaoppjrow {
    display:block;
    padding-top:12px;
    padding-bottom:12px;
}

.bold {
  font-weight: 700 !important;
}

    .mw220 {
        min-width: 220px;
    }

    .searchnum {
      width: 100px !important;
    }

    .opingukLoputoo {
        border: 1px solid var(--grey-light-table);
        border-top: 0;
        background-color: #f7e7ee;
    }
    
    .opingukLoputooPealkiri {
        padding:12px;
        border-bottom: 1px solid var(--grey-light-table);
    }
    
    .opingukLoputooLisainfo {
        padding:12px;
        font-size: 16px;
        font-style: italic;
        border-bottom: 1px solid var(--grey-light-table);
    }
    
    .padding20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .breakword {
        word-break: break-word;
    }

    .classicAccordion {
      font-size: 16px;
      color: var(--txt);
      border: 2px solid var(--grey-300);
    }

    .breadcrumbs ul {
      list-style: none;
      line-height: 1;
    }
    
    .breadcrumbs ul li {
      font-size: .875rem;
      display: inline-block;
      line-height: 1;
    }
    
    .breadcrumbs ul li a, .breadcrumbs ul li button {
      font-size: .875rem;
      color: var(--secondary);
      text-decoration: none;
      line-height: 1;
    }

    .bct-disabled{
        color: var(--grey_1_lighten_2);
    }

    .breadcrumbs ul li::after {
        content: "/";
        display: inline-block;
        color: var(--grey_1_lighten_2);
        margin: 0 4px 0 8px;
    }

    .tyypkava1{
        border-bottom: 1px solid var(--grey-300);
        padding-top:8px;
        padding-bottom:8px;
    }

    .tyypkava2{
        display: table-cell;
        width: 240px;
        vertical-align:middle;
        padding-left: 12px;
        font-weight:700;
    }

    .pl20 {
        padding-left: 20px;
    }
    
    .italic {
        font-style: italic;
    }
 
    .reditalic {
        color: var(--error);
        font-style: italic;
    }
 
    .euroteqAlam {
        background-color: #f7e7ee;
    }
  
    .erasmusAlam {
        background-color: #edf9fb;
    }
    
    .avaldus_rida5c {
        width: 5%;
        text-align: center;
    }

    .noPaddingAccordion {
        padding:0;
    }

    .azureLogin {
        border-left: 1px solid var(--grey-300);
        border-top: 1px solid var(--grey-300);
        border-right: 1px solid var(--grey_1_lighten_1);
        border-bottom: 1px solid var(--grey_1_lighten_1);
        background-color: var(--grey_2_lighten);
        width:90px;
        height:30px;
    }

    #padevusOvaljund {
        white-space: pre-wrap;
    }
    

    .padevusTable {
        padding-bottom: 4px;
        min-width: 560px;
    }
    
    .padevusTable div{
        display:inline-block;
    }
    
    .padevusTable > div:nth-child(1) {
        width: 400px;
    }
    
    .padevusTableAdd {
        padding-top: 28px;
    }
    
    .padevusTable ul li {
        margin-left: 10px;
    }

    .showPadevusedAll {
        border: 1px solid var(--grey-500);
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .aaparam_paddingTb {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .padevusBb {
        border-bottom: 1px solid var(--grey-300);
    }
    
    .padevusOsaliselt {
        background-color: var(--bs-warning-light);
    }
    
    .padevusTaitmata {
        background-color: var(--bs-info-light);
    }
    
    .padevusTaidetud {
        background-color: var(--success-light);
    }

    #ainePadevused ul li ul {
        padding-left: 8px!important;
    }
    
    .valisplaanKustutatudAine {
        text-decoration: line-through; 
    }
    
    .valisplaanLisatudAine {
        background-color: var(--bs-info-light); 
    }

    .pointerLink {
        cursor: pointer;
        text-decoration: underline;
    }
    
    .centered {
        text-align: center;
    }
    
    [data-tooltip-text]:hover {
        position: relative;
    }

    [data-tooltip-text]:hover:after {
        background-color: var(--white);
        -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
        -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
        box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        content: attr(data-tooltip-text);
        margin-bottom: 10px;
        top: 130%;
        left: 0;    
        padding: 8px 12px;
        position: absolute;
        width: max-content;
        max-width: 25vw;
        word-wrap: break-word;
        z-index: 9999;
        color: var(--txt);
    }
    
    #tunnryhm [data-tooltip-text]:hover:after {
        max-width: 20vw;
        left:-10vw;
    }
    
    [data-tooltip-small-text]:hover {
        position: relative;
    }

    [data-tooltip-small-text]:hover:after {
        background-color: var(--white);
        -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
        -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
        box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        content: attr(data-tooltip-small-text);
        white-space: pre-wrap;
        margin-bottom: 10px;
        top: 130%;
        left: 0;    
        padding: 8px 12px;
        position: absolute;
        width: max-content;
        max-width: 20vw;
        left:-10vw;
        word-wrap: break-word;
        z-index: 9999;
        color: var(--txt);
        text-align: left;
    }

 
    
    .multiselect {
        position: relative;
        width: 300px;
        user-select: none;
    }
    .multiselect-dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-height: 250px;
        overflow-y: auto;
        background-color: #fff;
        border: solid 1px var(--grey-300);
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        display: none;
    }
    .multiselect .multiselect-selected {
        border: solid 1px var(--grey-300);
        border-radius: 4px;
        cursor: pointer;
        font-weight: 400;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        list-style: none;
        outline: none;
        padding-left: 12px !important;
        padding-right: 29px !important;
        cursor: pointer;
    }
    .multiselect-group-header {
        font-weight: bold;
        background-color: var(--grey100);
        cursor: pointer;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        list-style: none;
        outline: none;
        padding-left: 12px !important;
        padding-right: 29px !important;
    }
    .multiselect-option {
        cursor: pointer;
        font-weight: 400;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        list-style: none;
        outline: none;
        padding-left: 12px !important;
        padding-right: 29px !important;
    }
    .multiselect-option input,
    .multiselect-group-header input {
        margin-right: 10px;
    }

    .multiselect-selected:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: '';
        display: block;
        height: 5px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform-origin: 66% 66%;
            -ms-transform-origin: 66% 66%;
                transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 5px; 
    }
    .multiselect-selected.multiselect-open:after {
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg); 
    }

    .multiselect-open{
        display: block;
    }

    .multiselect input[type=checkbox] {
      accent-color: var(--secondary);
    }
    
    .multiselect .multiselect-option:hover, .multiselect .multiselect-group-header:hover {
      background-color: var(--grey-200)!important;
    }
 

    .new-alert {
        box-shadow: 3px 2px 8px #0000001a;
        color: var(--bs-dark);
        font-size: .875rem;
        font-weight: 400;
        line-height: 1rem;
        padding-left: 4rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        border-color: #0000;
        border: 0 solid  var(--warning);
        position: relative;
    }
    
    .new-alert:first-of-type {
        margin-top:0;
    }
    
    .new-alert-warning {
        background: var(--warning);
    }
    
    .new-alert-light {
        background: var(--light);
    }
    
    .new-alert-error {
        background: var(--error);
        color: var(--white);
    }
    
    .new-alert-success {
        background: var(--success-new);
        color: var(--white);
    }
    
    .new-alert-info {
        background: var(--info-new);
    }

    .new-alert-pre {
        background: var(--white);
        bottom: 0;
        font-size: 1rem;
        left: 0;
        position: absolute;
        top: 0;
        width: 3rem;
    }
    
    .new-alert-icon {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    
    .alamOpetamineVoor{
        padding-bottom:4px;
        padding-top:4px;
        border-bottom: 1px solid var(--grey-300);
    }
 
    .alamOpetamineVoorVeerg, .alamOpetamineVoorVeergPikk, .alamOpetamineVoorVeergLast {
        display:inline-block;
    }
    
    .alamOpetamineVoor > div:nth-child(1) {
        width:5%;
    }
    
    .alamOpetamineVoor > div:nth-child(2):not(.alamOpetamineVoorVeergPikk) {
        width:5%;
    }
    
    .alamOpetamineVoorVeergLast {
        width:90%;
    }
 
    .alamOpetamineVoorudPealkiri{
        padding-bottom: 8px;
    }
    
    .new-button {
        line-height: 24px;
        border-radius: 2.5rem;
        font-weight: 700;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1rem;
        cursor: pointer;
        color: var(--white)!important;
        background-color: var(--secondary);
        border: 1px solid var(--secondary);
    }
    
    .new-button:hover {
        background-color: var(--secondary-dark);
        border: 1px solid var(--secondary-dark);
    }
    
    .new-link {
        color: var(--secondary);
        cursor: pointer;
        font-size:1rem;
        font-weight: 400;
    }
    
    .new-link:hover {
        text-decoration: underline;
        color: var(--secondary-dark);
    }
 
    .new-alert-text {
        display: inline-block;
        width: calc(100% - 3rem);
        text-align: justify;
    }
    
    .new-alert-close {
        display: inline-block;
        width: 2rem;
        text-align: center;
        vertical-align: top;
    }
    
    .new-alert-close-link {
        cursor:pointer;
    }
    
    .new-alert-cross-icon {
        opacity: 0.7;
    }
    
    .new-alert-cross-icon:hover {
        stroke: var(--dark);
        text-decoration: none;
        opacity: 1;
    }
 
    .new-alert-small-icon {
        vertical-align: top;
    }
    
    .new-alert-small-text {
        color: var(--grey_1_lighten_2);
    }

    .new-alert-small {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .aoparConfirm {
        width: 950px!important;
        text-align: center;
    }

    .new-button-white {
        line-height: 24px;
        border-radius: 2.5rem;
        font-weight: 700;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1rem;
        cursor: pointer;
        color: var(--primary)!important;
        background-color: var(--white);
        border: 1px solid var(--primary);
    }
    
    .new-button-white:hover {
        background-color: var(--light);
        border: 1px solid var(--primary);
    }

    div.tooltip-info {
        position: absolute;
        display: inline-block;
        padding-left:4px;
    }

    div.tooltip-info span {
        display: none;
    }

    div.tooltip-info:hover span {
        display: block;
        position: relative;
        bottom: 1em;
        padding: 0.5em;
        color: var(--txt);
        background: var(--grey-200);
        border: 0.1em solid var(--grey-500);
        max-width: 500px;
        font-weight: normal;
        top: 1px;
    }

    .input150 {
        width: 150px;
    }