/*------------------------------
 * Copyright 2018 Starojicka Lhota
 * http://www.starojickalhota.cz
 *
 * Starojicka Lhota v1.0
------------------------------*/
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
body {
  background-color: #FFFFFF;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #333333;
  padding-top: 51px;
}

/*------------------------------
	ERROR - START
------------------------------*/
.error {
  text-align: center;
  padding: 100px 0 !important;
}
.error .number {
  font-size: 30px;
  color: #8b8b8b;
  font-weight: 500;
}
.error h1 {
  font-size: 48px;
  color: #666666;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
.error p {
  font-size: 18px;
  line-height: 28px;
  color: #888;
}

/*------------------------------
	ERROR - END
------------------------------*/
/*------------------------------
	HEADER - START
------------------------------*/
.header {
  background-color: #ffffff;
  padding: 0;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1490196078);
}
.header .navbar-brand {
  color: #575757;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
}
@media (min-width: 576px) {
  .header .navbar-brand {
    font-size: 19px;
  }
}
.header .navbar-brand img {
  height: 28px;
  margin-right: 8px;
}
@media (min-width: 576px) {
  .header .navbar-brand img {
    height: 36px;
    margin-right: 15px;
  }
}
.header .navbar-toggler {
  font-size: 14px;
  border-radius: 0;
  border-color: #f5f5f5;
  padding: 2px 6px;
}
.header .navbar-nav .nav-link {
  color: #555555;
  padding: 15px 12px 14px;
  font-weight: 500;
}
.header .navbar-nav .nav-link > i {
  font-size: 16px;
}
.header .navbar-nav .nav-link:hover {
  color: #0baf4e;
}
.header .navbar-nav .nav-link .nav-number {
  position: absolute;
  background-color: #0baf4e;
  color: #FFFFFF;
  top: 7px;
  right: 2px;
  line-height: 1;
  padding: 2px 4px;
  border-radius: 20px;
  font-size: 12px;
  min-width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .navbar-nav .show .nav-link,
.header .navbar-nav .active .nav-link {
  color: #0baf4e;
}
.header .navbar-nav .dropdown-toggle:after {
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f078";
  font-weight: 900;
  vertical-align: unset;
  border: 0;
  margin-left: 5px;
  font-size: 10px;
  margin-right: 8px;
}
.header .navbar-nav .dropdown-toggle.no-arrow:after {
  content: "";
  display: none;
}
.header .navbar-nav .dropdown-menu {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  min-width: 16rem;
  width: 16rem;
}
.header .navbar-nav .dropdown-menu .dropdown-header {
  background-color: #f0f0f0;
  font-size: 12px;
  padding: 10px 15px;
  border-bottom: 1px solid #ebebeb;
  display: flex;
}
.header .navbar-nav .dropdown-menu .dropdown-header .avatar {
  width: 2rem;
  height: 2rem;
  border: 2px solid #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.21);
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.header .navbar-nav .dropdown-menu .dropdown-header .name {
  font-size: 13px;
  font-weight: bold;
  color: #4c4c4c;
  margin-bottom: 5px;
}
.header .navbar-nav .dropdown-menu .dropdown-item {
  padding: 10px 15px;
  border-bottom: 1px solid #ebebeb;
  font-size: 14px;
  color: #7c7c7c;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.header .navbar-nav .dropdown-menu .dropdown-item i {
  margin-right: 10px;
  color: #b5b5b5;
  min-width: 16px;
}
.header .navbar-nav .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0;
}
.header .navbar-nav .dropdown-menu .dropdown-item:hover {
  background-color: #f0f0f0;
  color: #4c4c4c;
}
.header .navbar-nav .dropdown-menu .dropdown-item.active, .header .navbar-nav .dropdown-menu .dropdown-item:active {
  background-color: #f7f7f7;
  color: #333333;
}
.header .navbar-nav .dropdown-menu .dropdown-item.disabled {
  font-style: italic;
  color: #9a9a9a;
  cursor: not-allowed;
}
.header .navbar-nav.navbar-right .nav-item:last-child .nav-link {
  padding-right: 0;
}
.header .navbar-nav .notification-alert {
  padding: 30px 15px;
  font-size: 12px;
  text-align: center;
  font-style: italic;
}
.header .navbar-nav .notification-dropdown {
  min-width: 18rem;
  width: 18rem;
  max-height: 352px;
  overflow-y: auto;
}
.header .navbar-nav .notification-dropdown .dropdown-header a {
  text-decoration: underline;
}
.header .navbar-nav .notification-dropdown .dropdown-header a:hover {
  text-decoration: none;
}
.header .navbar-nav .notification-dropdown .notification-item .col-notification-icon {
  line-height: 1;
}
.header .navbar-nav .notification-dropdown .notification-item .notification-icon {
  color: #333;
  font-size: 18px;
  min-width: 20px;
  text-align: center;
  margin-right: 0;
}
.header .navbar-nav .notification-dropdown .notification-item .description {
  font-size: 12px;
  text-decoration: underline;
}
.header .navbar-nav .notification-dropdown .notification-item .title {
  color: #333333;
}
.header .navbar-nav .notification-dropdown .notification-item .date {
  font-size: 12px;
  color: #b5b5b5;
}
.header .navbar-nav .notification-dropdown .notification-item .notification-mark {
  background-color: #0baf4e;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  margin-top: 5px;
  margin-left: -5px;
  display: none;
}
.header .navbar-nav .notification-dropdown .notification-item.active .notification-mark {
  display: flex;
}
.header .navbar-nav .notification-dropdown .notification-item.active .title {
  color: #0baf4e;
}

@media (max-width: 1199.98px) {
  .header .navbar-nav .nav-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 991.98px) {
  .header {
    padding: 6px 15px;
  }
  .navbar-collapse {
    text-align: center;
  }
  .navbar-collapse .navbar-nav .nav-link {
    padding: 10px !important;
    color: #4c4c4c;
  }
  .navbar-collapse .navbar-nav .nav-link:hover {
    color: #4c4c4c;
  }
  .navbar-collapse .navbar-nav .dropdown-menu {
    display: block;
    box-shadow: none;
    width: 100%;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-header {
    padding: 10px;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-header div {
    display: inline;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item {
    padding: 10px;
    border-bottom: 0;
    justify-content: center;
    color: #4c4c4c;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item i {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .navbar-collapse .navbar-nav .nav-link {
    padding: 3px 10px !important;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-header {
    padding: 5px 10px;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-header span {
    display: none;
  }
  .navbar-collapse .navbar-nav .dropdown-menu .dropdown-item {
    padding: 3px 10px;
  }
}
/*------------------------------
	HEADER - END
------------------------------*/
/*------------------------------
	CONTENT - START
------------------------------*/
.page-headline {
  background-color: #f0f0f0;
  text-align: center;
  padding: 70px 0;
}
.page-headline .headline h1 {
  color: #575757;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.page-headline .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.page-headline .breadcrumb .breadcrumb-item {
  font-weight: 500;
}
.page-headline .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #b7b7b7;
}
.page-headline .breadcrumb .breadcrumb-item a {
  color: #0baf4e;
}
.page-headline .breadcrumb .breadcrumb-item.active {
  color: #9d9d9d;
}

.content {
  padding: 50px 0;
}
.content h2 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  color: #666666;
}
.content .content-title {
  color: #666666;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 30px;
  font-size: 16px;
}
.content .content-title.border-left {
  padding-left: 10px;
  border-left: 0 !important;
}
.content .content-title.border-left:before {
  content: "";
  height: 16px;
  left: 0;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 2px;
  background-color: #0baf4e;
}

.content-box-wrapper {
  background-color: #f0f0f0;
  padding: 30px;
}

.content-box {
  background-color: #FFFFFF;
  border: 1px solid #e7e7e7;
  padding: 35px;
}

@media (max-width: 767.98px) {
  .page-headline {
    padding: 50px 0;
  }
  .page-headline .headline h1 {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .content {
    padding: 25px 0;
  }
  .content-box-wrapper {
    padding: 20px;
  }
  .content-box {
    padding: 25px;
  }
}
/*------------------------------
	CONTENT - END
------------------------------*/
/*------------------------------
	FOOTER - START
------------------------------*/
.footer {
  background-color: #1F1F1F;
  color: #8e8e8e;
}
.footer .widget {
  padding: 30px 0;
}
.footer .widget h4 {
  color: #FFFFFF;
  font-size: 16px;
}
.footer .widget p {
  margin: 0;
}
.footer .widget ul {
  margin-bottom: 0;
}
.footer .widget ul li a {
  position: relative;
  display: block;
  padding: 3px 0 3px 25px;
  cursor: pointer;
}
.footer .widget ul li a:before {
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f35a";
  position: absolute;
  left: 0;
  top: 7px;
}
.footer .widget a {
  color: inherit;
}
.footer .widget a:hover {
  color: #0baf4e;
}
.footer .widget.widget-emblem {
  display: flex;
  flex-wrap: wrap;
}
.footer .widget.widget-emblem .city-emblem {
  flex: 1;
  text-align: center;
}
.footer .widget.widget-emblem .city-emblem p {
  font-size: 13px;
  margin-bottom: 5px;
}
.footer .widget.widget-emblem .city-emblem img {
  max-width: 45px;
}
.footer .copyright {
  border-top: 1px solid rgb(50, 50, 50);
  padding: 30px 0;
}
.footer .copyright ul {
  text-align: center;
}
.footer .copyright ul li a {
  color: #c6c6c6;
  font-size: 12px;
  cursor: pointer;
}
.footer .copyright ul li a:hover {
  text-decoration: underline;
  color: #c6c6c6;
}
.footer .copyright p {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .footer {
    text-align: center;
  }
  .footer .widget {
    padding-bottom: 0;
  }
  .footer .widget ul li a {
    padding-left: 0;
  }
  .footer .widget ul li a:before {
    content: "";
  }
  .footer .copyright {
    margin-top: 30px;
  }
}
@media (max-width: 575.98px) {
  .footer {
    font-size: 13px;
  }
  .footer .widget.widget-emblem .city-emblem {
    flex: 100%;
  }
  .footer .copyright {
    padding: 15px 0;
  }
  .footer .copyright ul li {
    display: block;
  }
  .footer .copyright ul li:not(:last-child) {
    margin: 0 0 0.5rem;
  }
}
/*------------------------------
	FOOTER - END
------------------------------*/
/*------------------------------
	NEW FEATURE MODAL - START
------------------------------*/
#newFeatureModal .modal-body {
  text-align: center;
}
#newFeatureModal .modal-body h3 {
  color: #575757;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  #newFeatureModal .modal-body h3 {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  #newFeatureModal .modal-body h3 {
    font-size: 1.75rem;
  }
}
#newFeatureModal .modal-body .feature-image-wrapper {
  background-color: #f8f8f8;
  border: 1px solid #e7e7e7;
  padding: 30px;
}
#newFeatureModal .modal-body .feature-image-wrapper img {
  background-color: #ffffff;
}
@media (min-width: 576px) {
  #newFeatureModal .modal-body p {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  #newFeatureModal .modal-body p {
    font-size: 18px;
  }
}

