/* we set up variables first: 
sections are named and ordered according to Bootstrap Less configurator @ http://getbootstrap.com/customize/#less-variables */
/* SECTION Colors */
/* SECTION Scaffolding */
/* SECTION Typography */
/* SECTION Components */
/* SECTION Alerts */
/*$navbar-padding-vertical: 0;
$navbar-padding-horizontal: 0;
@import "bootstrap.scss";

.navbar-nav > li > a:hover {
    background-color: transparent;
}

.navbar-nav, .navbar-nav a {
    color: white;
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0;
    }
}*/
.affix {
  top: 20px; }

/* NON-BOOTSTRAP variables */
body {
  background-repeat: no-repeat;
  overflow-x: hidden; }
  body > .container, body > .container-fluid {
    background: white;
    margin-top: 40px; }

@media (min-width: 992px) {
  body {
    background-image: url("../Images/web_pozadi_-_uni.png");
    background-position: center top; } }

body > .container, body > .container-fluid {
  margin-top: 0;
  padding-top: 40px; }

header {
  background: #006FAD url("../Images/hlavicka.png") repeat center top;
  border: 0 none;
  min-height: 130px;
  width: auto;
  margin-bottom: 0; }

@media (min-width: 992px) {
  .affix-top li, .affix-bottom li, .affix li {
    width: 423px; } }

@media (min-width: 1200px) {
  .affix-top li, .affix-bottom li, .affix li {
    width: 523px; } }

/*.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: initial;
}

.navbar-default .navbar-toggle {
    border: initial;
}

.navbar-default .navbar-nav > li > a {
    color: white;
}

.navbar-default .navbar-nav > li > a:hover {
    color: darken(white, 95%);
}*/
/*@media (max-width: 768px) {
    header {
        height: 200px;
    }
}*/
.fa {
  width: 1em; }

.logo {
  margin-left: 15px;
  margin-top: 15px; }

@media (min-width: 1420px) {
  .logo {
    margin-left: -80px; } }

@media (max-width: 335px) {
  .logo {
    display: none; } }

.logo a:hover img {
  opacity: 0.8;
  transition: all 0.5s ease 0s; }

#topsearchbox {
  position: absolute;
  top: 15px;
  right: 10px;
  max-width: 250px; }

#topsearchbox input {
  vertical-align: middle; }

#topsearchbox #tsfsubmit {
  margin-left: 10px; }

#logoLink {
  background-image: url("../Images/portal_hlavicka_logo_cs1.png");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  width: 268px;
  height: 70px;
  margin-top: 7px; }

#headerMenu {
  color: white;
  margin-left: 1em; }

#headerControls {
  margin-top: 42px; }

footer {
  margin-top: 20px; }

footer .foot-wrapper {
  background-color: #E6E6E6;
  color: #666;
  margin: 0;
  padding: 28px 0;
  width: 100%; }

footer .foot-wrapper a {
  color: #666;
  text-decoration: none; }

footer .foot-wrapper a:hover {
  color: #006BAB;
  text-decoration: underline; }

footer .foot-wrapper .ft-logo {
  margin-bottom: 20px; }

footer .foot-wrapper .treemenu-block {
  margin-bottom: 20px;
  line-height: 1.1; }

footer .foot-wrapper .menuitem-l1 {
  font-weight: bold; }

footer .foot-wrapper .menuitem-l2 {
  font-size: 0.85em;
  margin: 4px 0; }

footer .foot-wrapper .ft-social img {
  margin: 20px 5px 0 0; }

.grid-tile {
  background-color: #006FAD;
  width: 200px;
  height: 100px;
  padding: 15px; }
  .grid-tile .grid-tile-icon {
    width: 40%;
    border-radius: 50%; }
    .grid-tile .grid-tile-icon .fa {
      line-height: 56px;
      height: 56px;
      width: 56px;
      font-size: 48px;
      color: #fff;
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -28px;
      margin-left: -28px; }

.bottom-10 {
  margin-bottom: 10px; }

.bottom-20 {
  margin-bottom: 20px; }

.navLogin input, #topsearchform input[type="text"] {
  margin-bottom: 5px;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 2px 4px; }

