@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
BODY {
  background:#3FA7C8;
  margin: 0px;
}

a {
  color:#3FA7C8;
}
a:hover {
  color:#999;
}
.alert-danger {
  background-color: #d1473b;
  border-color: #d1473b;
  color:#fff;
  font-weight: bold;
}
.breadcrumbs {
  font-size:0.9em;
  letter-spacing:-0.05em;
}
.btn-primary {
  background-color: #3FA7C8;
  border-color: #3FA7C8;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
  background-color: #2a7991!important;
  border-color: #2a7991!important;
}

.btn-primary:disabled,.btn-primary:disabled:hover{
    color: #fff;
    background-color: #b8d0d9!important;
    border-color: #b8d0d9!important;
}
.btn-primary:disabled:hover {
    color: #fff;
    background-color: #b8d0d9;
    border-color: #b8d0d9;
}
.collapse.show {
    background-color: #3FA7C8;
    margin-top: 8px;
    z-index: 50;
}
.clickable {
  cursor: pointer;
}
.clickable-row {
  background-color:#fff;
  border:1px #ddd solid;
  cursor: pointer;
  font-size:0.85em;
  min-height:120px;
  margin:10px;
  padding:10px;
  box-shadow: 1px 6px 4px 0px rgba(207,207,207,0.5);
  -webkit-box-shadow: 1px 6px 4px 0px rgba(207,207,207,0.5);
  -moz-box-shadow: 1px 6px 4px 0px rgba(207,207,207,0.5);
}
.clickable-row:hover {
  background-color:#ddd;
}
.clickable-row h1{
  font-size:1.6em;
  margin-left:6px;
}
@media(max-width:767px){
  .clickable-row h1{
    text-align:center;
  }
}
.clickable-row h2{
  font-size:1.4em;
}
.clickable-row-content{
  flex-direction: row;
}
@media(max-width:767px){
  .clickable-row-content{
    flex-direction: column;

  }
}
.clickable-row img {
  margin:6px;
  border-radius:2px;
}
.clickable-row a {
  text-decoration: none;
}
.clickable-row a:hover {
  color:#3FA7C8;
}
.content {
  background-color: #fff;
  border-left:1px #ddd solid;
  border-right:1px #ddd solid;
  min-height: 600px;
  padding-top:20px;
  padding-bottom:20px;

}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #3FA7C8;
}

.error {
  border-color:#ff0000;
}
footer {
  background:#3FA7C8;
  border-top: 1px #fff solid;
  color:#fff;
  font-size:0.9em;
  height:40px;
}
footer .col-12 {
  border-right:1px #ccc solid;
}
footer .col-12:last-child {
  border:0px;
}
footer a {
  color:#fff;
}
footer a:hover {
  color:#ddd;
}
@media(max-width:767px){
  footer .col-12 {
    border:0px;
  }
}
h1,h2,h3,h4,h5 {
  font-family: 'Roboto Condensed', sans-serif;
}
h1 {
  color:#555;
  font-size:2em;
}
h2 {
  color:#555;
  font-size:1.8em;
}

label {
  font-size: 0.9em;
  margin: 0px;
}

main {
  background:#ffffff url(../images/site-bg.png) repeat-x;
}
#modal-ok {
  min-width: 100px;
}

.navbar-custom {
  background-color:#3FA7C8;
  box-shadow: 0px 4px 4px #548c9e;
  font-family: 'Roboto Condensed', sans-serif;
  font-size:1em;
  height:42px;
}
@media(max-width:767px){
  .navbar-custom {
    height:54px;
  }
}
.navbar-nav .dropdown-menu {
    position: relative;
    float: none;
}
@media(max-width:767px){
  .navbar-nav .dropdown-menu {
    margin-top:-30px;
  }
}
.nav-link {
  color:#fff;
  font-size:bold;

}
@media (min-width: 768px){
  .navbar-expand-md .navbar-nav {
      align-items: center;
  }
}
.nav-link:hover {
  color:#ddd;
}
.navbar-custom .dropdown-item a {
  color:#000!important;
  font-size:bold;
}
.nav-link {
  line-height: 1em;
  text-align: center;
}
.navbar-toggler {
  color:#fff;
}
.option {
  border-bottom:1px #ddd solid;
}
.option:last-child {
  border-bottom:0px;
}
.text-small {
  font-size:0.85em;
}

.top-bar {
  background-color:#fff;
  border-bottom: 1px #e0e0e0 solid;
  color:#555;
  font-size:1em;
  height:32px;
  padding-top:3px;
}
.top-bar a {
  color:#555;
}
.top-bar a:hover {
  color:#3FA7C8;
}
.top-cart {
  color:#3FA7C8;
  font-size:0.9em;
  padding-top:4px;
  text-align: center;
}
.top-cart a {
  color:#3FA7C8;
}
.top-desktop {
  background-color:#fff;
  height:92px;
}


#preview {
	width:auto;
	float:left;
	position:relative;
	list-style-type:none;
	padding:0px;
}

#preview li {
	float:left;
}

#preview_text {
	padding:0px;
}

#block_preview2 {
	width:1px;
	height:1px;
	overflow:hidden;
}

#preview2 {
	width:auto;
	visibility:hidden;
	position:relative;
	list-style-type:none;
	padding:0px;
}

#preview2 li {
	float:left;
}

#preview_text2 {
	padding:0px;
}