/*------------------------------
	NEW FEATURE MODAL - END
------------------------------*/
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/*------------------------------
	COOKIES ALERT - START
------------------------------*/
.cookies-alert {
  position: fixed;
  bottom: 0;
  background-color: #333333;
  width: 100%;
  height: 110px;
  color: #FFFFFF;
  z-index: 1;
}
.cookies-alert .container,
.cookies-alert .row {
  height: 100%;
}
.cookies-alert p {
  margin-bottom: 0;
  font-size: 12px;
}
.cookies-alert p a {
  color: #FFFFFF;
  text-decoration: underline;
}
.cookies-alert .btn {
  font-size: 12px;
}

@media (min-width: 576px) {
  .cookies-alert {
    height: 80px;
  }
}
@media (min-width: 768px) {
  .cookies-alert {
    height: 60px;
  }
}
/*------------------------------
	COOKIES ALERT - END
------------------------------*/
/*------------------------------
	IMAGE WRAPPER - START
------------------------------*/
.image-wrapper {
  padding: 10px;
  background-color: #f0f0f0;
  display: inline-block;
}
.image-wrapper img {
  border: 1px solid #e7e7e7;
  background-color: #ffffff;
  padding: 10px;
}
.image-wrapper .caption {
  margin: 5px 0 0;
  font-style: italic;
  color: #808080;
}