.navLogin input[type="submit"] {
  margin-right: 4px;
  border-style: none;
  background: none;
  color: white; }

#logoutForm a {
  color: white; }

#logoutForm {
  color: white; }

table.label-value-table tbody tr:nth-child(1) td {
  border-top: none; }

/* Tiles */
.NavigationItemDiv {
  padding: 5px; }

.NavigationItemLink {
  position: relative;
  display: inline-block;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  /*border-radius: 5px;*/
  /*border: 2px solid transparent;*/
  font-size: 20px;
  transition: 0.1s; }

.NavigationItemLink:hover {
  /*border: 2px solid black;*/
  box-shadow: 0px 0px 15px 5px black;
  transform: scale(1.1, 1.1);
  z-index: 1000; }

.ProfileNavigationItemDiv {
  padding: 5px; }

.ProfileNavigationItemLink {
  position: relative;
  display: inline-block;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  text-decoration: none !important;
  /*border-radius: 5px;*/
  /*border: 2px solid transparent;*/
  font-size: 12px;
  transition: 0.1s; }

.ProfileNavigationItemLink:hover {
  /*border: 2px solid black;*/
  box-shadow: 0px 0px 15px 5px black;
  transform: scale(1.05, 1.05);
  z-index: 1000; }

.darkBlueTile, .mediumBlueTile, .lightBlueTile, .niceBlueTile, .greenTile, .redTile {
  text-decoration: none;
  background-blend-mode: overlay;
  color: white; }

.darkBlueTile:hover, .mediumBlueTile:hover, .lightBlueTile:hover, .niceBlueTile:hover, .greenTile:hover, .redTile:hover {
  color: white; }

.darkBlueTile:focus, .mediumBlueTile:focus, .lightBlueTile:focus, .niceBlueTile:focus, .greenTile:focus, .redTile:focus {
  color: white; }

.grayTile {
  background-color: gray; }

