.btn-primary {
  color: #fff;
  background-color: #537DA7;
  border-color: #537DA7;
}

body {
  position: relative;
  padding-bottom: 180px;
  padding-top: 70px;
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #B1D1F2;
  min-height: 100vh;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.navbar-light .navbar-brand {
  color: #506F7A;
  padding-right: 10px;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: #506F7A;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem;
  background: #537DA7;
  color: #162C37;
  text-align: center;
  font-style: italic;
  font-weight: bold;
  padding-top: 10px;
}

.blockquote-footer {
  display: block;
  font-size: 75%;
  color: #B1D1F2;
  font-weight: initial;
  font-style: normal;
}

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #162C43;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #537DA7;
}

.td {
}

.table td {
  font-size: smaller;
  border-bottom: 1px solid;
}

.table td, .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 0px;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(177,209,242, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.footer-basic {
  padding: 40px 0;
  background-color: #212529;
  color: #B1D1F2;
  bottom: 0;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.button-star {
  margin: 5px;
}

.btn.btn-link.button-star {
  border-color: #007bff;
  border-style: solid;
}

.btn.btn-link.button-star:hover {
  border-color: #537DA7;
}

.pull-rating {
  float: left!important;
}

.pull-rating-left {
  width: 35px;
  line-height: 1;
}

.pull-rating-bar {
  width: 180px;
}

.pull-rating-right {
  margin-left: 10px;
  float: right!important;
}

.rating-progress {
  height: 9px;
  margin: 8px 0;
}

.review-block-name {
  font-weight: bold;
}

.row.rating-row {
  background-color: #FFF8DC;
  border-color: #506F7A;
  border-radius: 9px;
  border-style: solid;
  margin-bottom: 30px;
  padding: .7em;
}

.rating-row .col-3 {
  border-right-style: solid;
  border-color: #537DA7;
}

.row.suggestion-row {
  background-color: #FFF8DC;
  border-color: #506F7A;
  border-radius: 9px;
  border-style: solid;
  margin-bottom: 30px;
  padding: .7em;
}

.suggestion-row .col-3 {
  border-right-style: solid;
  border-color: #537DA7;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}

ul.timeline:before {
  content: ' ';
  background-color: #537DA7;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}

ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}

ul.timeline > li:before {
  content: ' ';
  background-color: #FFF8DC;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #537DA7;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

div.curriculum-item {
  background-color: #FFF8DC;
  border-color: #506F7A;
  border-style: solid;
  border-radius: 9px;
  margin: 5px;
  padding: .7em;
  margin-left: 16.25%;
}

.col-about {
  background-color: #FFF8DC;
  border-color: #506F7A;
  border-style: solid;
  padding: .7em;
  border-radius: 9px;
  margin-bottom: 30px;
}

.list-group {
  margin-bottom: 30px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: 5px;
  border: 1px solid rgba(0,0,0,.125);
}

.forgot.new-access {
}

.new-access {
  color: silver;
  text-decoration: underline;
  text-align: center;
  display: block;
  opacity: 0.9;
  font-size: 12px;
}

@media (max-width: 991px) {
  body {
    padding-top: 103px;
  }
}

@media (max-width: 767px) {
  body {
    padding-top: 63px;
  }
}

@media (max-width: 680px) {
  body {
    padding-bottom: 200px;
  }
}

.container.eval-stats {
  padding-bottom: 25px;
}

h1 {
  text-align: center;
}

h2 {
  text-align: left;
}

td {
  white-space: normal !important;
  word-wrap: break-word;
}

.table-responsive::-webkit-scrollbar {
  -webkit-appearance: none;
}

.table-responsive::-webkit-scrollbar:vertical {
  width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
  height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

.container {
  padding-top: 20px;
  padding-bottom: 25px;
}

span.text-primary {
  color: #007bff!important;
  font-size: 14px;
  display: inline;
  margin-top: 0px;
  position: absolute;
}

a.nav-year {
  padding-left: 10px;
}

@media (max-width: 680px) {
  a.nav-year {
    padding-left: 0px;
  }
}

.StarsCount {
  float: left;
  width: 300px;
}
.StarsCount span {
  position: relative;
}
.StarsCount span input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.StarsCount span label {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #007bff;
  border-color: #007bff;
  border-style: solid;
  font-size: 30px;
  margin-right: 2px;
  line-height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.StarsCount span:hover ~ span label,
.StarsCount span:hover label,
.StarsCount span.checked label,
.StarsCount span.checked ~ span label {
  background: #537DA7;
  border-color: #FFFFFF;
}

.zlat {
  color: #17a2b8;
}

.cerv {
  color: #721c24;
}

.footnote {
  border: 2px solid #506F7A;
  border-radius: 9px;
}

div.border-certification {
  border-width: 5px !important;
  border-style: solid !important;
  background-color: #FFF8DC;
  padding: 20px;
}

abbr[title] {
  position: relative;

  /* ensure consistent styling across browsers */
  text-decoration: underline dotted;
}

@media (max-width: 800px) {
abbr[title]:hover::after,
abbr[title]:focus::after {
  content: attr(title);

  /* position tooltip like the native one */
  position: absolute;
  left: 0;
  bottom: -30px;
  width: auto;

  /* style tooltip */
  background-color: #1e1e1e;
  color: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.4);
  font-size: 14px;
  padding: 3px 5px;
}
}

/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

img {
  max-width: 100%;
  height: auto;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}