/*------------------------------
	IMAGE WRAPPER - END
------------------------------*/
/*------------------------------
	EMAIL REPLACE - START
------------------------------*/
.email-replace-character {
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*------------------------------
	EMAIL REPLACE - END
------------------------------*/
/*------------------------------
	INFO BOX - START
------------------------------*/
.info-box {
  display: flex;
  background-color: #f0f0f0;
}
.info-box .icon {
  padding: 15px 30px;
  color: #FFFFFF;
  font-size: 24px;
  display: flex;
  align-items: center;
}
.info-box .body {
  padding: 10px 15px;
}
.info-box .body p {
  margin: 0;
}
.info-box.info-box-blue .icon {
  background-color: #4dc4ff;
}

/*------------------------------
	INFO BOX - END
------------------------------*/
/*------------------------------
	AJAX LOADER - START
------------------------------*/
.ajax-loader {
  position: fixed;
  background: #0baf4e;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000000;
  display: none;
  opacity: 0.8;
}
.ajax-loader .lds-ripple {
  display: flex;
  position: absolute;
  width: 58px;
  height: 58px;
  top: 50%;
  left: 50%;
  margin-left: -29px;
  margin-top: -29px;
}
.ajax-loader .lds-ripple div {
  position: absolute;
  border: 4px solid #FFFFFF;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.ajax-loader .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
/*------------------------------
	AJAX LOADER - END
------------------------------*/
/*------------------------------
	PASSWORD STRENGTH BAR - START
------------------------------*/
#password_strength {
  margin-bottom: 20px;
}
#password_strength.level-1 .strength-bar .strength-1 {
  background-color: #cf0c0c;
}
#password_strength.level-2 .strength-bar .strength-1 {
  background-color: #ffbc00;
}
#password_strength.level-2 .strength-bar .strength-2 {
  background-color: #ffbc00;
}
#password_strength.level-3 .strength-bar .strength-1 {
  background-color: #4dc4ff;
}
#password_strength.level-3 .strength-bar .strength-2 {
  background-color: #4dc4ff;
}
#password_strength.level-3 .strength-bar .strength-3 {
  background-color: #4dc4ff;
}
#password_strength.level-4 .strength-bar .strength-1 {
  background-color: #3ba73b;
}
#password_strength.level-4 .strength-bar .strength-2 {
  background-color: #3ba73b;
}
#password_strength.level-4 .strength-bar .strength-3 {
  background-color: #3ba73b;
}
#password_strength.level-4 .strength-bar .strength-4 {
  background-color: #3ba73b;
}
#password_strength .strength-bar {
  display: flex;
  margin: 0 -2px;
}
#password_strength .strength-bar div {
  background-color: #f0f0f0;
  height: 3px;
  flex: auto;
  margin: 0 2px;
}
#password_strength #strength-label {
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
}
#password_strength #strength-label.color-1 {
  color: #cf0c0c;
}
#password_strength #strength-label.color-2 {
  color: #ffbc00;
}
#password_strength #strength-label.color-3 {
  color: #4dc4ff;
}
#password_strength #strength-label.color-4 {
  color: #3ba73b;
}

/*------------------------------
	PASSWORD STRENGTH BAR - END
------------------------------*/
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/** ***********************************************

    01. Texts
	02. Buttons
	03. Forms
	04. Alerts
	05. Pagination
	06. Nav tabs
	06. Modal

*********************************************** **/
/*------------------------------
	TEXTS
------------------------------*/
a {
  color: #0baf4e;
}
a:focus {
  outline: none;
  color: #054f23;
}
a:hover {
  color: #054f23;
  text-decoration: none;
}

mark {
  padding: 1px 5px;
  background-color: #fff8d2;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-primary {
  color: #0baf4e !important;
}
.text-primary:hover {
  color: #0baf4e !important;
}
.text-primary:hover.btn {
  color: #FFFFFF !important;
}

/*------------------------------
	BUTTONS
------------------------------*/
button:focus {
  outline: none;
}

