@charset "UTF-8";
body {
  background-color: #eff0f2;
  /*color: #434242;*/
  color: #49525c; }

.form-control {
  border: 1px solid #d8d8d8;
  font-size: 0.75rem;
  padding-top: 8px;
  padding-bottom: 9px;
  border-radius: 3px;
  box-shadow: none !important; }

.form-control-small {
  border: 1px solid #d8d8d8;
  font-size: 0.75rem;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 2px;
  box-shadow: none !important; }

.form-row {
  margin-right: 0;
  margin-left: 0; }

section#web .form-control {
  background-color: #f6f7f9;
  font-size: 0.75rem;
  border: 0; }

section#panel .form-control {
  background-color: #fff; }

section .form-group input:focus, section .form-group select:focus {
  box-shadow: none; }

section#web form div.form-group small.form-text, section#web form div.form-group .form-check label.form-check-label {
  font-size: 0.625rem; }

.btn {
  /*border-radius: 0.2rem;*/
  border-radius: 5px; }

.btn:focus {
  box-shadow: none; }

.btn-nice {
  font-size: 0.875rem;
  padding-top: 7px;
  padding-bottom: 7px; }

.btn-nice-blue {
  color: #fff;
  background-color: #3198b9; }

.btn-nice-sea {
  color: #fff;
  background-color: #3c798c; }

.btn-nice-sea:hover {
  color: #fff;
  background-color: #3c798c; }

.btn-nice-blue {
  color: #fff;
  background-color: #3198b9; }

.btn-nice-light-grey {
  background-color: #eff0f2;
  color: #676767; }

.btn-nice-middle-grey {
  color: #ffffff;
  background-color: #838b94;
  font-size: 0.75rem;
  padding: 5px;
  padding-top: 6px; }

.btn-nice-middle-grey:hover {
  color: #ffffff;
  background-color: #6b737c; }

.btn-nice-light-grey:hover {
  background-color: #e0e3e7;
  color: #676767; }

.btn-nice-light-blue {
  background-color: #a2e6ff; }

.btn-nice-light-blue:hover {
  background-color: #81ddff; }

.btn-nice-blue:hover {
  color: #fff;
  background-color: #00a6e3; }

.btn-nice-red {
  color: #fff;
  background-color: #f02c4a; }

.btn-nice-red:hover {
  color: #fff;
  background-color: #ed445e; }

.btn-nice-grey {
  /*color: #434242;*/
  color: #49525c;
  background-color: #f6f7f9; }

.btn-nice-dark-blue {
  color: #fff;
  background-color: #233142; }

.btn-nice-dark-blue:hover {
  background-color: #314359;
  color: #fff; }

.btn-delete {
  color: white;
  background-color: #dc3545;
  border-color: #dc3545; }

.btn-delete:hover {
  color: white;
  background-color: #ad2a37;
  border-color: #ad2a37; }

a.btn-nice-cancel {
  /*color: #434242;*/
  color: #49525c;
  background-color: #f6f7f9;
  border-color: #d8d8d8; }

a.btn-nice-red:hover {
  color: #fff; }

a.btn-nice-grey:hover {
  color: #b9b9b9; }

@media screen and (max-width: 992px) {
  .btn-sm-block {
    display: block;
    width: 100%; } }

section#web #base .button-inline [class*="col-"] {
  /* padding-left: 14px;*/
  margin-bottom: 8px; }

.btn.btn-wrapped {
  padding: 2px 0;
  font-size: 0.75rem; }

header {
  min-height: 95px;
  /*background-color: #233142;*/
  background-color: #dbdde4; }

header nav .row {
  min-height: 95px; }

header nav .navbar-brand p {
  font-size: 0.75rem;
  display: inline;
  /*color: #c9cbd4;*/
  color: #0d0d0d;
  margin-left: 10px;
  font-style: italic; }

header nav .navbar-brand p span.new {
  border-radius: 5px;
  background-color: #ee2a4c;
  font-style: normal;
  color: white;
  font-size: 0.688rem;
  padding: 2px; }

header nav {
  min-height: 95px; }

nav.nav-bar {
  padding-left: 0; }

header nav {
  font-size: 0.75rem; }

header div.navbar-menu ul li a.nav-link {
  padding-bottom: 2px; }

header nav li a.nav-link {
  /*color: rgba(255, 255, 255, 1) !important;*/
  color: #0d0d0d !important; }

@media screen and (min-width: 992px) {
  header nav li a#login {
    color: #f02c4a !important;
    /*border-left: 1px solid white;*/
    /*border-left: 1px solid #0d0d0d;*/ } }

.navbar-dark .navbar-toggler {
  border: 0;
  outline: none; }

section#header_slider {
  height: 250px; }

section#header_slider .carousel-indicators {
  margin-bottom: 3px;
  margin-right: 14px;
  justify-content: flex-end; }

section#header_slider .carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 12px;
  height: 11px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: transparent;
  border: 1px white solid; }

section#header_slider .carousel-indicators li.active {
  border: 1px white solid;
  background-color: white; }

section#header_slider .carousel-inner .carousel-item a img {
  border-radius: 5px; }

section#search {
  min-height: 100px;
  margin-bottom: 30px;
  margin-top: 20px;
  color: #0d0d0d; }

/*mobilne*/
@media screen and (min-width: 992px) {
  section#search {
    margin-top: 50px; }
  section#search .search-tabs div.cars {
    min-width: 145px; }
  section#search .search-tabs div.products {
    min-width: 110px; } }

@media screen and (max-width: 992px) {
  section#search {
    min-height: 0px;
    margin-bottom: 10px; }
  section#search .search-tabs div.products {
    margin-right: 14px; }
  section#search .search-tabs div.filters {
    margin-left: 14px; }
  section#search .search-tabs .three-buttons {
    min-width: 28%; }
  section#search .search-tabs .two-buttons.cars {
    margin-left: 14px; }
  section#search .search-tabs .two-buttons {
    min-width: 42%; } }

section#search .row {
  min-height: 100px; }

section#search .search-tabs {
  font-size: 0.875rem;
  height: 37px;
  min-height: 0;
  margin-bottom: 10px; }

section#search .search-tabs [class*="col-"] {
  padding-top: 7px;
  padding-left: 0;
  text-align: center; }

section#search .search-tabs a {
  /*color: #434242;*/
  color: #49525c;
  text-decoration: none; }

section#search .search-tabs div.bg-red a {
  color: white; }

section#search .search-tabs div.bg-grey {
  background-color: #dfe2e6;
  /*color: #233142;*/
  color: #49525c; }

section#search .bordered {
  /*-webkit-box-shadow: 0 0 10px #9c949c;
  -moz-box-shadow: 0 0 10px  #9c949c;
  box-shadow: 0 0 10px  #9c949c;*/
  /*-webkit-box-shadow: 0px 10px 10px -10px #000000, 5px 5px 15px 5px #dbdde4;
  box-shadow: 0px 10px 10px -10px #000000, 5px 5px 15px 5px #dbdde4;*/
  -moz-box-shadow: 0 4px 4px #dbdde4;
  -webkit-box-shadow: 0 4px 4px #dbdde4;
  box-shadow: 0 4px 2px -2px #dbdde4;
  /*box-shadow: 0 5px 2px -2px #dbdde4;*/ }

