/*!
 * 
 * Copyright 2023 Patkó János
 * @import url('clean.min.css');
 */

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height: 1.61539;
    color: #5b646d;
    background-color: #F4F5F7;
    overflow-x: hidden;
}

label {
    font-weight: 400;
}

.btn-success {
    color: #fff;
    background-color: #47d0c8;
    border-color: #48a9c5;
}

.btn-success:hover, .btn-success:focus {
    color: #fff;
    background-color: #0FA190;
    border-color: #337ab7;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #0FA190;
    border-color: #337ab7;
}

.btn, .form-control {
    border-radius: 2px !important;
}

input[type=checkbox]:checked{
    background-color: #47d0c8 !important;
}

.panel-default {
    box-shadow: 10px 10px 150px rgba(170, 170, 170, 0.5);
}

.panel-default>.panel-heading{
    background-color: #fff;
    text-align: center;
}

.panel-title {
  text-align: center;
}

.login-panel {
  margin-top: 30%; 
}

.main-block {
    padding-right: 0px;
    padding-left: 0px;
}

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#wrapper.toggled {
  padding-left: 120px;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 120px;
  width: 0;
  height: 100%;
  margin-left: -150px;
  overflow-y: auto;
  background: #FFF;
  box-shadow: 1px 1px 10px rgba(46, 41, 54, 0.3);
  -moz-box-shadow: 1px 1px 10px rgba(46, 41, 54, 0.3);
  -webkit-box-shadow: 1px 1px 10px rgba(46, 41, 54, 0.3);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 120px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 0;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -120px;
}

.contact-panel {
  margin-top: 5%;
}

.form-control {
  height: 38px;
  font-size: 18px;
}

.btn-outline-black {
    background: #fff;
    border: 1px solid #aaa;
    color: #555;
}

.btn i.icon-left {
    position: absolute;
    left: 45px;
    padding-top: 2px;
}

.contact-name {
  font-weight: bold;
}

.profilepic {
  border-radius: 5%;
}

/* Sidebar Styles */

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 120px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px;
}

.sidebar-nav li a {
  padding: 20px 10px 12px 0;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  text-decoration: none;
  color: #B3B8C2;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #47d0c8;
  background: #F4F5F7;
  /*background: #d9d9dd;*/
}

.sidebar-nav li a.active, .sidebar-nav li a.focus {
  text-decoration: none;
  color: #47d0c8;
}

.sidebar-nav>.sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
  color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
  color: #fff;
  background: none;
}

@media(min-width:768px) {
  .login-panel {
    margin-top: 60%; 
  }
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 120px;
  }
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 120px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}

.main-block {
    padding-bottom: 20px;
}

.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 0px;
    padding: 10px 20px;
    z-index: 1000;
    background: white;
    border-top: 1px solid #e7eaec;
    text-align: center;
    font-size: 10px;
}


@media(max-width:768px) {
  #results {
    padding: 5px;
  }
  .xs-no-padding {
    padding: 0px;
    margin: 0px;
  }
}