.btn {
  border-radius: 0;
}
.btn:focus {
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.btn-primary {
  border-color: #0baf4e;
  background-color: #0baf4e;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #054f23;
  border-color: #054f23;
}
.btn-primary:focus, .btn-primary:hover {
  background-color: #099743;
  border-color: #099743;
}
.btn-primary:disabled {
  background-color: black;
  border-color: black;
  cursor: not-allowed;
}

.btn-secondary {
  border-color: #333333;
  background-color: #333333;
}
.btn-secondary:hover {
  background-color: #262626;
  border-color: #262626;
}
.btn-secondary:focus {
  color: #FFFFFF;
}

.btn-danger {
  border-color: #cf0c0c;
  background-color: #cf0c0c;
}

.btn-outline-primary {
  border: 1px solid #0baf4e;
  color: #0baf4e;
}
.btn-outline-primary:hover {
  border-color: #0baf4e;
  background-color: #0baf4e;
  color: #FFFFFF;
}

.btn-outline-secondary {
  border: 1px solid #333333;
  color: #333333;
}
.btn-outline-secondary:hover {
  border-color: #333333;
  background-color: #333333;
  color: #FFFFFF;
}

.btn-icon-left i {
  margin-right: 5px;
}

/*------------------------------
	FORMS
------------------------------*/
form .alert-danger {
  margin-bottom: 15px;
}

.form-group i {
  margin-right: 5px;
}

label {
  text-transform: uppercase;
}

.form-control {
  border: 1px solid #e7e7e7;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 13px;
}
.form-control:focus {
  border-color: #0baf4e;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.form-control:disabled, .form-control[readonly] {
  background-color: #f2f2f2;
  color: #9e9e9e;
  cursor: not-allowed;
}

.form-check {
  padding-left: 0;
}

textarea.form-control {
  min-height: 100px;
}

/* CUSTOM FORM CHECKBOX/RADIO */
.custom-form-check input {
  display: none;
}
.custom-form-check input:checked + label:before {
  background-color: #0baf4e;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bolder;
  text-align: center;
  line-height: 16px !important;
}
.custom-form-check label {
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  text-transform: none;
}
.custom-form-check label:before {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #dddddd;
  position: absolute;
  left: 0;
  top: 2px;
}
.custom-form-check.custom-checkbox input:checked + label:before {
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c";
}
.custom-form-check.custom-radio input:checked + label:before {
  border: 5px solid #0baf4e;
  background-color: #ffffff;
}
.custom-form-check.custom-radio label:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.was-validated .form-control:invalid:focus {
  box-shadow: none;
}
.was-validated .form-control:valid:focus {
  box-shadow: none;
}

.input-icon {
  position: absolute;
}

.form-text i {
  margin-right: 5px;
}

.input-group .form-text {
  flex-basis: 100%;
}

.input-group-text {
  border-radius: 0;
  font-size: 14px;
  background-color: #f2f2f2;
}

/*------------------------------
	ALERTS
------------------------------*/
.alert-container .alert {
  padding: 15px 0;
}
.alert-container .alert-wrapper {
  position: relative;
  display: flex;
}
.alert-container .alert-wrapper a {
  margin-left: 5px;
  color: #FFFFFF;
  text-decoration: underline;
}
.alert-container .close {
  font-size: 14px;
  margin-left: auto;
  position: static;
  padding: 0;
  text-shadow: none;
}
.alert-container .close:focus {
  outline: none;
}

.alert {
  border-radius: 0;
  border: 0;
  margin: 0;
  color: #FFFFFF;
}
.alert a {
  color: #FFFFFF;
  text-decoration: underline;
}

.alert-danger {
  background-color: #cf0c0c;
}

.alert-info {
  background-color: #4dc4ff;
}

.alert-success {
  background-color: #3ba73b;
}

.alert-warning {
  background-color: #ffbc00;
}

/*------------------------------
	PAGINATION
------------------------------*/
.page-link {
  margin: 0 5px;
  border: 1px solid #e7e7e7;
  color: #666666;
}
.page-link:focus {
  box-shadow: none;
}
.page-link:hover {
  background-color: transparent;
  border-color: #cecece;
  color: #4d4d4d;
}

.page-item.active .page-link {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff !important;
}
.page-item.disabled .page-link {
  color: #bbbbbb;
  font-style: italic;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  border-radius: 0;
}

/*------------------------------
	NAV TABS
------------------------------*/
.nav-tabs {
  border: 0;
}
.nav-tabs .nav-link {
  border-radius: 0;
  color: #868e96;
  padding: 12px 23px;
  border: 1px solid #e7e7e7;
}
.nav-tabs .nav-link:hover {
  border-color: #dcdcdc;
  color: #565c61;
}
.nav-tabs .nav-link.active {
  border-color: #0baf4e;
  color: #0baf4e;
  border-radius: 0;
}

/*------------------------------
	MODAL
------------------------------*/
.modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
}
.modal-dialog .modal-content .modal-header {
  border: 0;
  border-radius: 0;
  background-color: #1F1F1F;
  color: #e4e4e4;
}
.modal-dialog .modal-content .modal-header .modal-title {
  font-size: 14px;
}
.modal-dialog .modal-content .modal-header .close {
  background-color: #0baf4e;
  padding: 11px 17px 12px;
  float: none;
  text-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  opacity: 1;
  font-size: 30px;
}
.modal-dialog .modal-content .modal-header .close:focus {
  outline: none;
}
.modal-dialog .modal-content .modal-header .close:hover {
  background-color: #0baf4e;
}
.modal-dialog .modal-content .modal-footer {
  background-color: #f0f0f0;
}

/*------------------------------
	BADGE
------------------------------*/
.badge {
  font-size: 12px;
  padding: 5px 8px;
  font-weight: 400;
}

.badge-primary {
  background-color: #0baf4e;
}

/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
.content .section-title {
  color: #575757;
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.content .section-title.border-left {
  position: relative;
  padding-left: 15px;
  border-left: 0 !important;
}
.content .section-title.border-left:before {
  content: "";
  height: 24px;
  left: 0;
  margin-top: -13px;
  position: absolute;
  top: 50%;
  width: 3px;
  background-color: #0baf4e;
}

/*------------------------------
	SECTION INTRO
------------------------------*/
.intro {
  background-color: #f0f0f0;
  background-image: url("../../images/starojicka-lhota.jpg");
  background-size: cover;
  background-position: center center;
  height: 400px;
  position: relative;
  overflow: hidden;
}
.intro .intro-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6274509804);
}
.intro > .container {
  height: 100%;
}
.intro .intro-inner {
  height: 100%;
  text-align: center;
}
.intro .intro-inner > .row {
  height: 100%;
}
.intro .intro-inner h1 {
  color: #ffffff;
  font-size: 60px;
}
.intro .intro-inner h2 {
  color: #bcbcbc;
  font-size: 24px;
}
.intro .intro-inner p {
  color: #9d9d9d;
}

@media (max-width: 767.98px) {
  .intro {
    height: 400px;
  }
  .intro .intro-inner h1 {
    font-size: 40px;
  }
  .intro .intro-inner h2 {
    font-size: 20px;
  }
  .intro .inner-image {
    bottom: 10px;
  }
  .intro .inner-image > div {
    height: 20px;
  }
}
@media (max-width: 575.98px) {
  .intro {
    height: 300px;
  }
  .intro .intro-inner h1 {
    font-size: 32px;
  }
  .intro .intro-inner h2 {
    font-size: 16px;
  }
  .intro .inner-image {
    bottom: 0;
  }
}
/*------------------------------
	SECTION MAIN POST
------------------------------*/
.section-main-post .section-title a {
  color: #575757;
}
.section-main-post .main-post-content {
  font-size: 16px;
}

/*------------------------------
	SECTION POSTS
------------------------------*/
.section-highlighted-posts {
  background-color: #f0f0f0;
}
.section-highlighted-posts .highlighted-post {
  margin-top: 15px;
}
.section-highlighted-posts .highlighted-post p.title {
  color: #0baf4e;
  text-decoration: underline;
  font-size: 18px;
  margin: 0;
}
.section-highlighted-posts .highlighted-post p.meta {
  color: #575757;
  font-weight: bold;
  margin-bottom: 5px;
}
.section-highlighted-posts .highlighted-post p.meta span {
  float: right;
  color: #989898;
  font-weight: 500;
}