section#search div.search-extended {
  font-size: 0.65rem;
  margin-bottom: 0.5rem;
  margin-top: 16px;
  background-color: #dbdde4;
  text-align: center;
  border-radius: 3px; }

@media screen and (max-width: 992px) {
  section#search div.search-extended {
    font-size: 0.75rem;
    margin-top: 0px;
    /*margin-bottom: 0.5rem;

    background-color: #dbdde4;
    text-align: center;
    border-radius: 3px;*/ } }

section#search .search-tabs div.bg-search-white {
  background-color: #ffffff;
  /*color: #233142;*/
  color: #49525c; }

section#search .search-tabs div.bg-search-grey {
  background-color: #dbdde4;
  /*color: #233142;*/
  color: #fffffd; }

section#search .search-tabs div.bg-search-blue {
  background-color: #3198b9; }

section#search .search-tabs div.bg-search-blue a {
  color: #fffffd; }

section#search .row .form-group label {
  font-size: 0.75rem;
  padding-top: 13px;
  padding-left: 12px; }

section#search select.form-control {
  height: 37px;
  font-size: 0.75rem;
  padding-top: 9px;
  padding-bottom: 11px;
  padding-left: 9px; }

section#search select.form-control, section#search input.form-control {
  /*background-color: #f6f7f9;*/
  background-color: #eff0f2;
  border: 0; }

section#search input:disabled, section#search select:disabled {
  /*background-color: #dbdde4;*/
  background-color: red; }

section#search .row .form-group label {
  font-size: 0.75rem; }

section#search .row .input-group #radius {
  max-width: 100px; }

section#search .row .form-group div.form-check {
  padding-top: 5px; }

section#search .row .form-group div.form-check label.form-check-label {
  padding-top: 1px;
  padding-left: 2px;
  padding-right: 5px; }

section#search div.col-search-first {
  border-radius: 5px 0 0 5px; }

section#search div.col-search-last {
  /*border-bottom: 1px solid #d8d8d8;*/
  padding-right: 14px;
  border-radius: 0 5px 5px 0; }

section#search [class*="col-"] {
  padding-left: 14px;
  /*border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;*/ }

section#search div.form-col-divided-left {
  padding-left: 0;
  padding-right: 0; }

section#search div.form-col-divided-left .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

section#search div.form-col-divided-right .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0; }

section#search div.form-col-divided-right {
  padding-left: 0;
  padding-right: 0; }

section#search div.col-invisible-left, section#search div.col-invisible-right {
  border-top: 0;
  border-bottom: 0; }

section#search div.col-invisible-left {
  /*border-right: 1px solid #d8d8d8;*/ }

section#search div.col-invisible-right {
  /*border-left: 1px solid #d8d8d8;*/ }

section#search button.btn-search-products {
  /*margin-top: 43px;*/ }

/*mobilne*/
@media screen and (max-width: 992px) {
  section#search .row.search-tabs {
    display: flex;
    /*justify-content: center !important;*!*/
    justify-content: space-around; }
  section#search [class*="col-"] {
    padding-right: 14px;
    border-top: 0;
    border-bottom: 0;
    /*border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;*/ }
  section#search div.col-search-first {
    /*border-top: 1px solid #d8d8d8;*/
    border-radius: 0; }
  section#search div.col-search-last {
    /*border-bottom: 1px solid #d8d8d8;*/
    border-radius: 0; }
  section#search button {
    margin-top: 0; } }

select#inputCategory,
select#radius,
select.input-radius {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='50' width='50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M0 0h50v50H0z'/%3E%3Cpath d='M47.25 15l-2.086-2.086L25 33.078 4.836 12.914 2.75 15 25 37.25z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 15px 15px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2rem; }

/*co to są za radiusy*/
.radius-left {
  border-radius: 5px 0 0 5px; }

.radius-right {
  border-radius: 0 5px 5px 0; }

section#web {
  /*margin-top: 37px;*/
  margin-top: 20px; }

section#web [class*="col-"] {
  padding-left: 14px; }

section#web [class*="col-"]#base {
  padding-left: 14px; }

section#web #base h1 {
  /*margin-top: 30px;*/
  margin-top: 18px;
  font-size: 1.25rem;
  /*color: #424242;*/
  /*color: #233142;*/
  color: #49525c;
  margin-bottom: 20px;
  font-weight: bold; }

section#web .fa.fa-star {
  color: #fec600; }

section#web .fa.fa-star.white {
  color: white;
  text-shadow: 0 0 3px #fec600; }

section#web .fa.fa-star-half-alt {
  color: #fec600; }

/*Paginator*/
ul.pagination li.page-item a.page-link, ul.pagination li.page-item span.page-link {
  border: none; }

