* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #ffffff;
  font-family: Trebuchet MS;
  font-size: 14px;
  color: #231f20;
  margin: 0;
  min-width: 1000px;
}

select.ui-control {
  border: 1px solid #d1d2d4;
  font-family: 'Trebuchet MS';
  font-size: small;
  line-height: 20px;
}

tr.hidden-row-collapse {
  display: none;
}

tr.hidden-row-visible {
  display: table-row !important;
  height: 100px;
  overflow-y: auto;
}

.kozze-options {
  background: white;
  border: 1px solid rgba(0,0,0,.6);
  box-shadow: 1px 1px 4px 2px rgba(0,0,0,.2);
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
}

.kozze-option {
  transition: background;
  padding: 2px 4px;
  cursor: pointer;
}

  .kozze-option:hover {
    background: #f2f2f2;
  }

  .kozze-option span.high {
    font-weight: bold;
  }

a {
  color: #316b84;
  text-decoration: none;
}

  a:hover {
    color: #5a90a8;
  }

.activelanguage {
  color: #ff9835 !important;
  cursor: default;
  pointer-events: none;
}

.header {
  background-color: #ffffff;
  color: #316b84;
  margin: 0 auto;
  max-width: 1280px;
}

  .header div {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
  }

  .header a {
    font-size: 15px;
  }

    .header a.home {
      font-size: 28px !important;
    }

  .header .icon-logo {
    height: 40px;
    width: 44.87805px;
    margin-top: 10px;
  }

  .header .title {
    font-size: 28px;
  }

  .header .left {
    margin-left: 10px;
  }

  .header .right {
    float: right;
    margin-right: 15px;
  }

  .header .nav-home {
    margin-right: 15px;
  }

    .header .nav-home img {
      margin-top: 17.5px;
    }

  .header::before {
    content: "";
    display: table;
    clear: both;
  }

  .header::after {
    content: "";
    display: table;
    clear: both;
  }

.footer {
  color: #316b84;
  display: table;
  margin: auto;
  margin-top: 30px;
}

  .footer .logo {
    display: inline-block;
  }

    .footer .logo img {
      height: 70px;
      width: 70px;
    }

  .footer .item, .footer .item_withseparator {
    display: inline-block;
    margin-top: 10px;
    padding: 0px 30px 0px 30px;
  }

  .footer .item_withseparator {
    border-right: 2px solid;
    border-color: #ff9835;
  }

.footer-copyright {
  color: #ff9835;
  display: table;
  font-size: 12px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}