/*------------------------------
	SECTION LINKS
------------------------------*/
.section-links {
  background-color: #79D39E;
  color: #FFFFFF;
}
.section-links .section-title {
  color: #FFFFFF;
}
.section-links .section-title.border-left:before {
  background-color: #FFFFFF;
}
.section-links a {
  text-decoration: underline;
  font-size: 18px;
  color: #FFFFFF;
  display: flex;
  align-items: baseline;
}
.section-links a:hover span {
  text-decoration: none;
}
.section-links a span {
  text-decoration: underline;
}

/*------------------------------
	SECTION CATEGORIES
------------------------------*/
.section-categories {
  background-color: #f0f0f0;
  padding-bottom: 20px;
}
.section-categories .category-link {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  display: block;
  padding: 15px 20px;
  font-size: 16px;
  color: #575757;
  margin-bottom: 30px;
  font-weight: 600;
}
.section-categories .category-link:hover {
  color: #0baf4e;
}
.section-categories .category-link i {
  margin-right: 10px;
  color: #9d9d9d;
}
.section-categories .category-link span {
  color: #c7c7c7;
  float: right;
}

@media (max-width: 575.98px) {
  .section-categories {
    padding-bottom: 10px;
  }
  .section-categories .category-link {
    margin-bottom: 15px;
  }
}
/*------------------------------
	SECTION FIRMS
------------------------------*/
.section-firms .firm-item {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
.section-firms .firm-item:last-child {
  margin-bottom: 0;
}
.section-firms .firm-item .firm-image {
  flex-basis: 250px;
  flex-shrink: 0;
  text-align: center;
}
.section-firms .firm-item .firm-image .image-wrapper i {
  color: #FFFFFF;
  font-size: 70px;
  padding: 10px 30px;
}
.section-firms .firm-item .firm-body {
  margin-left: 30px;
}
.section-firms .firm-item .firm-body h2 {
  font-size: 22px;
  text-transform: none;
  color: #575757;
  font-weight: 600;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 5px;
}
.section-firms .firm-item .firm-body h2 small {
  color: #9d9d9d;
  font-size: 16px;
  font-style: italic;
  margin-left: 5px;
}
.section-firms .firm-item .firm-body ul {
  margin-bottom: 0;
}
.section-firms .firm-item .firm-body ul li {
  padding: 2px 0;
  font-size: 14px;
}
.section-firms .firm-item .firm-body ul li i {
  margin-right: 10px;
  color: #b0b0b0;
  width: 14px;
}
.section-firms .firm-item .firm-body ul li a {
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  .section-firms .firm-item .firm-image {
    flex-basis: 180px;
  }
  .section-firms .firm-item .firm-body h2 {
    font-size: 18px;
  }
  .section-firms .firm-item .firm-body h2 small {
    font-size: 14px;
  }
}
@media (max-width: 575.98px) {
  .section-firms .firm-item {
    align-items: normal;
    flex-direction: column;
  }
  .section-firms .firm-item .firm-image {
    flex-basis: auto;
    margin-bottom: 30px;
  }
  .section-firms .firm-item .firm-body {
    margin-left: 0;
  }
}
@media (max-width: 360px) {
  .section-firms .firm-item .firm-body h3 small {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}
/*------------------------------
	SECTION CONDITIONS
------------------------------*/
.section-conditions ol li {
  padding: 5px 0;
}

/*------------------------------
	SECTION PRIVACY
------------------------------*/
.section-privacy ol li.headline {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  color: #666666;
  margin-bottom: 20px;
}
.section-privacy ol li.headline p {
  font-weight: 400;
  color: #333333;
  text-transform: none;
  font-size: 14px;
}
.section-privacy ol li.headline ol {
  font-weight: 400;
  color: #333333;
  text-transform: none;
  font-size: 14px;
}
.section-privacy ol li.headline ol li {
  padding: 2px 0;
}

/*------------------------------
	SECTION MANAGEMENT
------------------------------*/
.section-management #management-tabs-content .tab-pane {
  padding-top: 20px;
}
.section-management #management-tabs-content .tab-pane p {
  text-align: center;
  color: #9d9d9d;
}

@media (max-width: 767.98px) {
  .section-management #management-tabs .nav-item {
    margin-bottom: 0;
    width: 100%;
    text-align: center;
  }
}
/*------------------------------
	SECTION INFO
------------------------------*/
.section-about p {
  font-size: 16px;
}
.section-about p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .section-about .image-wrapper {
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .content .section-title {
    font-size: 20px;
  }
  .section-about p {
    font-size: 14px;
  }
}
/*------------------------------
	SECTION HISTORY
------------------------------*/
.section-history p {
  font-size: 16px;
}

/*------------------------------
	SECTION CONTACT
------------------------------*/
.section-contact p {
  font-size: 18px;
}