.darkBlueTile {
  background-image: linear-gradient(to right, #7896c8, #7896c8), url("../Content/Textures/Tile.png");
  /*background-image: linear-gradient(to right, rgb(120, 150, 200), rgb(120, 150, 200)), url('../../Content/Textures/random_grey_variations.png');*/ }

.mediumBlueTile {
  background-image: linear-gradient(to right, #96b4e6, #96b4e6), url("../Content/Textures/Tile.png");
  /*background-image: linear-gradient(to right, rgb(140, 150, 180), rgb(140, 150, 180)), url('../../Content/Textures/random_grey_variations.png');*/ }

.lightBlueTile {
  background-image: linear-gradient(to right, #d2dcfa, #d2dcfa), url("../Content/Textures/Tile.png");
  /*background-image: linear-gradient(to right, rgb(170, 170, 200), rgb(170, 170, 200)), url('../../Content/Textures/random_grey_variations.png');*/ }

.niceBlueTile {
  background-image: linear-gradient(to right, #82c8dc, #82c8dc), url("../Content/Textures/Tile.png");
  /*background-image: linear-gradient(to right, rgb(130, 200, 220), rgb(130, 200, 220)), url('../../Content/Textures/random_grey_variations.png');*/ }

.greenTile {
  background-image: linear-gradient(to right, #1e961e, #1e961e), url("../Content/Textures/Tile.png");
  /*background-image: linear-gradient(to right, rgb(30, 150, 30), rgb(30, 150, 30)), url('../../Content/Textures/random_grey_variations.png');*/ }

.redTile {
  background-image: linear-gradient(to right, #c8321e, #c8321e), url("../Content/Textures/Tile.png");
  /*background-image: linear-gradient(to right, rgb(200, 50, 30), rgb(200, 50, 30)), url('../../Content/Textures/random_grey_variations.png');*/ }

@media (min-width: 1200px) {
  .container {
    width: 1170px; }
  .EmployeeSideBarUl {
    padding-left: 10px; }
  .EmployeeSideBarLi {
    list-style-type: none;
    text-decoration: none; } }

textarea {
  resize: vertical; }

.clickAbleRow :hover {
  cursor: pointer; }

.scaledCheckbox {
  /*-ms-transform: scale(2, 2);
    -moz-transform: scale(2, 2); 
    -webkit-transform: scale(2, 2);
    -o-transform: scale(2, 2); 
    margin-left: 6px !important;
    margin-top: 8px !important;*/ }

.right {
  text-align: right; }

.left {
  text-align: left; }

.myWell {
  margin: 10px;
  border: 1px solid black;
  border-radius: 2px;
  background-color: whitesmoke; }

.legendH1, .legendH2 {
  border: none; }

.legendH1 {
  font-size: 16px; }

.legendH2 {
  font-size: 12px; }

.well-condensed {
  padding-top: 0px;
  padding-bottom: 0px; }

.noPaddingLeft {
  padding-Left: 0; }

@media (min-width: 1600px) {
  .widerContainer {
    width: 1400px; } }

.my-col-xs-2_4,
.my-col-sm-2_4,
.my-col-md-2_4,
.my-col-lg-2_4 {
  position: relative;
  min-height: 1px;
  /*padding-right: 10px;
    padding-left: 10px;*/ }

.my-col-xs-2_4 {
  width: 20%;
  float: left; }

@media (min-width: 768px) {
  .my-col-sm-2_4 {
    width: 20%;
    float: left; } }

@media (min-width: 992px) {
  .my-col-md-2_4 {
    width: 20%;
    float: left; } }

@media (min-width: 1200px) {
  .my-col-lg-2_4 {
    width: 20%;
    float: left; } }

.my-col-xs-6 {
  position: relative;
  min-height: 1px;
  /*padding-right: 10px;
    padding-left: 10px;*/ }

@media (min-width: 300px) and (max-width: 768px) {
  .my-col-xs-6 {
    width: 50%;
    float: left; } }

.operationColumnHead {
  text-align: right; }

.operationColumn {
  text-align: right; }

.noListStyleType {
  list-style-type: none; }

.clickAbleLink:hover {
  cursor: pointer; }

.margin-10 {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px; }

.top-20 {
  margin-top: 20px; }

.disabledColor {
  color: #eee; }

.list-group-item {
  cursor: pointer;
  padding: 5px 15px; }

.list-group-item:hover {
  filter: brightness(97%); }

.list-group-item .disabled {
  cursor: initial;
  filter: unset; }

.btn[aria-disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0; }

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative; }

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px; }

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #585858;
  font-size: 14px; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #0090e0;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%; }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: ' ';
  width: 14px;
  height: 14px;
  background: #006FAD;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px; }

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0; }

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #0090e0;
  transition: initial; }

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%; }

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%; }

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5; }

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0; }

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%; }

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%; }

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none; }

/*END Form Wizard*/
container {
  min-height: 0px !important; }

.headerContainer {
  height: 110px; }

html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column; }

.content {
  flex: 1 0 auto; }

.footer {
  flex-shrink: 0; }

@media (max-width: 768px) {
  .container {
    width: 95%; } }

/* Customize the label (the container) */
.customCheckboxContainer {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  /*font-size: 15px;*/ }

/* Create a custom checkbox */
.customCheckboxCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border: 1px solid #888; }

/* On mouse-over, add a grey background color */
.customCheckboxContainer:hover .customCheckboxCheckmarkOff {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.customCheckboxContainer .customCheckboxCheckmarkOn {
  /*background-color: #2196F3;*/ }

/* Create the checkmark/indicator (hidden when not checked) */
.customCheckboxCheckmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.customCheckboxCheckmarkOn:after {
  display: block; }

.customRadioContainer {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 15px; }

/* On mouse-over, add a grey background color */
.customRadioContainer:hover .customRadioCheckmarkOff {
  background-color: #ccc; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.customRadioCheckmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
  border: 1px solid #999; }

/* Show the checkmark when checked */
.customRadioContainer .customRadioCheckmarkOn:after {
  display: block; }

/* Show the indicator (dot/circle) when checked */
.customRadioContainer .customRadioCheckmarkOn {
  background-color: #eee;
  /*background-color: #2196F3;*/ }

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

/* Style the indicator (dot/circle) */
.customRadioContainer .customRadioCheckmark:after {
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: black; }

@media (min-width: 1024px) {
  .modal-dialog {
    width: 800px;
    margin: 30px auto; } }