.page-item {
  font-size: 0.750rem;
  /*color: #434242;*/
  color: #49525c; }

.page-item.active .page-link {
  z-index: 1;
  color: white;
  background-color: #0098d0;
  border-color: #007bff;
  /*border-radius: 0px 0px;*/ }

.page-link:hover {
  /*border-radius: 5px 5px;*/ }

.page-link:focus {
  outline: none !important;
  box-shadow: none; }

.page-link {
  padding: 0.3rem 0.6rem; }

section#web div.list div.seller-button.row {
  margin-top: 20px; }

section#web div.list div.seller-button span {
  font-size: 0.75rem; }

@media screen and (max-width: 576px) {
  section#web div.list div.seller-button.row {
    margin-top: 0px; } }

section#web div.list div.tags .current, section#web div.list div.tags .current span {
  color: #f02c4a; }

section#web div.list div.tags {
  margin-top: 10px;
  font-size: 0.75rem; }

section#web div.list div.tags a {
  color: #0198d1; }

section#web div.list div.tags span {
  /*color: #434242;*/
  color: #49525c; }

@media screen and (max-width: 992px) {
  section#web div.list div.tags {
    margin-top: 5px; } }

section#web div.list div.list-filter h2 {
  font-size: 1.25rem;
  font-weight: bold;
  /*color: #434242;*/
  /*color: #233142;*/
  color: #49525c;
  margin-bottom: 20px; }

@media screen and (min-width: 992px) {
  section#web div.list div.list-filter {
    margin-bottom: 25px; } }

section#web div.list form.seller-search button {
  margin-top: 43px; }

section#web div.list form.seller-search [class*="col-"]:first-of-type {
  padding-left: 0; }

section#web div.list form.seller-search [class*="col-"] {
  padding-left: 14px; }

@media screen and (max-width: 992px) {
  section#web div.list form.seller-search [class*="col-"] {
    padding-left: 0;
    padding-right: 0; }
  section#web div.list form.seller-search button {
    margin-top: 0; } }

section#web div.list select.form-control {
  height: 37px;
  font-size: 0.75rem;
  padding-top: 9px;
  padding-bottom: 11px;
  padding-left: 9px; }

section#web div.list .form-group label {
  font-size: 0.75rem;
  padding-top: 13px;
  padding-left: 12px; }

/*section#web div.list div.list-item {
  padding-top: 0;
}*/
section#web div.list h2.divider {
  font-size: 1.25rem;
  font-weight: bold;
  /*color: #434242;*/
  /*color: #233142;*/
  color: #49525c;
  margin-bottom: 20px; }

section#web div.list .row.list-item {
  margin-left: -14px; }

@media screen and (max-width: 576px) {
  section#web div.list hr {
    margin-top: 4px;
    margin-bottom: 4px; } }

section#web div.list div.list-item.highlighted {
  background-color: #eff0f2; }

section#web div.list div.list-item.highlighted div.img {
  background-color: white; }

section#web div.list div.list-item img {
  width: 100%; }

@media screen and (max-width: 576px) {
  section#web div.list div.list-item img {
    min-width: 135px; } }

@media screen and (min-width: 992px) {
  section#web div.list div.list-item img {
    max-width: 250px;
    max-height: 185px; } }

@media screen and (max-width: 576px) {
  section#web div#base.list div.list-item h1 {
    font-size: 0.75rem;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media screen and (min-width: 576px) {
  section#web div#base.list div.list-item h1 {
    font-size: 0.875rem;
    margin-top: 3px; } }

section#web div#base.list div.list-item h1 {
  margin-bottom: 0; }

section#web div.list div.list-item h1 a {
  /*color: #233142;*/
  color: #49525c; }

section#web div.list div.list-item h2 {
  /*color: #434242;*/
  color: #49525c; }

section#web div.list div.list-item h2 {
  font-weight: normal; }

@media screen and (min-width: 576px) {
  section#web div.list div.list-item h2 {
    font-size: 0.688rem;
    margin-top: 6px; } }

@media screen and (max-width: 576px) {
  section#web div.list div.list-item h2 {
    font-size: 0.625rem;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px; } }

section#web div.list div.list-item p.price {
  padding-top: 0;
  font-size: 1.5rem;
  font-weight: normal;
  /*color: #434242;*/
  color: #49525c; }

section#web div.list div.list-item div.data {
  position: absolute;
  bottom: 0;
  left: 4px; }

@media screen and (max-width: 400px) {
  section#web div.list div.list-item p.price {
    margin-top: 1px;
    margin-bottom: 1px; }
  section#web div.list div.list-item div.data {
    position: absolute;
    bottom: -7px;
    left: 4px; } }

@media screen and (min-width: 576px) {
  section#web div.list div.list-item p.price {
    line-height: 1;
    margin-top: 1px;
    margin-bottom: 5px; } }

@media screen and (max-width: 576px) {
  section#web div.list div.list-item p.price {
    line-height: 1;
    margin-top: 2px;
    margin-bottom: 3px; } }

section#web div.list div.list-item div.flags {
  height: 35px;
  padding: 0; }

section#web div.list div.list-item span.flag {
  display: block;
  width: fit-content;
  width: -moz-fit-content;
  padding: 1px 2px;
  line-height: 1.2;
  border-radius: 0.2rem; }

@media screen and (max-width: 576px) {
  section#web div.list div.list-item span.flag {
    font-size: 0.625rem;
    margin-bottom: 1px; } }

@media screen and (min-width: 576px) {
  section#web div.list div.list-item span.flag {
    font-size: 0.625rem;
    margin-bottom: 2px; } }

section#web div.list div.list-item span.flag-premium {
  color: #f5294a;
  border: 1px #f5294a solid; }

section#web div.list div.list-item .flag-trusted {
  color: #3b9c55;
  border: 1px #3b9c55 solid; }

section#web div.list div.list-item p.city,
section#web div.list div.list-item p.street {
  /*color: #434242;*/
  color: #49525c;
  font-weight: normal;
  /*font-size: 0.75rem;*/
  font-size: 0.688rem; }

section#web div.list div.list-item p.city {
  margin-bottom: 2px; }

section#web div.list div.list-item p.city img {
  width: 13px;
  height: 17px; }