/*------------------------------
	SECTION CALENDAR
------------------------------*/
.section-calendar .date-switcher > div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  padding: 10px 15px;
  border-radius: 50px;
}
.section-calendar .date-switcher > div a {
  background-color: #0baf4e;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  line-height: 29px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.section-calendar .date-switcher > div a:hover {
  background-color: #545454;
  color: #fff;
}
.section-calendar .date-switcher > div a.disabled {
  background-color: #777777;
  cursor: not-allowed;
}
.section-calendar .date-switcher > div p {
  margin: 0;
  font-size: 20px;
  color: #808080;
  flex: auto;
  text-align: center;
}
.section-calendar .calendar .calendar-header {
  display: flex;
  flex-wrap: wrap;
}
.section-calendar .calendar .calendar-header .day-header {
  width: 14.2857142857%;
  background-color: #0baf4e;
  padding: 15px;
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.section-calendar .calendar .calendar-header .day-header:first-child {
  border-left-color: #0baf4e;
}
.section-calendar .calendar .calendar-header .day-header:last-child {
  border-right-color: #0baf4e;
}
.section-calendar .calendar .calendar-body {
  display: flex;
  flex-wrap: wrap;
}
.section-calendar .calendar .calendar-body .day {
  width: 14.2857142857%;
  background-color: #f0f0f0;
  padding: 10px 15px;
  color: #a0a0a0;
  text-align: right;
  border: 1px solid #e7e7e7;
  min-height: 82px;
}
.section-calendar .calendar .calendar-body .day .day-posts {
  display: flex;
  flex-wrap: wrap;
  margin: 5px -2px 0;
}
.section-calendar .calendar .calendar-body .day .day-posts .post-point {
  width: 13px;
  height: 13px;
  background-color: #cccccc;
  border-radius: 50%;
  position: relative;
  margin: 0 2px 4px;
  cursor: pointer;
}
.section-calendar .calendar .calendar-body .day.current-month {
  color: #444444;
  background-color: #fafafa;
}
.section-calendar .calendar .calendar-body .day.active {
  color: #0baf4e;
  border-color: #0baf4e;
  font-weight: bold;
}
.section-calendar .post-list:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #f0f0f0;
  position: absolute;
  left: 24px;
}
.section-calendar .post-list .post-item {
  padding: 15px;
  margin-bottom: 20px;
  margin-left: 50px;
  position: relative;
  display: block;
  transition: background-color 0.3s ease-in;
}
.section-calendar .post-list .post-item .before {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  left: -53px;
  top: 50%;
  margin-top: -12px;
  border: 5px solid #FFFFFF;
  z-index: 1;
  background-color: #cccccc;
}
.section-calendar .post-list .post-item:after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #f0f0f0;
  position: absolute;
  left: -40px;
  top: 50%;
}
.section-calendar .post-list .post-item.active {
  background-color: #e4e4e4;
}
.section-calendar .post-list .post-item:last-child {
  margin-bottom: 0;
}
.section-calendar .post-list .post-item:hover {
  background-color: #e4e4e4;
}
.section-calendar .post-list .post-item h2 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #666666;
}
.section-calendar .post-list .post-item .date {
  color: #808080;
  font-size: 12px;
  display: inline-block;
}
.section-calendar .post-list .post-item .date.end:before {
  content: "-";
  padding: 0 3px 0 0;
}
.section-calendar .post-list .post-item .btn-collapse {
  font-size: 11px;
  padding: 2px 4px;
  color: #FFFFFF;
  margin-top: 5px;
}
.section-calendar .post-list .post-item .collapse-wrapper {
  margin: 10px -15px -15px;
}
.section-calendar .post-list .post-item .collapse-wrapper .card {
  border-radius: 0;
  padding: 10px;
}

@media (max-width: 991.98px) {
  .section-calendar .post-list {
    position: relative;
  }
  .section-calendar .post-list:before {
    left: 9px;
  }
}
@media (max-width: 575.98px) {
  .section-calendar .calendar .calendar-header .day-header {
    padding: 10px 5px;
  }
  .section-calendar .calendar .calendar-body .day {
    padding: 5px;
    min-height: 54px;
  }
  .section-calendar .calendar .calendar-body .day .day-posts .post-point {
    width: 12px;
    height: 12px;
  }
}
/*------------------------------
	SECTION EVENT
------------------------------*/
.section-event .event-category {
  display: flex;
  align-items: center;
}
.section-event .event-category .color {
  width: 13px;
  height: 13px;
  background-color: #cccccc;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.section-event .calendar .calendar-body .day .day-posts .event-point {
  width: 100%;
  border-radius: 10px;
  height: auto;
  text-align: left;
  padding: 4px 6px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: white;
}
.section-event .calendar .calendar-body .day.active .day-posts {
  font-weight: normal;
}

/*------------------------------
	SECTION TIMETABLE
------------------------------*/
.section-timetable .tab-content {
  margin-top: 30px;
}
.section-timetable h3 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
  margin-right: 10px;
}
.section-timetable h3 small {
  font-style: italic;
  color: #BBBBBB;
  font-size: 15px;
  margin-left: 5px;
}
.section-timetable .route-item {
  margin-bottom: 50px;
}
.section-timetable .route-item .route-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.section-timetable .route-item .route-title a {
  margin-left: auto;
}
.section-timetable .route-item .timetable-route {
  font-size: 13px;
  font-weight: bold;
}
.section-timetable .route-item .table {
  border: 0;
}
.section-timetable .route-item .table th {
  background-color: #f0f0f0;
  padding: 10px;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  vertical-align: middle;
}
.section-timetable .route-item .table th .station {
  margin-left: 10px;
  font-size: 12px;
  color: #cf0c0c;
}
.section-timetable .route-item .table td {
  padding: 9px;
  min-width: 62px;
  vertical-align: middle;
}
.section-timetable .route-item .table td.new {
  background-color: #0baf4e;
  color: #FFFFFF;
}
.section-timetable .route-item .table td.edit {
  background-color: #ffbc00;
  color: #FFFFFF;
}
.section-timetable .route-item .table td.old {
  background-color: #cf0c0c;
  color: #FFFFFF;
}
.section-timetable .route-item .table td span.info-text {
  font-size: 12px;
  color: #cf0c0c;
}
.section-timetable .table-legend {
  font-size: 12px;
  font-style: italic;
  color: #777777;
}
.section-timetable .table-legend span:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 10px;
}
.section-timetable .table-legend .new-route:before {
  background-color: #0baf4e;
}
.section-timetable .table-legend .edit-route:before {
  background-color: #ffbc00;
}
.section-timetable .table-legend .old-route:before {
  background-color: #cf0c0c;
}

@media (max-width: 1199.98px) {
  .section-timetable .route-item .table td {
    padding: 9px 7px;
    min-width: 45px;
    font-size: 14px;
  }
}
/*------------------------------
	SECTION HYDROMETER
------------------------------*/
.section-hydrometer .input-group .input-group-text b {
  margin-left: 5px;
}

/*------------------------------
	SECTION POSTER
------------------------------*/
.section-poster .close-poster {
  text-decoration: underline;
  color: #000000;
}
.section-poster .close-poster:hover {
  text-decoration: none;
}
.section-poster .alert {
  font-size: 30px;
  font-weight: bold;
}
.section-poster .poster-body {
  background-color: #f0f0f0;
}
.section-poster .poster-body h2 {
  text-align: center;
  text-transform: uppercase;
  color: #575757;
  font-size: 26px;
  font-weight: 600;
}
.section-poster .poster-body p {
  font-size: 1rem;
}
.section-poster .poster-body ol li {
  font-size: 1rem;
}