.body {
  background-color: #316b84;
  border-bottom: 3px solid;
  border-top: 3px solid;
  border-color: #ff9835;
  padding-bottom: 20px;
  padding-top: 20px;
}

  .body .container {
    margin: 0 auto;
    max-width: 1280px;
  }

    .body .container .menubar {
      margin-left: 10px;
      display: inline-block;
    }

      .body .container .menubar .menu {
        background-color: #ffffff;
        color: #316b84;
        list-style-type: none;
        margin: 0;
        overflow: auto;
        padding: 0;
        width: 280px;
      }

        .body .container .menubar .menu li {
          cursor: default;
        }

          .body .container .menubar .menu li a, .body .container .menubar .menu li span {
            border-bottom: 1px solid;
            border-color: #d1d2d4;
            display: block;
            padding: 4px 30px;
            text-decoration: none;
          }

            .body .container .menubar .menu li a.active {
              background-color: #e8e8e7;
              cursor: default;
              pointer-events: none;
            }

            .body .container .menubar .menu li a:hover {
              background-color: #f5f5f5;
            }

          .body .container .menubar .menu li.level0 {
            background-color: #ff9835;
            text-transform: uppercase;
          }

            .body .container .menubar .menu li.level0 a, .body .container .menubar .menu li.level0 span {
              padding: 10px 10px;
            }

              .body .container .menubar .menu li.level0 a.active {
                background-color: #e8e8e7 !important;
              }

              .body .container .menubar .menu li.level0 a:hover {
                background-color: #ffa753 !important;
                color: #316b84 !important;
              }

          .body .container .menubar .menu li.level2 a {
            padding: 4px 30px 4px 45px !important;
          }

      .body .container .menubar .searchbox {
        background-color: #ffffff;
        color: #316b84;
        margin-top: 20px;
        width: 280px;
      }

        .body .container .menubar .searchbox div {
          padding: 10px;
        }

          .body .container .menubar .searchbox div .searchinput {
            padding: 0px 5px 0px 5px;
            background-color: #ffffff;
            border: 1px solid #d1d2d4;
            margin-bottom: 10px;
            margin-top: 10px;
          }

            .body .container .menubar .searchbox div .searchinput input {
              border: none;
              font-size: 16px;
              height: 30px;
              outline: none;
              width: calc(100% - 20px);
            }

        .body .container .menubar .searchbox a {
          color: #ff9835;
        }

          .body .container .menubar .searchbox a:hover {
            color: #fcb26b;
          }

    .body .container .content, .body .container .contentFullWidth {
      background-color: #ffffff;
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px;
      min-height: 936px;
      vertical-align: top;
      width: calc(100% - 320px);
    }

      .body .container .content .contentheader, .body .container .contentFullWidth .contentheader, .body .container .content .contenttabheader, .body .container .contentFullWidth .contenttabheader {
        background-color: #ff9835;
        color: #316b84;
        font-size: 20px;
        line-height: 20px;
        padding: 8px 10px 8px 10px;
        text-transform: uppercase;
      }

        .body .container .content .contentheader ul.tab, .body .container .contentFullWidth .contentheader ul.tab, .body .container .content .contenttabheader ul.tab, .body .container .contentFullWidth .contenttabheader ul.tab {
          background-color: #ff9835;
          color: #316b84;
          height: 100%;
          list-style-type: none;
          margin: 0px;
          padding: 0px;
        }

          .body .container .content .contentheader ul.tab li, .body .container .contentFullWidth .contentheader ul.tab li, .body .container .content .contenttabheader ul.tab li, .body .container .contentFullWidth .contenttabheader ul.tab li {
            display: inline;
          }

          .body .container .content .contentheader ul.tab .active, .body .container .contentFullWidth .contentheader ul.tab .active, .body .container .content .contenttabheader ul.tab .active, .body .container .contentFullWidth .contenttabheader ul.tab .active {
            background-color: #ffffff;
            color: #ff9835;
          }

        .body .container .content .contentheader .nav-print, .body .container .contentFullWidth .contentheader .nav-print, .body .container .content .contenttabheader .nav-print, .body .container .contentFullWidth .contenttabheader .nav-print {
          float: right;
        }

      .body .container .content .contenttabheader, .body .container .contentFullWidth .contenttabheader {
        line-height: 25px;
        padding: 0px;
        text-transform: uppercase;
      }

        .body .container .content .contenttabheader a div, .body .container .contentFullWidth .contenttabheader a div {
          display: inline-table;
          padding: 5px 15px;
        }

        .body .container .content .contenttabheader a.active div, .body .container .contentFullWidth .contenttabheader a.active div {
          background-color: #ffffff;
          color: #ff9835;
        }

        .body .container .content .contenttabheader a:hover div, .body .container .contentFullWidth .contenttabheader a:hover div {
          background-color: #ffa753;
          color: #316b84;
        }

      .body .container .content .contentbody, .body .container .contentFullWidth .contentbody {
        padding: 20px;
        /* jVersus controls */
      }

        .body .container .content .contentbody p.important, .body .container .contentFullWidth .contentbody p.important {
          background-color: #e8e8e7;
          border-left: 5px solid #316b84;
          padding: 10px 0px 10px 20px;
        }

        .body .container .content .contentbody a, .body .container .contentFullWidth .contentbody a {
          color: #ff9835;
        }

          .body .container .content .contentbody a:hover, .body .container .contentFullWidth .contentbody a:hover {
            color: #fcb26b;
          }

        .body .container .content .contentbody h1, .body .container .contentFullWidth .contentbody h1 {
          color: #316b84;
          font-size: 16px;
        }

        .body .container .content .contentbody h2, .body .container .contentFullWidth .contentbody h2 {
          color: #316b84;
          font-size: 14px;
        }

        .body .container .content .contentbody li, .body .container .contentFullWidth .contentbody li {
          padding-bottom: 5px;
        }

        .body .container .content .contentbody .information, .body .container .contentFullWidth .contentbody .information {
          color: #316b84;
          font-style: italic;
        }

        .body .container .content .contentbody .ui-time-control, .body .container .contentFullWidth .contentbody .ui-time-control, .body .container .content .contentbody .ui-calendar, .body .container .contentFullWidth .contentbody .ui-calendar {
          height: auto !important;
        }

        .body .container .content .contentbody .ui-calendar, .body .container .contentFullWidth .contentbody .ui-calendar {
          min-width: 200px !important;
        }

        .body .container .content .contentbody .ui-combobox, .body .container .contentFullWidth .contentbody .ui-combobox {
          background-color: #ffffff;
          background-position: center right 5px;
          background-repeat: no-repeat;
          background-image: url("/static/images/icons/arrow-down-gray.png");
          border: 1px solid #d1d2d4;
          cursor: pointer;
          margin-right: 30px;
          width: 100%;
        }

        .body .container .content .contentbody .ui-date-picker, .body .container .contentFullWidth .contentbody .ui-date-picker, .body .container .content .contentbody .ui-datetime-picker, .body .container .contentFullWidth .contentbody .ui-datetime-picker {
          background-color: #ffffff;
          background-position: center right 5px;
          background-repeat: no-repeat;
          background-image: url("/static/images/icons/calendar.png");
          border: 1px solid #d1d2d4;
          cursor: pointer;
          margin-right: 30px;
          width: 100%;
          padding: 0px;
          padding-right: 10px;
        }

          .body .container .content .contentbody .ui-date-picker .ui-calendar-cell[selected="selected"], .body .container .contentFullWidth .contentbody .ui-date-picker .ui-calendar-cell[selected="selected"], .body .container .content .contentbody .ui-datetime-picker .ui-calendar-cell[selected="selected"], .body .container .contentFullWidth .contentbody .ui-datetime-picker .ui-calendar-cell[selected="selected"] {
            background-color: #ff9835;
          }

          .body .container .content .contentbody .ui-date-picker .ui-time-control div[selected="selected"], .body .container .contentFullWidth .contentbody .ui-date-picker .ui-time-control div[selected="selected"], .body .container .content .contentbody .ui-datetime-picker .ui-time-control div[selected="selected"], .body .container .contentFullWidth .contentbody .ui-datetime-picker .ui-time-control div[selected="selected"] {
            background-color: #ff9835;
          }

        .body .container .content .contentbody input[type="text"], .body .container .contentFullWidth .contentbody input[type="text"] {
          border: 1px solid #d1d2d4;
          margin-right: 30px;
          width: 100%;
        }

        .body .container .content .contentbody .filterbox select, .body .container .contentFullWidth .contentbody .filterbox select {
          border: 1px solid #d1d2d4;
          margin-right: 30px;
          width: 100%;
        }

        .body .container .content .contentbody input[type="submit"], .body .container .contentFullWidth .contentbody input[type="submit"], .body .container .content .contentbody input[type="reset"], .body .container .contentFullWidth .contentbody input[type="reset"], .body .container .content .contentbody input[type="button"], .body .container .content input[type="button"], .body .container .contentFullWidth .contentbody input[type="button"] {
          background-color: #ff9835;
          border: none;
          color: #316b84;
          cursor: pointer;
          height: 30px;
          min-width: 150px;
        }

          .body .container .content .contentbody input[type="submit"]:hover, .body .container .contentFullWidth .contentbody input[type="submit"]:hover, .body .container .content .contentbody input[type="reset"]:hover, .body .container .contentFullWidth .contentbody input[type="reset"]:hover, .body .container .content input[type="button"]:hover, .body .container .contentFullWidth .contentbody input[type="button"]:hover {
            background-color: #ffa753;
          }

        .body .container .content .contentbody .pagination, .body .container .contentFullWidth .contentbody .pagination {
          padding-top: 20px;
        }

          .body .container .content .contentbody .pagination table, .body .container .contentFullWidth .contentbody .pagination table {
            margin: auto;
          }

          .body .container .content .contentbody .pagination input[type="text"], .body .container .contentFullWidth .contentbody .pagination input[type="text"] {
            height: 25px;
          }

          .body .container .content .contentbody .pagination .nav-pagination, .body .container .contentFullWidth .contentbody .pagination .nav-pagination {
            background-color: #ff9835;
            background-position: center center;
            background-repeat: no-repeat;
            display: table;
            width: 30px;
            height: 30px;
          }

            .body .container .content .contentbody .pagination .nav-pagination.first, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.first {
              background-image: url("/static/images/icons/arrow-first.png");
              margin-right: 5px;
            }

              .body .container .content .contentbody .pagination .nav-pagination.first.inactive, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.first.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-first-inactive.png");
              }

            .body .container .content .contentbody .pagination .nav-pagination.prev, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.prev {
              background-image: url("/static/images/icons/arrow-prev.png");
              margin-right: 10px;
            }

              .body .container .content .contentbody .pagination .nav-pagination.prev.inactive, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.prev.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-prev-inactive.png");
              }

            .body .container .content .contentbody .pagination .nav-pagination.next, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.next {
              background-image: url("/static/images/icons/arrow-next.png");
              margin-left: 10px;
            }

              .body .container .content .contentbody .pagination .nav-pagination.next.inactive, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.next.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-next-inactive.png");
              }

            .body .container .content .contentbody .pagination .nav-pagination.last, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.last {
              background-image: url("/static/images/icons/arrow-last.png");
              margin-left: 5px;
            }

              .body .container .content .contentbody .pagination .nav-pagination.last.inactive, .body .container .contentFullWidth .contentbody .pagination .nav-pagination.last.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-last-inactive.png");
              }

            .body .container .content .contentbody .pagination .nav-pagination:hover, .body .container .contentFullWidth .contentbody .pagination .nav-pagination:hover {
              background-color: #ffa753;
            }

      .body .container .content .datagrid, .body .container .contentFullWidth .datagrid {
        border-collapse: collapse;
        font-size: smaller;
        width: 100%;
      }

        .body .container .content .datagrid td, .body .container .contentFullWidth .datagrid td, .body .container .content .datagrid th, .body .container .contentFullWidth .datagrid th {
          border: 1px solid #d1d2d4;
        }

        .body .container .content .datagrid th, .body .container .contentFullWidth .datagrid th {
          background-color: #ff9835;
          padding: 5px;
        }

          .body .container .content .datagrid th label, .body .container .contentFullWidth .datagrid th label {
            cursor: pointer;
          }

        .body .container .content .datagrid tr:nth-child(odd), .body .container .contentFullWidth .datagrid tr:nth-child(odd) {
          background-color: #e8e8e7;
        }

        .body .container .content .datagrid th, .body .container .contentFullWidth .datagrid th {
          background-position: center right 5px;
          background-repeat: no-repeat;
        }

          .body .container .content .datagrid th a, .body .container .contentFullWidth .datagrid th a {
            color: #316b84;
          }

            .body .container .content .datagrid th a:hover, .body .container .contentFullWidth .datagrid th a:hover {
              color: #3f7a93;
            }

          .body .container .content .datagrid th.sort_desc, .body .container .contentFullWidth .datagrid th.sort_desc {
            background-image: url("/static/images/icons/arrow-down.png");
            padding-right: 25px;
          }

          .body .container .content .datagrid th.sort_asc, .body .container .contentFullWidth .datagrid th.sort_asc {
            background-image: url("/static/images/icons/arrow-up.png");
            padding-right: 25px;
          }

        .body .container .content .datagrid td, .body .container .contentFullWidth .datagrid td {
          padding: 2px;
        }

          .body .container .content .datagrid td.center, .body .container .contentFullWidth .datagrid td.center {
            text-align: center;
          }

          .body .container .content .datagrid td.icon-status-ok, .body .container .contentFullWidth .datagrid td.icon-status-ok {
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("/static/images/icons/accept.png");
          }

          .body .container .content .datagrid td.icon-status-alert, .body .container .contentFullWidth .datagrid td.icon-status-alert {
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("/static/images/icons/alert.png");
          }

      .body .container .content .tableheader, .body .container .contentFullWidth .tableheader {
        background-color: #ff9835;
        color: #316b84;
        padding: 10px;
      }

      .body .container .content .tabheader, .body .container .contentFullWidth .tabheader {
        background-color: #ff9835;
        color: #316b84;
        margin-top: 20px;
        vertical-align: top;
      }

        .body .container .content .tabheader div, .body .container .contentFullWidth .tabheader div {
          display: inline-table;
        }

          .body .container .content .tabheader div.title, .body .container .contentFullWidth .tabheader div.title {
            padding: 10px;
          }

          .body .container .content .tabheader div.tabselector, .body .container .contentFullWidth .tabheader div.tabselector {
            float: right;
          }

            .body .container .content .tabheader div.tabselector a, .body .container .contentFullWidth .tabheader div.tabselector a {
              display: inline;
            }

              .body .container .content .tabheader div.tabselector a div, .body .container .contentFullWidth .tabheader div.tabselector a div {
                color: #316b84;
                padding: 10px 30px;
              }

              .body .container .content .tabheader div.tabselector a.active div, .body .container .contentFullWidth .tabheader div.tabselector a.active div {
                background-color: #316b84;
                color: #ffffff;
              }

            .body .container .content .tabheader div.tabselector::after, .body .container .contentFullWidth .tabheader div.tabselector::after {
              content: "";
              clear: both;
              display: table;
            }

            .body .container .content .tabheader div.tabselector div:hover, .body .container .contentFullWidth .tabheader div.tabselector div:hover {
              background-color: #ffa753;
            }

      .body .container .content .tabgrid table, .body .container .contentFullWidth .tabgrid table {
        border-collapse: collapse;
        width: 100%;
      }

        .body .container .content .tabgrid table td, .body .container .contentFullWidth .tabgrid table td {
          border: 1px solid #d1d2d4;
          padding: 5px;
          width: 33%;
        }

        .body .container .content .tabgrid table tr:nth-child(even), .body .container .contentFullWidth .tabgrid table tr:nth-child(even) {
          background-color: #e8e8e7;
        }

        .body .container .content .tabgrid table th, .body .container .contentFullWidth .tabgrid table th {
          background-color: #316b84;
          color: #e8e8e7;
          padding: 5px;
          text-align: left;
        }

    .body .container .contentFullWidth {
      width: calc(100% - 30px);
    }

    .body .container .back {
      background-color: #ff9835;
      color: #316b84;
      float: right;
      margin-top: 10px;
      margin-bottom: 5px;
      line-height: 30px;
      padding: 0px 15px;
    }