section#web div.list div.list-item p.street {
  margin-bottom: 2px; }

/*body {
  background: #f0f0f0;
  font-family: sans-serif;
}*/
.cr {
  /*width: 170px;*/
  font-size: 0.875rem;
  font-weight: bold;
  padding: 4px 8px;
  position: absolute;
  text-align: center;
  color: #f0f0f0; }

/*.cr-sticky {
  position: fixed;
}*/
/* Positions */
.cr-bottom {
  bottom: 25px; }

.cr-right {
  right: -50px; }

/* Rotations */
.cr-top.cr-left,
.cr-bottom.cr-right {
  transform: rotate(0deg); }

.cr-top.cr-right,
.cr-bottom.cr-left {
  transform: rotate(45deg); }

/* Colors */
.cr-blue {
  background-color: #0198d1; }

.cr-red {
  background-color: #f02c4a; }

section#web #base.item {
  /*color: #434242;*/
  color: #49525c; }

section#web #base.item h1 {
  /*color: #424242;*/
  color: #49525c; }

section#web #base.item div.row {
  margin-top: 20px; }

section#web #base.item div.row.matrix {
  margin-top: 10px; }

section#web #base.item h1 {
  margin-top: 28px;
  margin-bottom: 7px;
  font-size: 1.25rem;
  font-weight: bold;
  /*color: #434242;*/
  /*color: #233142;*/
  color: #49525c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

section#web div.item p.subtitle {
  font-size: 0.875rem;
  /*color: #434242;*/
  color: #49525c; }

section#web #base.item h2 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #49525c; }

section#web #base.item p.price {
  padding-top: 0;
  margin-bottom: 10px;
  line-height: 2.125rem;
  font-size: 2.125rem;
  font-weight: normal;
  /*color: #434242;*/
  color: #49525c; }

section#web #base.item p.city,
section#web #base.item p.street {
  font-size: 0.75rem;
  font-weight: normal;
  margin-bottom: 3px; }

section#web #base.item p.description {
  font-size: 0.75rem;
  line-height: 1.5rem; }

section#web div.item p.phone {
  font-size: 0.75rem;
  font-weight: bold;
  color: #0198d1;
  margin-bottom: 0; }

section#web #base.item .matrix p.note {
  font-size: 0.75rem;
  margin-top: 10px; }

section#web #base.item div.row.badges {
  margin-top: 3px;
  font-size: 0.75rem;
  font-weight: bold; }

section#web #base.item div.row.rates {
  margin-top: 3px; }

section#web #base.item .badges .col {
  padding: 0;
  padding-left: 14px; }

section#web #base.item .rate_buttons a {
  font-size: 0.75rem; }

section#web #base.item .matrix_rate p {
  font-size: 0.75rem; }

/*section#web .row.related h2 {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #0198d1;
}*/
section#web #base.item div.row.related {
  margin-top: 12px; }

/*section#web div.row.related .col.five
{
  width: 20%;
}*/
section#web h2.item-related, section#web h2.home-related, section#web h2.seller-related {
  font-size: 1.25rem;
  margin-top: 40px;
  color: #49525c;
  font-weight: bold; }

section#web .row.related .card {
  border: none; }

section#web .row.related .card h3 {
  font-size: 0.75rem;
  padding-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

section#web .row.related .card h3 a {
  /*color: #434242;*/
  color: #49525c; }

section#web .row.related .related-price {
  margin-top: 5px;
  font-size: 1rem; }

section#web .alert.validation {
  margin-top: 20px;
  border: 1px solid #fdc2c4;
  background-color: #fbe2e5;
  color: #000; }

section#web div.docs {
  font-size: 0.875rem;
  line-height: 26px;
  padding-right: 5%; }

section#web div.docs h2 {
  font-size: 1.25rem;
  /*color: #434242;*/
  color: #49525c;
  font-weight: bold; }

section#web div.docs ul {
  list-style-type: none; }

section#web div.docs table {
  font-size: 0.75rem; }

section#web div.docs table td {
  vertical-align: top;
  padding: 3px;
  border: 1px solid black; }

/* landingi*/
section#web div.docs.landings ul {
  list-style-type: disc; }

section#web #base div.docs.landings h1 {
  font-size: 1.5rem;
  /*color: #434242;*/
  color: #49525c;
  font-weight: bold; }

section#web #base div.docs.landings h2.small {
  font-size: 0.75rem;
  font-weight: normal; }

section#web #base div.docs.landings h2.big {
  font-size: 1.25rem;
  font-weight: bold; }

section#web #base div.docs.landings h2 img {
  margin-left: 10px; }

section#web #base div.docs.landings hr.red {
  border: 1px solid #f5294a;
  width: 100%;
  /*margin-right: 90%;*/
  padding-left: 15px;
  margin-bottom: 30px; }

section#web #base div.docs.landings p {
  font-size: 0.75rem;
  line-height: 1.5rem; }

section#web #base div.docs.landings p.big {
  font-size: 1rem; }

section#web #base div.docs.landings img {
  text-align: center; }

section#web #base div.docs.landings ul {
  padding-left: 15px; }

section#web #base div.docs.landings ul li {
  font-size: 0.75rem;
  line-height: 1.5rem; }

/*kolory*/
section#web #base div.docs.landings .red {
  color: #f5294a; }

section#web #base div.docs.landings .blue {
  color: #27a1d4; }

section#web #base h3.links {
  margin-top: 30px;
  font-size: 0.875rem;
  color: #f42d4a;
  font-weight: bold; }

section#web #base div.links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  margin-bottom: 40px; }

section#web #base div.links ul li {
  margin-bottom: 5px; }

section#web #base div.links ul li a {
  color: #27a1d4; }

section#web #base .contact h2 {
  font-size: 0.75rem;
  margin-bottom: 40px;
  font-weight: normal; }

section#web #base.seller h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 2px; }

section#web #base.seller .subtitle {
  font-size: 0.875rem; }

section#web #base.seller ul.address {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.875rem; }

section#web #base.seller p.annotation {
  font-size: 0.75rem; }

