/* Scss Document */
body, html {
  height: 100%;
  font-size: 15px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; }

a {
  color: #3073bb; }

a.disabled {
  cursor: context-menu; }

a:hover {
  color: #204e7e; }

.invalid {
  color: #c52827;
  border-color: #c52827; }

.btn-primary {
  color: #fff;
  background-color: #3073bb;
  border-color: #3073bb; }

.btn-primary:hover {
  background-color: #28609d;
  color: #fff;
  border-color: #265a92; }

.form-control, .custom-select {
  max-width: 240px;
  background-color: #fefefe; }

.custom-select {
  display: inline-block;
  padding: .375rem 1.75rem .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fefefe url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.form-control-feedback {
  display: block;
  color: #c6d2de;
  font-size: .9rem; }

.alert.alert-success {
  color: #234423;
  background-color: #d9e6d9;
  border-color: #cadcca; }
.alert.alert-danger {
  color: #712b29;
  background-color: #f7dddc;
  border-color: #f4cfce; }
.alert.alert-warning {
  color: #7d5a29;
  background-color: #fcefdc;
  border-color: #fbe8cd; }
.alert h4 {
  font-size: 1em; }

/* LOGIN */
.login-bg {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-image: linear-gradient(45deg, rgba(43, 92, 145, 0.9) 30%, rgba(59, 151, 249, 0.2)); }

.login {
  width: 410px; }
  .login .box {
    background: #285f9b;
    box-shadow: 0 0 20px #2b5c91; }
  .login h1 {
    font-size: 1.571rem; }
  .login .form-group label {
    display: flex;
    align-items: flex-end;
    justify-content: space-between; }
  .login .custom-select, .login .form-control {
    max-width: none; }
  .login input {
    border-radius: 0;
    padding: .6rem 1rem; }
  .login .obrazok img {
    width: 1%;
    display: block;
    flex: 1 1 auto; }

.input-group-text {
  background-color: #3073bb;
  border-radius: 0;
  border-width: 0;
  color: #fff;
  padding: .6rem 1rem; }

.oko, .fa-sync-alt {
  cursor: pointer; }

/* HEADER */
header {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
  header .logo {
    display: inline-block;
    width: 48px;
    line-height: 55px;
    text-align: center; }
  header .far, header .fas {
    width: 57px;
    font-size: 1.2rem;
    color: #2b5c91;
    vertical-align: middle;
    transition: all .2s ease-in-out; }
  header:hover .far, header:hover .fas {
    font-size: 1.3rem; }
  header .page-title {
    margin: 0 5px;
    font-size: 1.2rem;
    line-height: 55px;
    color: #2b5c91;
    font-weight: 400; }
  header .nav-link {
    position: relative;
    padding: 0;
    line-height: 55px; }
  header .header-profile .dropdown-menu {
    min-width: 280px;
    padding: 0;
    border: 0;
    z-index: 1041;
    border-radius: 0; }
  header .dropdown-header {
    padding: .5rem .75rem;
    color: #fff;
    background-color: #2b5c91;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
    header .dropdown-header .far {
      color: #fff;
      font-size: inherit;
      width: auto;
      margin-right: 5px; }
  header .dropdown-item {
    padding: .5rem .75rem; }
    header .dropdown-item + .dropdown-item {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    header .dropdown-item:focus, header .dropdown-item:hover {
      color: #2b5c91; }
  header .dropdown-toggle::after {
    display: none; }

.wrapper {
  transition: all .3s ease; }

/* SIDEBAR */
.sidebar-wrapper {
  position: relative;
  top: 0;
  z-index: 1041;
  display: flex;
  flex-direction: column;
  flex: 1 0 250px;
  max-width: 250px;
  background-color: #122942;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: all .3s ease;
  overflow: hidden; }

.closed .sidebar-wrapper {
  flex: 1 0 48px;
  max-width: 48px; }
.closed .sidebar-item-title {
  display: none; }

.main-nav {
  width: 250px;
  opacity: 1; }
  .main-nav li {
    color: #7189a4;
    list-style-type: none; }
  .main-nav a {
    position: relative;
    color: #e3eaf1; }
    .main-nav a:hover {
      color: #fff;
      text-decoration: none; }
    .main-nav a.active {
      background-color: rgba(0, 0, 0, 0.4); }
      .main-nav a.active::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        content: "";
        background-color: #3073bb; }
  .main-nav > li > a {
    display: block;
    padding: 10px 6px; }
    .main-nav > li > a:hover {
      background-color: rgba(0, 0, 0, 0.4); }
  .main-nav .far, .main-nav .fas {
    position: relative;
    top: -1px;
    display: inline-block;
    margin: 0 5px;
    font-size: 1.1rem;
    text-align: center;
    vertical-align: middle; }

/* TAB */
#myTab {
  display: flex;
  flex-direction: column; }
  #myTab > ul {
    display: flex;
    background-color: #f5f5f5;
    border-color: #ccc #ccc currentcolor;
    border-image: none;
    border-radius: .25rem .25rem 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    box-shadow: 0 1px #fff inset, 0 2px 3px -3px rgba(0, 0, 0, 0.15), 0 -4px 0 rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(0, 0, 0, 0.04);
    margin: 0;
    padding: 0;
    list-style: outside none none;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; }
    #myTab > ul a {
      display: block;
      color: #0d1321;
      padding: .75em 1em;
      position: relative;
      box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05);
      text-decoration: none; }
      #myTab > ul a.active {
        background-color: rgba(0, 0, 0, 0.03);
        background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%);
        border-left: 0 none;
        border-right: 0 none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 2px 0 1px -1px rgba(0, 0, 0, 0.08) inset, -2px 0 1px -1px rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(0, 0, 0, 0.02) inset; }
        #myTab > ul a.active::after {
          background-color: #006898;
          bottom: -1px;
          content: "";
          height: 5px;
          left: 0;
          opacity: .8;
          position: absolute;
          right: 0; }
  #myTab > section {
    display: none;
    background-color: #fefefe;
    border: 1px solid #ccc;
    border-radius: 0 0 .25rem .25rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.04);
    padding: 15px; }
    #myTab > section.active {
      display: block; }

.control-group {
  margin-bottom: 18px; }
  .control-group::after {
    display: table;
    clear: both;
    content: ""; }
  .control-group .control-label {
    float: left;
    width: 220px;
    padding-top: 5px;
    padding-right: 5px;
    text-align: left; }
  .control-group .controls {
    margin-left: 220px; }
  .control-group input {
    border-radius: 0;
    padding: .6rem 1rem; }
  .control-group .form-control-feedback {
    display: block;
    color: inherit;
    font-size: inherit; }

.switcher {
  box-sizing: border-box;
  display: block;
  height: 28px; }
  .switcher fieldset {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 62px;
    height: 28px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f2f2f2;
    background-clip: content-box;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 0;
    box-shadow: inset 0 0 0 0 #dfdfdf;
    transition: border .4s ease 0s,box-shadow .4s ease 0s; }
    .switcher fieldset.active {
      transition: border .4s ease 0s,box-shadow .4s ease 0s,background-color 1.2s ease 0s; }
      .switcher fieldset.active .switch {
        left: 29px; }
  .switcher.danger fieldset.active {
    background-color: #f0506e;
    border-color: #f0506e;
    box-shadow: inset 0 0 0 14px #f0506e; }
  .switcher.success fieldset.active {
    background-color: #2f7d32;
    border-color: #2f7d32;
    box-shadow: inset 0 0 0 14px #2f7d32; }
  .switcher input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 62px;
    height: 28px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0; }
    .switcher input:checked {
      z-index: 0; }
  .switcher .switch {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 26px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    transition: left .2s ease 0s; }
  .switcher .labels {
    position: relative; }
    .switcher .labels span {
      position: absolute;
      top: 0;
      left: 10px;
      color: #868e96;
      visibility: hidden;
      opacity: 0;
      transition: all .2s ease-in-out; }
      .switcher .labels span.active {
        visibility: visible;
        opacity: 1;
        transition: all .2s ease-in-out; }

/* QUICK ICONS */
.quick-icons ul {
  display: inline;
  list-style: none; }
.quick-icons li {
  float: left; }
.quick-icons a {
  display: inline-flex;
  flex-direction: column;
  width: 140px;
  height: 120px;
  margin-right: 15px;
  margin-bottom: 15px;
  color: #2b5c91;
  text-align: center;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: all .25s ease; }
  .quick-icons a:focus, .quick-icons a:hover {
    text-decoration: none;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
  .quick-icons a > div {
    flex: 1 0 0; }
  .quick-icons a .far, .quick-icons a .fas {
    margin: 5px auto 0;
    font-size: 2.5rem; }
  .quick-icons a .text {
    display: block;
    width: 100%;
    padding: 0 1rem;
    font-size: 1rem;
    line-height: 1.1; }

/* MAIN */
.container-main {
  padding-bottom: 50px;
  position: relative;
  min-height: calc(100vh - 55px);
  background-color: #ebeff5; }
  .container-main .alert {
    margin: 10px; }

.btn {
  border-radius: 0; }

.btn-primary {
  color: #fff;
  background-color: #3073bb;
  border-color: #3073bb; }
  .btn-primary:hover {
    background-color: #28609d;
    color: #fff;
    border-color: #265a92; }

.btn-success {
  color: #fff;
  background-color: #2f7d32;
  border-color: #2f7d32; }
  .btn-success:hover {
    background-color: #256127;
    color: #fff;
    border-color: #215823; }

.btn-danger {
  color: #fff;
  background-color: #c52827;
  border-color: #c52827; }
  .btn-danger:hover {
    background-color: #a52221;
    color: #fff;
    border-color: #9a1f1f; }

.content {
  padding-top: 15px;
  border-radius: 0; }
  .content > .row {
    margin-right: 0;
    margin-left: 0; }

.subhead {
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1040;
  width: auto;
  min-height: 43px;
  padding: 13px 0;
  color: #0c192e;
  background: #ebeff5; }
  .subhead + .content {
    padding-top: 0; }
  .subhead .row {
    margin-right: 0;
    margin-left: 0; }
  .subhead .btn-toolbar {
    margin-bottom: 0; }
    .subhead .btn-toolbar > * {
      margin-left: .75rem;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
    .subhead .btn-toolbar > :first-child {
      margin-left: 0; }
  .subhead .btn {
    padding: 0 22px;
    font-size: 1rem;
    line-height: 2.3rem;
    border-width: 0; }
    .subhead .btn.dropdown-toggle[disabled], .subhead .btn[disabled] {
      background-color: #6f7780;
      border-color: #6f7780; }
    .subhead .btn span {
      z-index: -1;
      display: inline-block;
      width: 38px;
      height: auto;
      margin: 0 16px 0 -22px;
      line-height: 2.3rem;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.2); }

.notify-alerts {
  position: fixed;
  top: 15px;
  left: 50%;
  z-index: 1080;
  margin-left: 125px;
  transition: all .5s ease;
  transform: translateX(-50%); }

.filter {
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding: 5px 0 0;
  width: 100%; }
  .filter .vlavo {
    float: left; }
    .filter .vlavo .btn-toolbar {
      margin-bottom: 8px; }
  .filter .fa-caret-down {
    margin-left: 5px; }
  .filter .filter-popup {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 10px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ced4da;
    box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.05); }
    .filter .filter-popup.close {
      display: none; }
    .filter .filter-popup .field-list, .filter .filter-popup .field-filter {
      display: inline-block;
      margin: 0 5px 5px 0; }
    .filter .filter-popup .custom-select {
      max-width: none; }

.table td {
  padding: 18px 12px; }
.table td, .table th {
  vertical-align: middle; }
.table thead td {
  padding: 0; }
  .table thead td:first-child {
    width: 1%; }
.table thead td, .table thead th {
  font-weight: 400;
  color: #343a40;
  white-space: nowrap;
  border-bottom: 2px solid #dee2e6; }
  .table thead td label, .table thead th label {
    margin-bottom: 0; }
.table thead a {
  font-weight: 400;
  color: #343a40; }
.table tbody {
  background-color: #fff; }

.tlacidlo-triedenia {
  cursor: pointer;
  background: none;
  border: 0; }

.tbody-icon {
  padding: 0 3px;
  text-align: center;
  background-color: transparent;
  border: 0;
  font-size: 1.73rem; }
  .tbody-icon .fa-check-circle {
    color: #2f7d32; }
  .tbody-icon .fa-times-circle {
    color: #ccc; }

.pagination {
  margin: 1rem;
  border-radius: 0; }

.page-link {
  color: #3073bb; }
  .page-link.disabled {
    color: #999; }
  .page-link.active {
    padding: 0; }
    .page-link.active.current {
      padding: .5rem .75rem;
      color: #999;
      background-color: #dee2e6; }
    .page-link.active a {
      padding: .5rem .75rem;
      line-height: 2.25; }

.card-body {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
  .card-body .control-group .controls {
    margin-left: 0; }

/* SVG */
div.svg g path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #5887C5; }
div.svg g#svaly path {
  fill: #89B1DF;
  stroke: #89B1DF;
  stroke-width: 0.5669;
  stroke-miterlimit: 22.9256; }
div.svg.aktivne g#svaly g {
  cursor: pointer; }
  div.svg.aktivne g#svaly g:hover path, div.svg.aktivne g#svaly g.active path {
    fill: #dc3545;
    stroke: #DCEAF9; }

/* KALENDAR */
.navigacia_kalendara {
  height: 64px;
  line-height: 28px;
  color: #3c4043;
  font-weight: 400;
  padding: 8px;
  vertical-align: middle;
  align-items: center;
  display: flex; }
  .navigacia_kalendara .datum {
    font-size: 22px;
    margin-left: 16px; }
  .navigacia_kalendara button {
    margin-left: 0;
    padding: 0 22px;
    font-size: 1rem;
    line-height: 2.3rem;
    border-width: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
  .navigacia_kalendara .btn-group {
    margin-left: 16px; }
    .navigacia_kalendara .btn-group button {
      padding: 0 1rem; }
      .navigacia_kalendara .btn-group button:hover {
        z-index: auto; }

.kalendar {
  width: 100%;
  height: calc(100% - 64px); }

.hlavicka {
  height: 20px;
  display: flex;
  border-right: #dadce0 1px solid;
  border-left: #dadce0 1px solid;
  border-top: #dadce0 1px solid; }
  .hlavicka div {
    flex: 1 1 0%;
    border-right: #dadce0 1px solid;
    text-align: center;
    color: #70757a;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px; }
    .hlavicka div:last-child {
      border-right: none; }

.mesiac {
  height: calc(100% - 20px);
  display: flex;
  flex-direction: column; }

.tyzden {
  display: flex;
  flex: 1;
  border-right: #dadce0 1px solid;
  border-left: #dadce0 1px solid;
  border-bottom: #dadce0 1px solid; }

.den {
  color: #212121;
  flex: 1 1 0;
  border-right: #dadce0 1px solid;
  text-align: center;
  cursor: pointer;
  min-height: 95px;
  position: relative; }
  .den:last-child {
    border-right: none; }
  .den span {
    display: block;
    width: 100%;
    height: 100%; }
  .den h4 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 24px;
    margin: 8px auto 0 auto;
    padding: 0 6px;
    border-radius: 50%;
    width: max-content;
    display: block;
    text-align: center;
    white-space: nowrap;
    min-width: 24px; }
  .den i {
    position: absolute;
    right: 1rem;
    bottom: 1rem; }
  .den.aktualny_den h4 {
    background-color: #1a73e8;
    color: #fff; }
  .den:hover h4 {
    background-color: #f1f3f4;
    color: #212121; }
  .den:hover.aktualny_den h4 {
    background-color: #1967d2;
    color: #fff; }
  .den.sivy {
    color: #70757a; }
  .den input, .den div {
    margin-top: 0.5rem; }

/* GRAF */
.graf text {
  font-size: 10px; }
.graf .labels {
  text-anchor: middle;
  fill: #595959; }
.graf .grid {
  stroke: #d9d9d9;
  stroke-dasharray: 0;
  stroke-width: 1; }
.graf .data {
  fill: #4472c4;
  stroke-width: 1; }
  .graf .data g {
    cursor: pointer; }
    .graf .data g text {
      display: none; }
    .graf .data g:hover text {
      display: block; }
.graf #ciara {
  fill: none;
  stroke: #4472c4;
  stroke-width: 2; }