.informaciotarolasirendszer .paginationSettings {
  margin-left: 20px;
}

.shortSellingTajekoztato table {
  border-collapse: collapse;
  width: 100%;
}

  .shortSellingTajekoztato table td {
    border: 1px solid #d1d2d4;
    padding: 5px 15px;
    width: 25%;
  }

    .shortSellingTajekoztato table td.first {
      text-align: center;
    }

.shortSellingTajekoztato p {
  text-align: justify;
  text-justify: inter-word;
}

.shortSellingKereses .filterbox {
  border: 1px solid #d1d2d4;
  background-color: #e8e8e7;
  width: 100%;
  margin-bottom: 30px;
}

  .shortSellingKereses .filterbox td {
    padding: 5px 20px 5px 5px;
  }

    .shortSellingKereses .filterbox td.first {
      width: 170px;
    }

  .shortSellingKereses .filterbox input[type="submit"], .shortSellingKereses .filterbox input[type="button"] {
    float: right;
  }

  .shortSellingKereses .filterbox input[type="submit"] {
    margin-right: 10px;
  }

.pagination input[type="text"] {
  margin-right: 0px !important;
  width: 25px !important;
}


.shortSellingKereses .downloadbar {
  text-align: center;
}

.reszletesKereso .filterbox {
  width: 100%;
}

  .reszletesKereso .filterbox td {
    padding: 5px;
  }

    .reszletesKereso .filterbox td.first {
      color: #316b84;
      font-size: 16px;
      padding: 0px;
      vertical-align: top;
      width: 150px;
    }

    .reszletesKereso .filterbox td.second {
      width: 180px;
    }

    .reszletesKereso .filterbox td.nopadding {
      padding: 0px;
    }

      .reszletesKereso .filterbox td.nopadding table {
        width: 100%;
      }

        .reszletesKereso .filterbox td.nopadding table td {
          padding: 0px;
          vertical-align: top;
          width: 50%;
        }

    .reszletesKereso .filterbox td.datefilter table {
      width: 100%;
    }

      .reszletesKereso .filterbox td.datefilter table td {
        text-align: left;
        width: 50%;
      }

        .reszletesKereso .filterbox td.datefilter table td.first {
          text-align: left;
        }

        .reszletesKereso .filterbox td.datefilter table td.last {
          text-align: right;
        }

        .reszletesKereso .filterbox td.datefilter table td .ui-date-picker {
          margin-right: 3px !important;
          width: calc(100% - 35px) !important;
        }

  .reszletesKereso .filterbox input[type="submit"], .reszletesKereso .filterbox input[type="button"] {
    float: right;
    margin-top: 30px;
  }

  .reszletesKereso .filterbox input[type="submit"] {
    margin-right: 10px;
    margin-top: 30px;
  }

  .reszletesKereso .filterbox ul {
    padding-left: 0px;
    margin: auto;
  }

    .reszletesKereso .filterbox ul li {
      list-style-type: none;
    }