section#web #base.seller .bordered {
  -webkit-box-shadow: 0 0 10px #9c949c;
  -moz-box-shadow: 0 0 10px  #9c949c;
  box-shadow: 0 0 10px  #9c949c;
  border-radius: 3px;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 100px;
  padding-top: 15px; }

section#web #base.seller .bordered .note {
  font-size: 0.75rem; }

section#web #base.seller .bordered .rate span.only_rate {
  font-size: 1.25rem;
  font-weight: bold; }

section#web #base.seller .bordered .note span {
  font-weight: bold; }

section#web #base.seller .rate_item .nick {
  font-size: 1.25rem;
  font-weight: bold; }

section#web #base.seller .rate_item div.rate {
  font-size: 1rem; }

section#web #base.seller .rate_item .rate span.rate {
  font-size: 1.25rem;
  font-weight: bold; }

section#web #base.seller .rate_date {
  font-size: 0.75rem;
  color: #0297d1; }

section#web #base.seller .rate_date span {
  /*color: #434242;*/
  color: #49525c; }

section#web #base.seller .row.rate_quote {
  margin-top: 30px; }

section#web #base.seller .col-1.rate_sign {
  line-height: 50px;
  padding-top: 0;
  width: 100px;
  font-size: 50px;
  color: #e8e8e8;
  padding-right: 5px;
  text-align: right; }

section#web #base.seller .col.rate_quote {
  padding-left: 0;
  padding-top: 0;
  font-size: 0.75rem; }

section#web form label {
  font-size: 0.875rem;
  padding-right: 0; }

section#web form label.col-form-label {
  padding-top: 13px; }

section#web form label.only-text {
  font-size: 0.625rem; }

@media screen and (max-width: 992px) {
  section#web [class*="col-"] {
    padding-right: 14px; } }

#sidebar .card {
  margin-bottom: 15px; }

#sidebar .card ul {
  margin-top: 10px;
  padding-left: 10px; }

#sidebar .card .card-header {
  font-size: 0.875rem;
  padding-top: 9px;
  padding-bottom: 8px;
  color: #fff;
  background-color: #f02c4a;
  border-radius: 0.25rem; }

#sidebar .card li {
  font-size: 0.75rem;
  line-height: 1.5rem; }

#sidebar .card li a {
  /*color: #434242;*/
  color: #49525c;
  text-decoration: none; }

#sidebar ul li a img {
  border-radius: 5px; }

section#web [class*="col-"]#sidebar {
  padding-right: 14px; }

#sidebar .card {
  margin-top: 22px;
  border: none;
  background-color: #eff0f2;
  border-radius: 0; }

#sidebar ul {
  margin-top: 22px; }

@media screen and (max-width: 992px) {
  #sidebar .card {
    max-width: 100%; } }

@media screen and (max-width: 325px) {
  section#web .ads-blocks {
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 45px;
    margin-bottom: 45px; }
  section#web .ads-blocks {
    margin-top: 20px;
    margin-bottom: 20px; } }

@media screen and (min-width: 325px) {
  section#web .ads-blocks {
    margin-top: 20px;
    margin-bottom: 20px; } }

section#web .ads-blocks [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  /*margin-bottom: 10px;*/ }

section#web div.list div.list-item p.state span,
section#web div.list div.list-item p.delivery span {
  /*color: #434242;*/
  color: #49525c;
  font-weight: normal;
  font-size: 0.688rem; }

section#web div.list div.list-item p.state {
  font-size: 0.688rem;
  font-weight: bold;
  color: #f02c4a;
  margin-bottom: 2px; }

section#web div.list div.list-item p.delivery {
  font-size: 0.688rem;
  font-weight: bold;
  color: #0198d1;
  margin-bottom: 2px; }

@media screen and (max-width: 576px) {
  section#web div.list div.list-item p.state,
  section#web div.list div.list-item p.state span,
  section#web div.list div.list-item p.delivery {
    font-size: 0.625rem; } }

section#web div.item p.source {
  margin-top: 26px;
  font-weight: bold;
  color: #f02c4a;
  font-size: 0.75rem;
  margin-bottom: 5px; }

section#web div.item p.source span,
section#web div.item p.state span,
section#web div.item p.delivery span {
  /*color: #434242;*/
  color: #49525c;
  font-weight: normal; }

section#web div.item p.state {
  font-size: 0.75rem;
  font-weight: bold;
  color: #f02c4a;
  margin-bottom: 5px; }

section#web div.item p.delivery {
  font-size: 0.75rem;
  font-weight: bold;
  color: #0198d1;
  margin-bottom: 5px; }

section#web div.item img#image-main {
  display: block;
  margin: auto;
  max-width: 100%; }

section#web #base.item ul.params {
  margin-top: 20px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3; }

section#web #base.item ul.params li {
  font-size: 0.75rem;
  font-weight: bold;
  color: #0198d1; }

section#web #base.item ul.params li span {
  font-size: 0.75rem;
  font-weight: normal;
  /*color: #434242;*/
  color: #49525c; }

section#web #base.item ul.features {
  margin-top: 20px;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3; }

section#web #base.item ul.features li {
  font-size: 0.75rem;
  font-weight: bold;
  color: #0198d1; }

section#web #base.item ul.features li span {
  font-size: 0.75rem;
  font-weight: normal;
  /*color: #434242;*/
  color: #49525c; }

section#web #base.item div.row.features {
  margin-top: 20px; }

section#web #base.item div.row.features .col-4 {
  font-size: 0.75rem;
  /*color: #434242;*/
  color: #49525c; }

section#web div.list div.list-item p.data span,
section#web div.list div.list-item p.fuel span {
  /*color: #434242;*/
  color: #49525c;
  font-weight: normal;
  font-size: 0.688rem; }

section#web div.list div.list-item p.data {
  font-size: 0.688rem;
  font-weight: bold;
  color: #f02c4a;
  margin-bottom: 2px; }

section#web div.list div.list-item p.fuel {
  font-size: 0.688rem;
  font-weight: bold;
  color: #0198d1;
  margin-bottom: 2px; }