/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/*------------------------------
	POST LIST
------------------------------*/
.post-list .pinned-post {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.post-list .pinned-post .pinned-post-label {
  margin-bottom: 5px;
}
.post-list .pinned-post .pinned-post-label i {
  margin-right: 5px;
  color: #888888;
}
.post-list .pinned-post .pinned-post-label span {
  color: #0baf4e;
  font-weight: 500;
}
.post-list .pinned-post .post-item {
  background-color: #f0f0f0;
}
.post-list .pinned-post .post-item .post-wrapper .post-head .post-date {
  background-color: #0baf4e;
}

.post-item {
  background-color: #f4f4f4;
  padding: 30px;
  margin-bottom: 40px;
}
.post-item:last-child {
  margin-bottom: 0;
}
.post-item .post-wrapper {
  background-color: #FFFFFF;
  border: 1px solid #e7e7e7;
  padding: 35px;
}
.post-item .post-wrapper .post-head {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.post-item .post-wrapper .post-head .post-date {
  background-color: #4c4c4c;
  color: #FFFFFF;
  font-size: 22px;
  text-align: center;
  margin-right: 30px;
  min-width: 60px;
}
.post-item .post-wrapper .post-head .post-date div {
  padding: 5px 15px;
}
.post-item .post-wrapper .post-head .post-date .day {
  padding-bottom: 0;
}
.post-item .post-wrapper .post-head .post-date .month {
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 3px;
}
.post-item .post-wrapper .post-head .post-date .year {
  font-size: 13px;
  background-color: #2c2c2c;
}
.post-item .post-wrapper .post-head .post-meta h2 {
  font-size: 18px;
}
.post-item .post-wrapper .post-head .post-meta h2 a {
  color: #4c4c4c;
}
.post-item .post-wrapper .post-head .post-meta ul {
  margin-bottom: 0;
}
.post-item .post-wrapper .post-head .post-meta ul li {
  font-size: 12px;
  color: #777777;
  margin-right: 0;
}
.post-item .post-wrapper .post-head .post-meta ul li:after {
  content: "-";
  margin: 0 5px 0 10px;
}
.post-item .post-wrapper .post-head .post-meta ul li.last:after {
  content: "";
  margin: 0;
}
.post-item .post-wrapper .post-head .post-meta ul li a {
  color: #777777;
  text-decoration: underline;
}
.post-item .post-wrapper .post-body {
  margin-bottom: 20px;
  color: #333333;
}
.post-item .post-wrapper .post-body .text-nowrap {
  color: #333333 !important;
}

@media (max-width: 575.98px) {
  .post-item {
    padding: 20px;
  }
  .post-item .post-wrapper {
    padding: 25px;
  }
}
/*------------------------------
	PAGINATION
------------------------------*/
.pagination-wrapper {
  margin-top: 30px;
}
.pagination-wrapper .pagination {
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.pagination-wrapper .pagination .page-item {
  margin-bottom: 1rem;
}

/*------------------------------
	SIDEBAR
------------------------------*/
.sidebar .widget {
  margin-bottom: 40px;
}
.sidebar .widget:last-child {
  margin-bottom: 0;
}
.sidebar .widget h3 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: #666666;
}
.sidebar .widget p {
  color: #888888;
  margin-top: 10px;
}
.sidebar .widget-categories ul li {
  padding: 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
.sidebar .widget-categories ul li:last-child {
  border-bottom: 0;
}
.sidebar .widget-categories ul li.active {
  font-weight: bold;
}
.sidebar .widget-categories ul li.disabled a {
  color: #9a9a9a;
  font-style: italic;
  cursor: not-allowed;
}
.sidebar .widget-categories ul li a {
  display: block;
}
.sidebar .widget-categories ul li a span {
  float: right;
}

/*------------------------------
	SEARCH
------------------------------*/
.action-search h2 {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 18px;
  color: #666666;
}
.action-search .post-list {
  margin-top: 30px;
}

/*------------------------------
	POST DETAIL
------------------------------*/
.post-detail .content-title {
  margin-bottom: 20px;
}
.post-detail .post-content > div {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.post-detail .post-content > div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.post-detail .post-content .post-body {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
}
.post-detail .post-content .post-body .text-nowrap {
  color: #333333 !important;
}
.post-detail .post-content .post-poll .poll-wrapper {
  background-color: #f0f0f0;
  padding: 20px;
}
.post-detail .post-content .post-poll .poll-wrapper > h3 {
  font-size: 18px;
}
.post-detail .post-content .post-poll .poll-wrapper > p {
  color: #777777;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer {
  margin-bottom: 15px;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer:last-child {
  margin-bottom: 0;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-body {
  display: flex;
  align-items: center;
  color: #333333;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-body .answer-icon {
  color: #909090;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-body .answer-title {
  margin-left: 15px;
  font-weight: bold;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-body .answer-percent {
  margin-left: auto;
  font-weight: 600;
  color: #555555;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-body.active .answer-percent {
  color: #0baf4e;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-result {
  margin-top: 5px;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-result .progress {
  background-color: #FFFFFF;
  height: 0.5rem;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-result .progress-bar {
  background-color: #333333;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-answers .poll-answer .poll-answer-result.active .progress-bar {
  background-color: #0baf4e;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-date {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #d7d7d7;
  font-size: 12px;
  color: #999999;
}
.post-detail .post-content .post-poll .poll-wrapper .poll-date p {
  margin-bottom: 0;
}
.post-detail .post-content .post-images {
  padding-bottom: 0;
}
.post-detail .post-content .post-images .image-item {
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
  padding: 15px;
}
.post-detail .post-content .post-images .image-item:hover {
  border-color: #0baf4e;
}
.post-detail .post-content .post-files .file-item {
  margin-bottom: 15px;
  border: 1px solid #e7e7e7;
  padding: 15px;
  display: flex;
}
.post-detail .post-content .post-files .file-item:last-child {
  margin-bottom: 0;
}
.post-detail .post-content .post-files .file-item:hover {
  border-color: #0baf4e;
}
.post-detail .post-content .post-files .file-item .icon {
  margin-right: 15px;
}
.post-detail .post-content .post-files .file-item .name {
  margin-right: 15px;
}
.post-detail .post-content .post-files .file-item .size {
  margin-left: auto;
}
.post-detail .post-event .post-event-item {
  display: flex;
}
.post-detail .post-event .post-event-item i {
  font-size: 22px;
  background-color: #4c4c4c;
  padding: 20px;
  color: #FFFFFF;
}
.post-detail .post-event .post-event-item div {
  background-color: #f0f0f0;
  padding: 10px 20px;
  width: 100%;
}
.post-detail .post-event .post-event-item div h4 {
  font-size: 12px;
  color: #9a9a9a;
}
.post-detail .post-event .post-event-item div span {
  font-weight: bold;
  color: #575757;
}
.post-detail .post-comments {
  margin-top: 50px;
}
.post-detail .post-comments .comment-item {
  display: flex;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.post-detail .post-comments .comment-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.post-detail .post-comments .comment-item .comment-icon {
  margin-right: 20px;
}
.post-detail .post-comments .comment-item .comment-icon i {
  background-color: #f0f0f0;
  border-radius: 50%;
  font-size: 30px;
  color: #dcdcdc;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.post-detail .post-comments .comment-item .comment-icon div {
  background-color: #f0f0f0;
  border-radius: 50%;
  font-size: 30px;
  color: #dcdcdc;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.post-detail .post-comments .comment-item .comment-body {
  flex-grow: 1;
}
.post-detail .post-comments .comment-item .comment-body .author {
  font-weight: bold;
}
.post-detail .post-comments .comment-item .comment-body .author a {
  color: #cf0c0c;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  float: right;
}
.post-detail .post-comments .comment-item .comment-body .date {
  margin: 5px 0;
  color: #bbbbbb;
  font-size: 12px;
}
.post-detail .post-comments .comment-item .comment-body p {
  margin: 0;
  color: #666666;
}
.post-detail .post-comments #comment-form {
  margin-top: 50px;
}
.post-detail .post-comments #comment-form textarea {
  min-height: 160px;
}
.post-detail .post-sidebar .sidebar-item {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.post-detail .post-sidebar .sidebar-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.post-detail .post-sidebar .sidebar-item h4 {
  font-size: 12px;
  text-transform: uppercase;
  color: #bbb;
  margin-bottom: 5px;
}
.post-detail .post-sidebar .sidebar-item span {
  font-weight: bold;
  color: #555555;
}
.post-detail .post-sidebar .sidebar-item .tag-list {
  display: flex;
  flex-wrap: wrap;
}
.post-detail .post-sidebar .sidebar-item .tag-list .tag-item {
  margin-right: 10px;
  margin-bottom: 10px;
  color: #545454;
  background-color: #f5f5f5;
  padding: 2px 6px;
  font-size: 12px;
}
.post-detail .post-sidebar .sidebar-item .tag-list .tag-item:last-child {
  margin-right: 0;
}
.post-detail .post-sidebar .sidebar-item .sidebar-link {
  display: flex;
}
.post-detail .post-sidebar .sidebar-item .sidebar-link a {
  margin-left: auto;
  color: #0baf4e;
  cursor: pointer;
}
.post-detail .post-actions {
  margin-top: 30px;
}
.post-detail .post-actions ul li a {
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 12px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.post-detail .user-content-alert {
  margin-top: 50px;
}
.post-detail .user-content-alert h3 {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: #666666;
}
.post-detail .user-content-alert p {
  font-size: 12px;
}
@media (max-width: 767.98px) {
  .post-detail .post-sidebar {
    margin-top: 30px;
  }
}
@media (max-width: 575.98px) {
  .post-detail .post-content .post-event .post-event-item:first-child {
    margin-right: 15px;
  }
  .post-detail .post-content .post-event .post-event-item div {
    text-align: center;
  }
}
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
/* COLORS */
/*#0baf4e*/
/*#5ebd48*/
/* FONTS */
/* SCREEN SIZES */
.content-form .content-form-header {
  font-weight: bold;
  margin-bottom: 15px;
}
.content-form .content-form-line {
  padding: 5px 0;
}
.content-form .content-form-line:hover {
  background-color: #f0f0f0;
}
.content-form .content-form-line .category-title {
  padding-left: 15px;
}
.content-form .form-group {
  display: flex;
}
.content-form .form-group .form-check label {
  color: #FFFFFF;
}
.content-form .btn {
  margin-top: 10px;
}

@media (max-width: 575.98px) {
  .content-form .content-form-line:hover {
    background-color: transparent;
  }
  .content-form .content-form-line .category-title {
    padding-left: 0;
    display: block;
    margin-bottom: 10px;
  }
  .content-form .form-group .form-check label {
    color: #333333;
  }
}
.user-favorite .post-favorite {
  margin-bottom: 30px;
  border: 1px solid #e7e7e7;
  padding: 15px;
}
.user-favorite .post-favorite:last-child {
  margin-bottom: 0;
}
.user-favorite .post-favorite a {
  font-size: 16px;
}
.user-favorite .post-favorite .date {
  margin-left: 15px;
  color: #999999;
}

@media (max-width: 575.98px) {
  .user-favorite .post-favorite .date {
    display: block;
    margin-left: 0;
  }
}
.user-comment .post-comment {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.user-comment .post-comment:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.user-comment .post-comment .meta {
  margin-bottom: 15px;
}
.user-comment .post-comment .meta b {
  margin-right: 5px;
}

.user-notification .notification-toolbar .nav-pills .nav-link {
  color: #666666;
}
.user-notification .notification-toolbar .nav-pills .nav-link:hover {
  color: #0baf4e;
}
.user-notification .notification-toolbar .nav-pills .nav-link.active {
  color: #FFFFFF;
  background-color: #0baf4e;
}
.user-notification .notification-item {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.user-notification .notification-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.user-notification .notification-item .notification-icon {
  color: #333;
  font-size: 24px;
  min-width: 30px;
  text-align: center;
  margin-right: 0;
}
.user-notification .notification-item .description {
  font-weight: bold;
  color: #707070;
  text-transform: uppercase;
  font-size: 12px;
}
.user-notification .notification-item .title {
  color: #333333;
  font-size: 16px;
  margin-top: 5px;
}
.user-notification .notification-item .date {
  color: #b5b5b5;
  font-weight: 400;
  font-size: 13px;
}
.user-notification .notification-item .meta {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 8px;
  border-radius: 12px;
  background-color: #f1f3f5;
  font-size: 12px;
  color: #b5b5b5;
}
.user-notification .notification-item.active .title {
  color: #0baf4e;
}
.user-notification .notification-item.active .meta {
  background-color: #e8f5ec;
  color: #0baf4e;
}

/*# sourceMappingURL=style.css.map */