.penztarikozzetetelek.header .right {
  margin-right: 0px;
}

.penztarikozzetetelek.header .nav-home {
  margin-right: 20px;
}

.penztarikozzetetelek .filterbox {
  border: 1px solid #d1d2d4;
  background-color: #e8e8e7;
  padding: 15px;
  width: 100%;
}

  .penztarikozzetetelek .filterbox table {
    width: 100%;
  }

    .penztarikozzetetelek .filterbox table td {
      padding: 5px;
    }

      .penztarikozzetetelek .filterbox table td.first {
        min-width: 130px;
      }

      .penztarikozzetetelek .filterbox table td.second {
        width: 50%;
      }

      .penztarikozzetetelek .filterbox table td.third {
        padding-left: 10px;
        width: 30px;
      }

      .penztarikozzetetelek .filterbox table td.forth {
        width: 50%;
      }

      .penztarikozzetetelek .filterbox table td.searchbuttoncell {
        display: table-cell;
        text-align: right;
      }

.penztarikozzetetelek .pagination input[type="text"] {
  margin-right: 0px !important;
  width: 25px !important;
}

.homepage {
  background: transparent;
  color: #ffffff;
}

  .homepage .nav-home img {
    display: none;
  }

  .homepage .right a {
    color: #fff;
  }

    .homepage .right a:hover {
      color: #efefef;
    }