@media screen and (max-width: 576px) {
  section#web div.list div.list-item p.data,
  section#web div.list div.list-item p.data span,
  section#web div.list div.list-item p.fuel {
    font-size: 0.625rem; } }

section#web .row.category-blocks {
  /*margin-top: 8px;*/
  margin-left: 0;
  margin-right: 0px; }

section#web .row.category-blocks [class*="col-"] {
  background-color: white;
  min-height: 120px;
  position: relative; }

section#web .row.category-blocks div a {
  color: white;
  font-size: 1.25rem; }

section#web .row.category-blocks div a span {
  font-size: 0.875rem !important; }

section#web .row.category-blocks div a:hover {
  text-decoration: none; }

section#web .row.category-blocks .row div img {
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

section#web .row.category-blocks .row div a {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  font-weight: bold; }

section#web .row.category-blocks .row div a span {
  font-weight: normal; }

/*parts*/
section#web .row.category-blocks .products .row {
  background-color: #3198b9;
  min-height: 120px; }

section#web .row.category-blocks .products .row div {
  background-color: #3198b9; }

/*cars*/
section#web .row.category-blocks .cars .row {
  background-color: #3198b9;
  min-height: 120px; }

section#web .row.category-blocks .cars .row div {
  background-color: #3198b9; }

/*agreement*/
/*section#web .row.category-blocks .agreement  { padding-right: 0; }*/
section#web .row.category-blocks .agreement .row {
  background-color: #3198b9;
  min-height: 120px; }

section#web .row.category-blocks .agreement .row div {
  background-color: #3198b9; }

/*section#web .row.category-blocks .agreement a { color: #223241; }*/
section#web .row.related {
  padding-right: 14px; }

section#web #base.errors h1 {
  margin-top: 23px;
  color: #21313e; }

section#web #base.errors p {
  padding: 20px;
  color: #21313e;
  font-size: 0.875rem;
  font-weight: bold;
  background-color: #f5f6f8; }

.piotrek.form-control.is-invalid {
  margin-left: 1px;
  margin-right: 1px; }

section#web .form-control.is-invalid {
  border: 1px #dc3545 solid; }

section#menu {
  min-height: 100px;
  margin-top: 10px;
  margin-bottom: 20px; }

section#menu .row {
  min-height: 100px; }

section#menu div.menu h5 {
  padding-left: 15px;
  font-size: 0.875rem;
  padding-top: 20px; }

section#menu div.menu a {
  margin-bottom: 10px;
  font-size: 0.75rem;
  padding-top: 10px;
  padding-bottom: 10px; }

section#menu div.menu {
  padding-left: 14px; }

section#menu div.menu ul {
  margin-bottom: 0; }

section#menu .row .col-10, section#menu .row .col-12 {
  padding-left: 0;
  padding-right: 0; }

section#bank {
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 10px; }

section#bank .row {
  min-height: 50px; }

section#bank div.bank {
  padding-left: 14px; }

section#bank div.bank ul {
  padding-left: 15px;
  margin-top: 13px;
  font-size: 0.75rem;
  list-style: none;
  width: 100%; }

section#bank div.bank ul li {
  display: inline-block;
  width: 33%; }

section#bank div.bank ul li span {
  font-weight: bold;
  font-size: 0.75rem; }

@media screen and (max-width: 992px) {
  section#bank div.bank ul li {
    width: 100%; } }

section#pay {
  min-height: 50px;
  margin-top: 10px;
  margin-bottom: 10px; }

section#pay .row {
  min-height: 150px; }

section#pay div.pay {
  padding-left: 14px;
  padding: 14px; }

section#pay .green {
  color: #3cac46; }

section#pay div.pay div {
  background-color: #f5f6f8;
  padding-top: 20px;
  padding-bottom: 15px; }

section#pay div.pay div img {
  margin-top: 30px;
  margin-bottom: 30px; }

section#pay div.pay div h1 {
  margin-top: 5px;
  /*color: #233142;*/
  color: #49525c;
  font-size: 1.25rem;
  font-weight: bold; }

section#pay div.pay div h2 {
  /*color: #233142;*/
  color: #49525c;
  font-size: 0.875rem;
  font-weight: bold; }

section#pay div.pay div p {
  margin-bottom: 3px;
  font-size: 0.625rem;
  color: #007bff;
  width: 300px;
  margin: 20px auto 0 auto; }

section#pay div.pay div p span {
  /*color: #434242;*/
  color: #49525c; }

/*Panel */
section#panel {
  margin-top: 20px;
  border-radius: 5px 5px;
  margin-bottom: 30px; }

section#panel [class*="col-"] {
  padding-left: 14px; }

section#panel [class*="col-"]#base {
  padding-right: 14px; }

section#panel #base h1 {
  margin-top: 18px;
  font-size: 1.25rem;
  /*color: #424242;*/
  /*color: #233142;*/
  color: #49525c;
  margin-bottom: 20px;
  font-weight: bold; }

section#panel select.form-control, section#panel .form-control {
  font-size: 0.75rem; }

section#panel input[type="text"]:disabled, section#panel input[type="email"]:disabled {
  background-color: #f6f7f9; }

section#panel select.form-control {
  padding-top: 6px;
  padding-bottom: 3px; }

section#panel .form-group.features label.form-check-label {
  font-size: 0.688rem; }

section#panel form label {
  font-size: 0.75rem;
  padding-right: 0; }

section#panel #base form label.col-form-label {
  padding-top: 13px; }

section#panel .alert.validation {
  margin-top: 20px;
  border: 1px solid #fdc2c4;
  background-color: #fbe2e5;
  color: #000; }

section#panel .panel-buttons [class*="col-"].search {
  padding-right: 4px; }

section#panel .panel-buttons .col.sort {
  padding-left: 4px;
  padding-right: 14px; }

section#panel .panel-buttons .col.internal-status, section#panel .panel-buttons .col.user-type {
  padding-left: 4px;
  padding-right: 4px; }

section#panel .panel-buttons .form-control {
  background-color: #f6f7f9;
  font-size: 0.75rem; }

