.sk-cube-grid {
  position: fixed;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #2B46AF;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s; }

.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridOpacity {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes sk-cubeGridOpacityOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1); } }

html {
  min-height: 100%;
  position: relative; }

body {
  margin-bottom: 60px;
  font-family: Roboto; }

html, body {
  background: #fff; }

button {
  font-family: Roboto; }

* {
  border-radius: 0 !important; }

a {
  color: #003278; }

.validation-label {
  color: #cc3410;
  font-size: 13px; }

.block-validation {
  display: block;
  text-align: center; }

a.list-group-item-info, button.list-group-item-info {
  color: #003278;
  background-color: #f2fbff; }

a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
  color: #001956;
  background-color: #d0e5fa; }

.bg-primary {
  background-color: #003278 !important; }

.btn-info, .btn-info:active, .btn-info:visited, .btn-primary, .btn-primary:active, .btn-primary:visited {
  background-color: #003278 !important;
  border-color: #003278 !important; }

.btn-info:hover, .btn-primary:hover {
  background-color: #001956 !important;
  border-color: #001956 !important; }

.btn-info:focus, .btn-primary:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-outline-primary {
  color: #001956 !important;
  border-color: #001956 !important; }

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #4159aa;
  border-color: #4159aa; }

.invisible {
  display: none !important; }

.modal.show {
  display: block !important; }

.info-banner {
  margin-top: 20px;
  width: 100%;
  padding: 14px;
  color: #222;
  background: #e8f2fd; }
  .info-banner i {
    vertical-align: middle;
    color: #4159aa; }
  .info-banner .require {
    color: #cc3410; }

.info-banner-small {
  width: 100%;
  font-size: 12px;
  color: #001956;
  background: #d0e5fa;
  padding: 10px; }
  .info-banner-small i {
    font-size: 18px;
    vertical-align: middle;
    color: #4159aa; }
  .info-banner-small .require {
    color: #cc3410; }

.flex-box {
  display: flex; }
  .flex-box .op-form-input-row:first-child {
    width: 48%; }
  .flex-box .op-form-input-row:last-child {
    width: 48%;
    margin-left: 4%; }

.title-wrapper {
  margin-top: 20px;
  padding: 12px;
  background: #001956; }
  .title-wrapper h2 {
    font-size: 16px;
    color: #eee;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0; }

.inputs {
  margin: auto;
  padding: 20px;
  background: #e8f2fd; }
  .inputs .op-form-input-row {
    margin-bottom: 8px; }
    .inputs .op-form-input-row .label {
      margin-bottom: 2px;
      color: #4159aa;
      margin-left: 4px;
      font-size: 13px; }
      .inputs .op-form-input-row .label .require {
        color: #cc3410; }
    .inputs .op-form-input-row input, .inputs .op-form-input-row select {
      width: 100%;
      vertical-align: middle;
      padding: 5px 10px;
      color: #666;
      height: 33px;
      font-size: 14px;
      border: none;
      background: #fff; }
    .inputs .op-form-input-row :-ms-input-placeholder {
      color: #bbb; }
    .inputs .op-form-input-row ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #bbb; }
    .inputs .op-form-input-row ::-moz-placeholder {
      /* Firefox 19+ */
      color: #bbb; }
    .inputs .op-form-input-row :-ms-input-placeholder {
      /* IE 10+ */
      color: #bbb; }
    .inputs .op-form-input-row :-moz-placeholder {
      /* Firefox 18- */
      color: #bbb; }
    .inputs .op-form-input-row input.error, .inputs .op-form-input-row .mx-datepicker.error, .inputs .op-form-input-row select.error {
      border: 2px solid #cc3410;
      color: #cc3410 !important; }
    .inputs .op-form-input-row input:focus, .inputs .op-form-input-row select:focus {
      border: 2px solid #4855a3;
      outline: none; }
    .inputs .op-form-input-row input:disabled, .inputs .op-form-input-row select:disabled {
      background: #d0e5fa; }
    .inputs .op-form-input-row textarea {
      width: 100%;
      vertical-align: middle;
      padding: 5px 10px;
      color: #666; }
    .inputs .op-form-input-row textarea:focus {
      border-color: #4855a3;
      outline: none; }
  .inputs .switch-toggles {
    background: #4159aa;
    color: #eee; }
    .inputs .switch-toggles div {
      padding: 10px; }
    .inputs .switch-toggles label {
      margin-bottom: 0;
      margin-top: 10px; }
      .inputs .switch-toggles label .slider {
        background-color: #ddd; }
      .inputs .switch-toggles label .slider:before {
        background-color: #003278; }
      .inputs .switch-toggles label input:checked + .slider {
        background-color: #d0e5fa !important; }

.buttons {
  width: 100%;
  text-align: center;
  padding-top: 20px; }
  .buttons button {
    cursor: pointer; }
    .buttons button .material-icons {
      vertical-align: middle;
      position: relative;
      top: -2px; }
  .buttons .back-button {
    border-color: #4855a3;
    color: #4855a3; }
  .buttons .send-button {
    border: solid 1px #003278;
    color: #003278;
    width: 250px; }
  .buttons .send-button:hover {
    background: #003278;
    color: #fff; }
  .buttons .back-button:hover, .buttons .back-button:focus, .buttons .next-button:hover, .buttons .next-button:focus {
    border-color: #666;
    color: #666;
    background: none; }

.uploadOverlay {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  z-index: 101;
  top: 0;
  position: fixed; }
  .uploadOverlay .loader {
    border: 16px solid #ffffff;
    border-top: 16px solid #003278;
    border-radius: 50% !important;
    width: 120px;
    height: 120px;
    position: absolute;
    margin-top: 20%;
    margin-left: 46%;
    z-index: 200;
    animation: spin 1.3s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.checkbox-container {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px; }

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkmark {
  position: absolute;
  top: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: solid #a9a9a9 1px; }

.checkbox-label {
  float: left;
  margin-right: 5px; }

.checkmark:hover {
  border: solid #4855a3 1px; }

.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc; }

.checkbox-container input:checked ~ .checkmark {
  background-color: #4854a3; }

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

.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

.checkbox-container .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.switch-button {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px; }
  .switch-button input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch-button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px !important; }
  .switch-button .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50% !important; }
  .switch-button input:checked + .slider {
    background-color: #2196F3; }
  .switch-button input:focus + .slider {
    box-shadow: 0 0 1px #2196F3; }
  .switch-button input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }

.app-footer {
  font-size: 14px;
  color: #eee;
  bottom: 0;
  width: 100%;
  position: absolute; }
  .app-footer .wrap {
    padding: 5px;
    background: #001956; }
  .app-footer a {
    color: #f18e00; }

.navbar {
  box-shadow: 0 0 4px #777;
  border-bottom: 0px solid #A8C1D7 !important;
  background: #001956 !important;
  color: #eee !important; }
  .navbar .navbar-brand {
    font-size: 0px; }
  .navbar .flags {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 15px; }
    .navbar .flags span {
      padding: 5px;
      margin-right: 0px !important;
      border: 1px solid #ddd; }
      .navbar .flags span:hover {
        background: #ddd; }
      .navbar .flags span:first-child {
        border-top-left-radius: 3px !important;
        border-bottom-left-radius: 3px !important;
        border-right: 0px solid !important; }
      .navbar .flags span:last-child {
        border-top-right-radius: 3px !important;
        border-bottom-right-radius: 3px !important; }
    .navbar .flags .active {
      background: #f6f6f6; }

svg {
  height: 30px;
  width: 150px;
  fill: #eee !important; }

.navbar__flag {
  width: 25px;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.navbar__nadpis {
  color: #eee !important;
  font-size: 18px; }

.navbar-inverse .navbar-nav .nav-link {
  color: #eee !important; }

.container {
  padding: 37px 30px 30px 30px;
  border-radius: 8px !important;
  background: none;
  min-width: 1200px !important; }
  .container .material-icons {
    vertical-align: middle; }
  .container .back {
    font-size: 14px;
    cursor: pointer; }
    .container .back i {
      background: #fff;
      border: 2px solid #001956;
      border-radius: 50px !important;
      width: 29px;
      height: 29px;
      line-height: 25px;
      font-size: 18px;
      text-align: center;
      position: relative;
      top: -2px;
      margin-right: 8px;
      color: #001956; }
  .container .back:hover i {
    background: #001956;
    color: #fff; }
  .container .error-banner {
    margin-top: 20px;
    width: 100%;
    padding: 14px;
    color: white;
    background: #cc3410; }
  .container .dialog-error .modal-header {
    background: #cc3410;
    font-weight: bold;
    color: #fff; }
  .container .dialog-error .modal-body {
    color: #cc3410; }
  .container .dialog-success .modal-content {
    margin-top: 60%; }
    .container .dialog-success .modal-content .modal-header {
      display: none; }
    .container .dialog-success .modal-content .modal-footer {
      display: none; }
    .container .dialog-success .modal-content button {
      margin-left: 28%;
      margin-top: 20px;
      width: 200px;
      color: #eee;
      background: #003278;
      cursor: pointer; }
    .container .dialog-success .modal-content button:hover {
      color: #003278;
      background: #fff; }
  .container .gdpr .gdpr-header {
    color: #4159aa;
    font-size: 14px; }
  .container .gdpr .gdpr-text {
    font-size: 12px; }

.seznam-pracovist .seznam {
  background: #e8f2fd;
  padding-left: 2.66%;
  padding-top: 2.66%; }

.seznam-pracovist .pracoviste {
  display: inline-block;
  width: 22%;
  margin: 0 2.66% 2.66% 0;
  padding: 8px;
  border: 1px solid #b7d9ff;
  background: #fff;
  cursor: pointer; }
  .seznam-pracovist .pracoviste .label {
    font-size: 15px;
    color: #888; }
  .seznam-pracovist .pracoviste .value {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    color: #4159aa; }
  .seznam-pracovist .pracoviste .actions {
    margin: -8px;
    margin-top: 25px;
    text-align: center;
    font-size: 13px;
    vertical-align: middle; }
    .seznam-pracovist .pracoviste .actions button {
      cursor: pointer;
      width: 96%;
      background: #4159aa;
      border: none;
      padding: 8px;
      color: #eee;
      margin: 2%; }
      .seznam-pracovist .pracoviste .actions button span {
        position: relative;
        top: 1px;
        margin-left: 3px; }

.seznam-pracovist .pracoviste:hover {
  border-color: #001956; }
  .seznam-pracovist .pracoviste:hover .actions button {
    background: #001956;
    color: #eee; }

#lpForm .label-info {
  font-size: 13px;
  color: #4855a3; }
  #lpForm .label-info .material-icons {
    font-size: 16px; }

#lpForm #sarze {
  width: 22%; }

#lpForm #dobaPouzitelnosti {
  width: 40%;
  margin-left: 4%; }

#lpForm i {
  font-size: 20px;
  padding-bottom: 3px;
  cursor: pointer; }

#lpForm #sn {
  width: 30%;
  margin-left: 4%; }

#lpForm .lp-box {
  background: #d0e5fa;
  padding: 10px;
  margin-bottom: 20px; }
  #lpForm .lp-box input:disabled, #lpForm .lp-box select:disabled {
    background: #e8f2fd; }

#lpForm .lp-box .w30 {
  width: 30%; }

#lpForm .lp-box .w48 {
  width: 48%; }

#lpForm .lp-box .ml2 {
  margin-left: 2%; }

#lpForm .lp-box .ml3 {
  margin-left: 3%; }

#lpForm .lp-box #doplnek {
  margin-right: 3%; }

#lpForm .lp-box #drzitel {
  margin-left: 2%; }

#lpForm .lp-box #zeme {
  margin-right: 3%; }

#lpForm .lp-box .hidden {
  display: none; }

#lpForm .color-disabled {
  background: #ddd; }

#opForm .vystraha-box {
  background: #d0e5fa;
  padding: 10px;
  margin-bottom: 20px; }
  #opForm .vystraha-box .mx-datepicker {
    width: 100%; }
  #opForm .vystraha-box input:disabled, #opForm .vystraha-box select:disabled {
    background: #e8f2fd; }
  #opForm .vystraha-box .vystraha-input {
    width: 30% !important;
    margin-left: 3% !important; }
  #opForm .vystraha-box .vystraha-input:first-child {
    margin-left: 2% !important; }

#opForm input[type='checkbox'] {
  width: unset; }

#opForm .form-checkboxes {
  border: solid 1px #4159aa;
  color: #4159aa;
  width: 100%;
  padding-left: 18px;
  margin-top: 7px; }
  #opForm .form-checkboxes #checkboxesText {
    position: absolute;
    margin-top: -10px;
    background: #e8f2fd;
    width: 90px;
    text-align: center;
    font-size: 14px; }
  #opForm .form-checkboxes #poruseneATD {
    margin-left: 10%;
    padding-top: 23px; }
  #opForm .form-checkboxes #nelzeNacist {
    padding-top: 23px;
    margin-left: 20%; }
    #opForm .form-checkboxes #nelzeNacist .checkbox-container {
      display: inline-block; }
    #opForm .form-checkboxes #nelzeNacist i {
      display: inline-block;
      cursor: pointer;
      font-size: 20px;
      float: left; }
  #opForm .form-checkboxes .checkbox-error {
    color: #cc3410;
    font-size: 13px;
    margin-top: 43px;
    margin-left: 210px;
    position: absolute; }
  #opForm .form-checkboxes .checkmark-error {
    background: #cc3410; }

#opForm .text-disabled {
  color: #7d7d7d; }

#opForm .color-disabled {
  background: #ddd; }

#opForm .color-disabled-darker {
  background: #7d7d7d; }

#opForm .block-validation {
  color: #ffffff;
  padding: 5px;
  background: #cc3410; }

#prilohyForm {
  font-size: 14px; }
  #prilohyForm .inputs {
    margin-bottom: 30px; }
    #prilohyForm .inputs .file-box {
      background: #fff;
      width: 70%;
      padding: 4px 4px 0 0;
      min-height: 44px; }
      #prilohyForm .inputs .file-box .file {
        display: inline-table;
        background: #d0e5fa;
        padding-left: 6px;
        margin: 0 0 4px 4px; }
        #prilohyForm .inputs .file-box .file .file-name {
          overflow: hidden; }
        #prilohyForm .inputs .file-box .file .remove-file-btn {
          color: #222;
          border: none;
          background: #d0e5fa;
          padding: 6px;
          cursor: pointer; }
        #prilohyForm .inputs .file-box .file .remove-file-btn:hover {
          color: #cc3410; }
    #prilohyForm .inputs .nothing-add {
      padding-left: 10px;
      color: #4159aa;
      line-height: 34px; }
    #prilohyForm .inputs .validation-label {
      color: #cc3410; }
  #prilohyForm .file-upload {
    text-align: center;
    font-size: 16px;
    width: 150px;
    background: #4159aa;
    color: #eee;
    border: 1px solid #4159aa;
    height: 44px;
    width: 25%;
    margin-left: 5%; }
    #prilohyForm .file-upload .file-select {
      display: block;
      overflow: hidden;
      position: relative; }
      #prilohyForm .file-upload .file-select .file-select-button {
        display: inline-block;
        width: 100%;
        line-height: 42px; }
      #prilohyForm .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
  #prilohyForm .file-upload:hover {
    background: #fff;
    color: #4159aa; }