.index {
  background: url("/static/images/homepage-bg.png") no-repeat;
  background-size: 100%;
  width: 100%;
  margin-top: -60px;
  border-top: none;
}

  .index .start-box-left, .index .start-box-right {
    width: 44%;
    color: #231f20;
    height: 100%;
    display: inline-block;
  }

    .index .start-box-left img, .index .start-box-right img {
      margin-right: 12px;
    }

  .index .start-box-left {
    margin: 90px 50px 50px 10px;
    float: left;
  }

  .index .start-box-right {
    margin: 90px 10px 50px 50px;
    float: right;
  }

  .index .start-box-title {
    margin-bottom: 20px;
  }

    .index .start-box-title p {
      width: 100%;
      margin: 0 auto;
      color: #ffffff;
      text-transform: uppercase;
      text-align: center;
      font-size: 22px;
      background-size: 20px;
    }

      .index .start-box-title p a {
        color: #ffffff;
      }

        .index .start-box-title p a:hover {
          color: #efefef;
        }

  .index ul {
    padding: 0;
    margin: 0 auto;
  }

    .index ul li {
      height: 50px;
      background: #ff9835;
      border-bottom: 3px solid #ff9835;
      list-style-type: none;
      padding-left: 10px;
      margin-bottom: 5px;
      line-height: 50px;
      text-transform: uppercase;
      font-size: 17px;
      -webkit-transition: all 0.2s;
      /* Safari */
      transition: all 0.2s;
    }

      .index ul li:hover {
        background: #316b84;
        border-bottom: 3px solid #ff9835;
        color: #ffffff;
        display: block;
      }

      .index ul li a {
        color: #ffffff;
        display: block;
      }

        .index ul li a img {
          float: right;
          margin: 15px;
        }

.clear {
  clear: both;
}

.left {
  float: left;
}

.white-box {
  background: #ffffff;
  height: 400px;
  padding: 20px;
  box-shadow: 0px 5px 20px #1a4760;
}

.table-content {
  width: 100%;
  overflow: auto;
}

.paginationSettings {
  display: inline;
  font-size: smaller;
}

  .paginationSettings div.ui-combobox {
    margin-right: 0px !important;
    width: 50px !important;
  }

.kuldemenyreszletesadatai table.infotable {
  border-spacing: 0px;
}

  .kuldemenyreszletesadatai table.infotable td:first-child {
    padding-bottom: 5px;
    padding-right: 10px !important;
  }

.kuldemenyreszletesadatai table.datagrid td {
  padding: 5px !important;
}

.formbox .ui-datetime-picker .ui-datetime-control[shown] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
}

.formbox .ui-datetime-picker .ui-datetime-control {
  border: 1px solid rgba(0,0,0,0.6);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  min-width: 280px !important;
  max-width: 280px !important;
  height: auto;
  padding: 0;
}

div.ui-datetime-picker input.ui-value {
  border: 0;
}

.formbox .ui-date-picker .ui-date-control[shown] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
}

.formbox .ui-date-picker .ui-date-control {
  border: 1px solid rgba(0,0,0,0.6);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
  min-width: 280px !important;
  max-width: 280px !important;
  height: auto;
  padding: 0;
}

div.ui-date-picker input.ui-value {
  border: 0;
}

table.datagrid tr td.break {
  /*max-width:250px;*/
  word-break: break-word;
  /*hyphens: auto;*/
}

#date-from input.ui-value.valueholder {
  margin-left: 5px;
  margin-top: 5px;
  width: 145px;
}

#date-from a img {
  height: 16px;
  width: 16px;
}

#date-from div.ui-control.ui-fake-input.ui-datetime-control {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  min-height: 165px;
}

#date-from div.ui-control.ui-fake-input.ui-date-control {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  min-height: 165px;
}

#date-from div div div.ui-calendar-row:last-child {
  border-bottom: solid 1px black;
}

#date-from div div div a._next {
  float: right;
}

#date-from div div a._next {
  float: right;
}

#date-from div div div a._prev {
  margin-right: 30%;
}

#date-from div div a._prev {
  margin-right: 25%;
}

#date-to input.ui-value.valueholder {
  margin-left: 5px;
  margin-top: 5px;
  width: 145px;
}

#date-to a img {
  height: 16px;
  width: 16px;
}

#date-to div.ui-control.ui-fake-input.ui-datetime-control {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  min-height: 165px;
}

#date-to, #date-from {
  -moz-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

  #date-to div div div.ui-calendar-row:last-child {
    border-bottom: solid 1px black;
  }

  #date-to div div div a._next {
    float: right;
  }

  #date-to div div a._next {
    float: right;
  }

  #date-to div div div a._prev {
    margin-right: 30%;
  }

  #date-to div div a._prev {
    margin-right: 25%;
  }

  #date-to div.ui-control.ui-fake-input.ui-date-control {
    -moz-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    min-height: 165px;
  }

td.icon-status-ok img {
  display: none;
}