section#panel .panel-buttons select.form-control {
  padding-top: 6px;
  padding-bottom: 3px; }

section#panel .btn-nice {
  font-size: 0.75rem; }

section#panel table {
  /*margin-bottom: 3rem;*/ }

section#panel table thead th {
  padding-bottom: 0.25rem;
  border: none; }

section#panel table tr {
  line-height: 23px;
  min-height: 23px;
  height: 23px;
  font-size: 0.688rem;
  /*color: #233142;*/
  color: #49525c; }

section#panel table tr td {
  padding: 0.75rem;
  vertical-align: middle;
  border: none; }

section#panel table.thin tr td {
  padding: 0.2rem; }

section#panel table.thin tr td {
  padding: 0.2rem; }

section#panel table.thin tr td input {
  margin-top: 3px;
  margin-bottom: 1px; }

section#panel table tr .checkboxes {
  padding: 0;
  padding-left: 5px; }

section#panel table tr td.avatar {
  padding: 0.1rem;
  padding-left: 0.5rem;
  vertical-align: middle; }

section#panel table tr td .btn-primary {
  color: #838b94;
  background-color: #c2cad3;
  border-color: #c2cad3; }

section#panel table tr td .btn-primary:hover {
  color: #838b94;
  background-color: #a5aeb8;
  border-color: #a5aeb8; }

section#panel table tr td .btn-primary .fa, section#panel table tr td .btn-primary .fas {
  color: #818a93; }

section#panel table.order-items span {
  font-weight: bold; }

section#panel table tr td .table-flag {
  display: block;
  padding: 1px 2px;
  margin-bottom: 2px;
  line-height: 1.2;
  color: #ffffff;
  border-radius: 0.2rem; }

section#panel table tr td .table-flag-highlighted {
  background-color: #9299a1; }

section#panel table tr td .table-flag-promoted {
  background-color: #838b94; }

/* table rwd*/
section#panel table.rwd tr td .checkboxes {
  padding: 0;
  padding-left: 10px;
  /*width: 20px;*/ }

section#panel table.rwd tr td .avatar {
  padding: 0.1rem;
  padding-left: 0.5rem;
  vertical-align: middle; }

section#panel .pagi {
  margin-top: 2rem; }

section#panel .pagi .form-control {
  font-size: 0.75rem;
  padding-top: 3px;
  padding-bottom: 3px; }

section#panel .pagi .page-link {
  padding: 0.3rem 0.6rem; }

section#panel .pagi .btn {
  font-size: 0.75rem; }

.invoice {
  font-size: 0.75rem; }

section#panel #base .form-control.dark {
  background-color: #f6f7f9; }

section#panel #base h1.orders, section#web #base h1.orders {
  margin-bottom: 5px; }

section #base h2.orders {
  font-size: 0.875rem; }

section #base div.order-create-list {
  margin-top: 20px; }

section #base div.order-create-list-item {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #eff0f2;
  padding-bottom: 10px;
  border-bottom: 1px #e8e8e8 solid; }

section #base div.order-create-list-item .col {
  margin-top: 15px; }

/*checkboxy kolorowe start*/
/*section #base div.order-create-list-item input[type=checkbox] {
  -moz-appearance:none;
  -webkit-appearance:none;
  -o-appearance:none;
  outline: none !important;
  content: none;
}

section #base div.order-create-list-item input[type=checkbox]:before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 15px;
  border-radius:2px;
  color: transparent !important;
  background: #dbdee5;
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #8491a2;
}

section #base div.order-create-list-item input[type=checkbox]:checked:before {
  background: #f02c4a;
  color: rgba(255,255,255, 0.85) !important;
  border: 1px solid #f02c4a;
  border-radius:2px;
  padding: 0;
  margin: 0;
}*/
/*checkboxy kolorowe stop*/
section#base div.order-create-list-item .col.form-check {
  margin-left: 35px; }

section #base div.order-create-list-item .col.form-check label {
  font-size: 0.875rem;
  font-weight: bold; }

section #base div.order-create-list-item .col.form-check span {
  font-size: 0.75rem; }

section #base div.order-create-list-item .col.form-check span.blue {
  color: #0098d0;
  font-weight: bold; }

section #base div.order-create-list-item .col.price {
  padding-right: 30px;
  color: #0098d0;
  font-weight: bold; }

section #base div.order-create-list-item .col.amount, section #base div.order-create-list-item .col.price {
  padding-right: 30px;
  color: #0098d0;
  font-weight: bold;
  font-size: 0.75rem; }

section#panel #base .col.summary-price {
  font-size: 0, 875rem;
  /*color: #233142;*/
  color: #49525c;
  font-weight: bold; }

section#panel #base .col.summary-price span {
  margin-left: 50px;
  color: #0098d0;
  font-weight: bold; }

div#modal-subscription .modal-body div {
  padding: 20px;
  padding-top: 30px;
  padding-bottom: 10px; }

div#modal-subscription .modal-body.modal-subscription-body div {
  background-color: #eff0f2; }

div#modal-subscription .modal-body.modal-subscription-body-blank div.row {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0; }

div#modal-subscription .modal-body.modal-subscription-body-blank div.row.checkbox {
  padding-top: 0px; }

div#modal-subscription .modal-body.modal-subscription-body-blank div.row.checkbox label {
  font-size: 0.75rem; }

div#modal-subscription .modal-body.modal-subscription-body-blank div.col {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0; }

div#modal-subscription .modal-body.modal-subscription-body-blank div.col:first-child {
  margin-right: 20px; }

div#modal-subscription .modal-body div .row {
  padding-left: 20px;
  padding-top: 0;
  padding-bottom: 0; }

div#modal-subscription .modal-body div .row .col {
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0; }

div#modal-subscription .modal-body h1 {
  font-size: 1.25rem;
  font-weight: bold;
  /*color: #233142;*/
  color: #49525c;
  margin-bottom: 20px; }

div#modal-subscription h2 {
  font-size: 0.875rem;
  font-weight: bold; }

div#modal-subscription .modal-body p {
  font-size: 0.875rem; }