td.icon-status-alert img {
  display: none;
}

span.notclickable {
  display: none;
}

.searchbox .searchinput img {
  cursor: pointer;
}

.institutelist {
  padding-left: 16px;
}

  .institutelist dt, dd {
    font-size: 12px;
    margin-top: 5px;
  }

#capitalContent iframe {
  width: calc(100% - 2px);
  min-height: 934px;
  border: none;
}

td.datefilter {
  padding: 0px !important;
}

.body .container .contentFullWidthMinimalHeight {
  background-color: #ffffff;
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  min-height: 600px;
  vertical-align: top;
  width: calc(100% - 320px);
}

  .body .container .contentFullWidthMinimalHeight .contentheader, .body .container .contentFullWidthMinimalHeight .contenttabheader {
    background-color: #ff9835;
    color: #316b84;
    font-size: 20px;
    line-height: 20px;
    padding: 8px 10px 8px 10px;
    text-transform: uppercase;
  }

    .body .container .contentFullWidthMinimalHeight .contentheader ul.tab, .body .container .contentFullWidthMinimalHeight .contenttabheader ul.tab {
      background-color: #ff9835;
      color: #316b84;
      height: 100%;
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }

      .body .container .contentFullWidthMinimalHeight .contentheader ul.tab li, .body .container .contentFullWidthMinimalHeight .contenttabheader ul.tab li {
        display: inline;
      }

      .body .container .contentFullWidthMinimalHeight .contentheader ul.tab .active {
        background-color: #ffffff;
        color: #ff9835;
      }

    .body .container .contentFullWidthMinimalHeight .contentheader .nav-print, .body .container .contentFullWidthMinimalHeight .contenttabheader .nav-print {
      float: right;
    }

  .body .container .contentFullWidthMinimalHeight .contenttabheader {
    line-height: 25px;
    padding: 0px;
    text-transform: uppercase;
  }

    .body .container .contentFullWidthMinimalHeight .contenttabheader a div {
      display: inline-table;
      padding: 5px 15px;
    }

    .body .container .contentFullWidthMinimalHeight .contenttabheader a.active div {
      background-color: #ffffff;
      color: #ff9835;
    }

    .body .container .contentFullWidthMinimalHeight .contenttabheader a:hover div {
      background-color: #ffa753;
      color: #316b84;
    }

  .body .container .contentFullWidthMinimalHeight .contentbody {
    padding: 20px;
    /* jVersus controls */
  }

    .body .container .contentFullWidthMinimalHeight .contentbody p.important {
      background-color: #e8e8e7;
      border-left: 5px solid #316b84;
      padding: 10px 0px 10px 20px;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody a {
      color: #FBFEFE;
      background-color: #ff9835;
      display: block;
      width: 360px;
      height: 40px;
      padding-top: 10px;
      font-size: larger;
    }

      .body .container .contentFullWidthMinimalHeight .contentbody a:hover {
        color: #fcb26b;
      }

    .body .container .contentFullWidthMinimalHeight .contentbody h1 {
      color: #316b84;
      font-size: 16px;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody h2 {
      color: #316b84;
      font-size: 14px;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody li {
      padding-bottom: 5px;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody .information {
      color: #316b84;
      font-style: italic;
    }
    /*.body .container .contentFullWidthMinimalHeight .contentbody .ui-time-control, .body .container .contentFullWidthMinimalHeight .contentbody .ui-calendar {
          height: auto !important; }
        .body .container .contentFullWidthMinimalHeight .contentbody .ui-calendar {
          min-width: 200px !important; }
        .body .container .contentFullWidthMinimalHeight .contentbody .ui-combobox {
          background-color: #ffffff;
          background-position: center right 5px;
          background-repeat: no-repeat;
          background-image: url("/static/images/icons/arrow-down-gray.png");
          border: 1px solid #d1d2d4;
          cursor: pointer;
          margin-right: 30px;
          width: 100%; }
         .body .container .contentFullWidthMinimalHeight .contentbody .ui-date-picker, .body .container .contentFullWidthMinimalHeight .contentbody .ui-datetime-picker {
          background-color: #ffffff;
          background-position: center right 5px;
          background-repeat: no-repeat;
          background-image: url("/static/images/icons/calendar.png");
          border: 1px solid #d1d2d4;
          cursor: pointer;
          margin-right: 30px;
          width: 100%; 
          padding:0px;
          padding-right:10px;
        }*/
    .body .container .contentFullWidthMinimalHeight .contentbody .ui-date-picker .ui-calendar-cell[selected="selected"], .body .container .contentFullWidthMinimalHeight .contentbody .ui-datetime-picker .ui-calendar-cell[selected="selected"] {
      background-color: #ff9835;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody .ui-date-picker .ui-time-control div[selected="selected"], .body .container .contentFullWidthMinimalHeight .contentbody .ui-datetime-picker .ui-time-control div[selected="selected"] {
      background-color: #ff9835;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody input[type="text"] {
      border: 1px solid #d1d2d4;
      margin-right: 30px;
      width: 100%;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody .filterbox select {
      border: 1px solid #d1d2d4;
      margin-right: 30px;
      width: 100%;
    }

    .body .container .contentFullWidthMinimalHeight .contentbody input[type="submit"], .body .container .contentFullWidthMinimalHeight .contentbody input[type="reset"], .body .container .contentFullWidthMinimalHeight .contentbody input[type="button"] {
      background-color: #ff9835;
      border: none;
      color: #316b84;
      cursor: pointer;
      height: 30px;
      min-width: 150px;
    }

      .body .container .contentFullWidthMinimalHeight .contentbody input[type="submit"]:hover, .body .container .contentFullWidthMinimalHeight .contentbody input[type="reset"]:hover, .body .container .contentFullWidthMinimalHeight .contentbody input[type="button"]:hover {
        background-color: #ffa753;
      }
/*.body .container .contentFullWidthMinimalHeight .contentbody .pagination {
          padding-top: 20px; }
        .body .container .contentFullWidthMinimalHeight .contentbody .pagination table {
            margin: auto; }
        .body .container .contentFullWidthMinimalHeight .contentbody .pagination input[type="text"] {
            height: 25px; }
        .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination {
            background-color: #ff9835;
            background-position: center center;
            background-repeat: no-repeat;
            display: table;
            width: 30px;
            height: 30px; }
             .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.first {
              background-image: url("/static/images/icons/arrow-first.png");
              margin-right: 5px; }
             .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.first.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-first-inactive.png"); }
            .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.prev {
              background-image: url("/static/images/icons/arrow-prev.png");
              margin-right: 10px; }
            .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.prev.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-prev-inactive.png"); }
            .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.next {
              background-image: url("/static/images/icons/arrow-next.png");
              margin-left: 10px; }
            .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.next.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-next-inactive.png"); }
           .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.last {
              background-image: url("/static/images/icons/arrow-last.png");
              margin-left: 5px; }
            .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination.last.inactive {
                background-color: #e8e8e7;
                background-image: url("/static/images/icons/arrow-last-inactive.png"); }
             .body .container .contentFullWidthMinimalHeight .contentbody .pagination .nav-pagination:hover {
              background-color: #ffa753; }
      .body .container .contentFullWidthMinimalHeight .datagrid {
        border-collapse: collapse;
        font-size: smaller;
        width: 100%; }
         .body .container .contentFullWidthMinimalHeight .datagrid td, .body .container .contentFullWidthMinimalHeight .datagrid th {
          border: 1px solid #d1d2d4; }
         .body .container .contentFullWidthMinimalHeight .datagrid th {
          background-color: #ff9835;
          padding: 5px; }
     .body .container .contentFullWidthMinimalHeight .datagrid th label {
       cursor: pointer;
    }
         .body .container .contentFullWidthMinimalHeight .datagrid tr:nth-child(odd) {
          background-color: #e8e8e7; }
         .body .container .contentFullWidthMinimalHeight .datagrid th {
          background-position: center right 5px;
          background-repeat: no-repeat; }
         .body .container .contentFullWidthMinimalHeight .datagrid th a {
            color: #316b84; }
         .body .container .contentFullWidthMinimalHeight .datagrid th a:hover {
              color: #3f7a93; }
         .body .container .contentFullWidthMinimalHeight .datagrid th.sort_desc {
            background-image: url("/static/images/icons/arrow-down.png");
            padding-right: 25px; }
         .body .container .contentFullWidthMinimalHeight .datagrid th.sort_asc {
            background-image: url("/static/images/icons/arrow-up.png");
            padding-right: 25px; }
         .body .container .contentFullWidthMinimalHeight .datagrid td {
          padding: 2px; }
          .body .container .contentFullWidthMinimalHeight .datagrid td.center {
            text-align: center; }
          .body .container .contentFullWidthMinimalHeight .datagrid td.icon-status-ok {
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("/static/images/icons/accept.png"); }
          .body .container .contentFullWidthMinimalHeight .datagrid td.icon-status-alert {
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("/static/images/icons/alert.png"); }
      .body .container .contentFullWidthMinimalHeight .tableheader {
        background-color: #ff9835;
        color: #316b84;
        padding: 10px; }
      .body .container .contentFullWidthMinimalHeight .tabheader {
        background-color: #ff9835;
        color: #316b84;
        margin-top: 20px;
        vertical-align: top; }
        .body .container .contentFullWidthMinimalHeight .tabheader div {
          display: inline-table; }
          .body .container .contentFullWidthMinimalHeight .tabheader div.title {
            padding: 10px; }
           .body .container .contentFullWidthMinimalHeight .tabheader div.tabselector {
            float: right; }
            .body .container .contentFullWidthMinimalHeight .tabheader div.tabselector a {
              display: inline; }
              .body .container .contentFullWidthMinimalHeight .tabheader div.tabselector a div {
                color: #316b84;
                padding: 10px 30px; }
              .body .container .contentFullWidthMinimalHeight .tabheader div.tabselector a.active div {
                background-color: #316b84;
                color: #ffffff; }
             .body .container .contentFullWidthMinimalHeight .tabheader div.tabselector::after {
              content: "";
              clear: both;
              display: table; }
             .body .container .contentFullWidthMinimalHeight .tabheader div.tabselector div:hover {
              background-color: #ffa753; }
       .body .container .contentFullWidthMinimalHeight .tabgrid table {
        border-collapse: collapse;
        width: 100%; }
        .body .container .contentFullWidthMinimalHeight .tabgrid table td {
          border: 1px solid #d1d2d4;
          padding: 5px;
          width: 33%; }
        .body .container .contentFullWidthMinimalHeight .tabgrid table tr:nth-child(even) {
          background-color: #e8e8e7; }
        .body .container .contentFullWidthMinimalHeight .tabgrid table th {
          background-color: #316b84;
          color: #e8e8e7;
          padding: 5px;
          text-align: left; }*/
.body .container .contentFullWidthMinimalHeight {
  width: calc(100% - 30px);
}

  .body .container .contentFullWidthMinimalHeight .contentbody table.outer, .body .container .contentFullWidthMinimalHeight .contentbody table.outer table.inner {
    width: 100%;
    text-align: center;
  }

    .body .container .contentFullWidthMinimalHeight .contentbody table.outer tr td table.inner tr td a:hover {
      background-color: #ffa753;
      color: whitesmoke !important;
    }

  .body .container .contentFullWidthMinimalHeight .contentbody {
    text-align: center;
  }

.body .container .content .tabheader.pub a, .body .container .contentFullWidth .tabheader.pub a {
  color: #FBFEFE;
}

.body .container .content .tabheader.pub, .body .container .contentFullWidth .tabheader.pub {
  background-color: #114658;
  color: #FBFEFE;
  margin-top: 20px;
  vertical-align: top;
}

.tabheader.pub.main{
  height:70px;width: 100%;float:left;
}
.tabheader.pub.sub{
  position:absolute;right:0px;float: right;top: 34px;display: inline !important;
}
  .body .container .content .tabheader.pub div, .body .container .contentFullWidth .tabheader.pub div {
    display: inline-table;
  }

    .body .container .content .tabheader.pub div.title, .body .container .contentFullWidth .tabheader.pub div.title {
      text-transform: uppercase;
      padding: 10px;
    }

.body .container .contentFullWidth .pubtabgrid .yeartabselector {
  width: 100%;
  height: 36px;
  background-color: #306C85;
  /*display: inline-table;*/
}

.body .container .contentFullWidth .pubtabgrid .yeartabselector {
  float: right;
}

  .body .container .contentFullWidth .pubtabgrid .yeartabselector div.tabselector {
    float: right;
  }

    .body .container .contentFullWidth .pubtabgrid .yeartabselector div.tabselector a {
      display: inline;
    }

      .body .container .contentFullWidth .pubtabgrid .yeartabselector div.tabselector a div {
        display: inline-table;
        color: #ffffff;
        padding: 10px 30px;
      }

      .body .container .contentFullWidth .pubtabgrid .yeartabselector div.tabselector a.active div {
        background-color: #ff9835;
        color: #ffffff;
      }

.body .container .contentFullWidth .pubtabgrid div.yeartabselector div.tabselector::after {
  content: "";
  clear: both;
  display: table;
}

.body .container .contentFullWidth .pubtabgrid div.tabselector div.tabselector::after {
  content: "";
  clear: both;
  display: table;
}

.body .container .content .tabheader.pub div.tabselector div:hover, .body .container .contentFullWidth .tabheader.pub div.tabselectorType div:hover {
  background-color: #114658;
}

.body .container .content .tabheader.pub div.tabselector, .body .container .contentFullWidth .tabheader.pub div.tabselectorType {
  float: right;
}

  .body .container .content .tabheader.pub div.tabselector a, .body .container .contentFullWidth .tabheader.pub div.tabselectorType a {
    display: inline;
  }

    .body .container .content .tabheader.pub div.tabselector a div, .body .container .contentFullWidth .tabheader.pub div.tabselectorType a div {
      text-transform: uppercase;
      color: #ffffff;
      padding: 10px 30px;
    }

    .body .container .content .tabheader.pub div.tabselector a.active div, .body .container .contentFullWidth .tabheader.pub div.tabselectorType a.active div {
      background-color: #306C85;
      color: #ffffff;
    }

  .body .container .content .tabheader.pub div.tabselector::after, .body .container .contentFullWidth .tabheader.pub div.tabselectorType::after {
    content: "";
    clear: both;
    display: table;
  }

  .body .container .content .tabheader.pub div.tabselector div:hover, .body .container .contentFullWidth .tabheader.pub div.tabselectorType div:hover {
    background-color: #5a90a8;
  }

.body .container .content .tabgrid table, .body .container .contentFullWidth .pubtabgrid table {
  border-collapse: collapse;
  width: 100%;
}

  .body .container .content .tabgrid table td, .body .container .contentFullWidth .pubtabgrid table td {
    border: 1px solid #d1d2d4;
    padding: 5px;
    width: 25%;
  }

  .body .container .content .tabgrid table tr:nth-child(even), .body .container .contentFullWidth .pubtabgrid table tr:nth-child(even) {
    background-color: #e8e8e7;
  }

  .body .container .content .tabgrid table th, .body .container .contentFullWidth .pubtabgrid table th {
    background-color: #316b84;
    color: #e8e8e7;
    padding: 5px;
    text-align: left;
  }

  .body .container .content .tabgrid table.year th, .body .container .contentFullWidth .pubtabgrid table.year th {
    background-color: #ff9835 !important;
    color: #ffffff;
    padding: 5px;
    text-align: left;
  }

  .body .container .contentFullWidth .pubtabgrid table tr td a {
    color: black;
  }

tr#show, tr#hide {
  background-color: #ff9835;
}

  tr#show td, tr#hide td {
    color: #ffffff;
    border: none;
  }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */*/
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: black#; 
    text-align: center;
    padding: 5px 0;
    border: 1px solid black;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
     z-index: 1;
}
.tooltip .tooltiptextwide{
    visibility: hidden;
    width: 250px;
    background-color: white;
    color: black#; 
    text-align: center;
    padding: 5px 0;
    border: 1px solid black;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
     z-index: 1;

}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip.hover .tooltiptext {
    visibility: visible;
}
.tooltip.hover .tooltiptextwide {
    visibility: visible;
}
img.hmlnk {
  height: 17px;
  margin-left: 12px;
}

input[type=number] {
    -moz-appearance: textfield; !important
}

::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.cookie {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #316b84;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    text-align: center;
    display: none;
    border-top: 1px solid #ff9835;
}
a._accept {
    color: #FFFFFF;
    cursor: pointer;
}
a._accept:hover {
    font-weight: 700;
}
a._accept img  {
    height: 17px;
    vertical-align: bottom !important;
    margin-right: 3px;
}