div#modal-subscription h2.red {
  color: #f5294a; }

div#modal-subscription .modal-body div ul {
  font-size: 0.687rem;
  padding-left: 0;
  margin-left: 20px; }

div#modal-subscription .modal-body div ul {
  color: #27a1d4; }

div#modal-subscription .modal-body div ul li.blue {
  color: #27a1d4; }

div#modal-subscription div.useful-links ul li {
  font-size: 0.75rem; }

.alert {
  font-size: 0.75rem;
  border-radius: 0.25rem; }

section#alert {
  margin-top: 10px;
  margin-bottom: 10px; }

section#alert [class*="col-"] {
  padding-left: 0; }

section#web #base .premium {
  color: #f5294a;
  font-size: 0.75rem;
  font-weight: bold; }

section#web #base .trusted {
  color: #3b9c55;
  font-size: 0.75rem;
  font-weight: bold; }

section#web button#phone-button:hover span#phone-full {
  background-color: #314359;
  color: #fff; }

section#web button span#phone-full {
  /*display: block-inline;
  margin-left: -80px;*/
  background: #233142; }

div.useful-links h2 {
  color: #f5294a;
  font-size: 0.875rem;
  font-weight: bold; }

div.useful-links ul {
  padding-left: 5px;
  list-style: none;
  display: inline; }

div.useful-links ul li {
  color: #27a1d4;
  display: inline;
  font-size: 0.85rem; }

section#footer_slider_header {
  height: 80px; }

section#footer_slider_header h2 {
  padding-left: 14px;
  margin-top: 17px;
  margin-bottom: 5px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #49525c; }

section#footer_slider_header .row {
  height: 100%; }

section#footer_slider_button {
  padding-top: 16px;
  padding-bottom: 30px;
  /*height: 100px;*/ }

section#footer_slider_button span {
  font-size: 0.75rem; }

section#footer_slider_button .row {
  height: 100%;
  font-size: 0.875rem; }

section#footer_slider_button [class*="col-"], section#footer_slider_button .col {
  padding-left: 14px; }

@media screen and (max-width: 992px) {
  section#footer_slider_button .col {
    padding-right: 14px; } }

section#footer_slider .carousel-indicators {
  margin-bottom: 3px;
  margin-right: 14px;
  justify-content: flex-end; }

section#footer_slider .carousel-indicators li {
  position: relative;
  flex: 0 1 auto;
  width: 12px;
  height: 11px;
  margin-right: 3px;
  margin-left: 3px;
  background-color: transparent;
  border: 1px white solid; }

section#footer_slider .carousel-indicators li.active {
  border: 1px white solid;
  background-color: white; }

section#footer_slider .carousel-inner .carousel-item a img {
  border-radius: 5px; }

section#categories {
  padding: 2px;
  min-height: 330px;
  /*background-color: #253042;*/
  /*background-image: url("/img/footer_rectangles.png");
  background-repeat: repeat;*/
  /*-webkit-box-shadow: 0px -2px 8px -3px rgba(156,148,156,1);
  -moz-box-shadow: 0px -2px 8px -3px rgba(156,148,156,1);
  box-shadow: 0px -2px 8px -3px rgba(156,148,156,1);*/ }

section#categories [class*="col-"] {
  padding-left: 14px; }

section#categories h1 {
  margin-top: 37px;
  font-size: 1.25rem;
  color: #49525c;
  margin-bottom: 20px;
  font-weight: bold; }

section#categories div#categories-columns, section#categories div#brands-columns {
  margin-bottom: 40px; }

section#categories div#categories-columns, section#categories div#brands-columns {
  column-count: 2;
  max-width: calc(2*290px); }

@media screen and (max-width: 992px) {
  section#categories div#categories-columns, section#categories div#brands-columns {
    column-count: 1;
    max-width: calc(1*290px); }
  section#categories {
    padding-bottom: 20px; } }

section#categories div#categories-columns a, section#categories div#brands-columns a {
  display: block;
  font-size: 0.75rem;
  color: #49525c;
  line-height: 1.9rem; }

section#note [class*="col-"] {
  padding-left: 14px; }

section#note p {
  margin-top: 40px;
  font-size: 0.688rem;
  color: #adb7c1;
  line-height: 1.5rem;
  text-align: justify;
  /*  margin-bottom: 20px;*/ }

@media screen and (max-width: 992px) {
  section#note {
    padding-bottom: 20px; } }

footer {
  height: 257px;
  font-size: 0.75rem;
  /*color: #434242;*/
  color: #49525c; }

footer .row.logo {
  margin-top: 110px;
  margin-bottom: 100px; }

footer .row.logo p {
  font-size: 0.75rem;
  font-style: italic; }

footer .row.links {
  margin-top: 25px;
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 40px; }

footer .row.links ul li {
  line-height: 1.5rem; }

footer .row.links ul li a {
  /*color: #434242;*/
  color: #49525c; }

/*Search Autocomplete Start*/
.ui-autocomplete {
  position: absolute;
  z-index: 1000;
  cursor: default;
  padding: 0;
  margin-top: 2px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.ui-autocomplete > li {
  padding: 3px 20px; }

.ui-autocomplete > li.ui-state-focus {
  background-color: #DDD; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-autocomplete > li:hover {
  background-color: grey; }

#matrix .fa {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  transition: color .2s; }

#matrix .fa:hover {
  color: rgba(0, 0, 0, 0.9); }

.upload-item {
  margin: 1rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8rem;
  background-color: #eee;
  border: 1px dashed #ccc; }

.upload-item-controls {
  font-size: 1rem;
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
  top: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  display: none; }

.upload-item-controls.remove {
  right: 0;
  transform: translate(50%, -50%); }

.upload-item-controls.arrow-left {
  left: 0;
  transform: translate(-50%, 200%); }

.upload-item-controls.arrow-right {
  right: 0;
  transform: translate(50%, 200%); }

.upload-item.has-photo:hover .upload-item-controls {
  display: flex; }

.upload-item.has-photo {
  background-image: url("https://picsum.photos//300/200");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.upload-item.has-photo .add {
  display: none; }